@charset "utf-8";
/* CSS Document */

/* unvisited link */
a:link {
    color: rgb(255,100,0);
}

/* visited link */
a:visited {
    color: red;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: red;
}


body {
    margin: 0;
    padding: 0;
    background-color: #151515;
}

#container {
    position: relative;
    width: 100%;
    min-height: 1080px;
    padding: 0;
    margin: 0 auto;
    background-color: #222;
}


header {
    /*-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: red;*/
	text-shadow: 1px 1px 0 #E55300, -1px -1px 0 #E55300, 1px -1px 0 #E55300,
            -1px 1px 0 #E55300, 0px 0px 15px #f00;
    text-align: center;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
    color: #222;
    background-color: #151515;
    font-family: 'AnitaSemisquareNormal';
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
}

#content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 800px;
    background-image: url(../Images/01background.png);
    background-size: cover;
    background-color: #151515;
    margin: 0;
    padding: 0;
    text-align: center;
    background-attachment: fixed;
    background-position: center;
}

.btn-style{
	border : solid 0px #8f0707;
	border-radius : 11px 11px 11px 10px ;
	moz-border-radius : 11px 11px 11px 10px ;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #ffffff;
	padding : 4px 20px;
	background : #8f1010;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f1010), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #8f1010 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #8f1010 0%, #00060a 100%);
	background : -o-linear-gradient(top, #8f1010 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #8f1010 0%, #00060a 100%);
	background : linear-gradient(top, #8f1010 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f1010', endColorstr='#00060a',GradientType=0 );

}



.gif
{
    display: inline-block;
    width: 80%;
    min-width: 800px;
    height: auto;
    margin: 20px auto;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
	padding: 0px 10px; 
}

.images
{
    display: inline-block;
    width: 80%;
    min-width: 800px;
    height: auto;
    margin: 20px auto;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
    padding: 10px 10px;
}

    .images img
    {
        width:384px;
        height:216px;
        padding:3px;
    }


.galleryVideo
{
    display: inline-block;
    width: 80%;
    min-width: 800px;
    height: auto;
    margin: 20px auto;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
	padding: 0px 10px; 
}

    .galleryVideo iframes
    {
        frameborder:0;

    }
nav {
    float: left;
    width: 100%;
    min-width: 800px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    
    background: linear-gradient( to bottom, #151515 0%, #444 100%);
    background: -moz-linear-gradient(to bottom, #151515 0%, #444 100%);
    background: -webkit-linear-gradient(to bottom, #151515 0%, #444 100%);
}

    nav ul {
        display: inline-block;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        nav ul li {
            float: left;
            width: 200px;
            height: 40px;
            padding: 0;
            margin: 0;
        }

            nav ul li a {
                display: block;
                text-decoration: none;
                text-align: center;
                height: 40px;
                margin: 0;
                padding: 0;
            }

                nav ul li a:hover {
                    background-color: rgba(255,255,255,0.1);
                }
#headerContent{
	position: absolute;
	text-align: center;
	color: white;
	background: none;
	height: 103px;
	width: 80%;
	min-width: 800px;
	top: 0;
	left: 10%;
	padding: 0px 12px 0px 0px; 
}
#headerContainer{ /* creates orange line on outsides */
	position: relative;
	text-align: center;
	background: none;
	height: 103px;
	width: 100%;
	border-top: 3px solid #E55300;
	
}
#headerBackground{  /* creates background shape */
	height: 1px;
	position: relative;
	left: 20px;
	border-top: 100px solid #151515;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	margin-left: -80px;
	margin-right: -40px;
	margin-top: -103px;
}
#headerOutline{   /* creates orange outline */
	height: 1px;
	width: 800px;
	border-top: 100px solid #E55300;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	margin-left: -50px;
}

#footerContent{
	text-align: center;
	color: white;
	background: none;
	width: 500px;
	top: 0;
	left: 30%;
	padding: 12px 0px 0px 0px; 
}
#footerContainer{
	position: relative;
	text-align: center;
	background: none;
	height: 40px;
	width: 100%;
	border-bottom: 3px solid #E55300;
	
}

#footerBackground{
	height: 3px;
	position: relative;
	left: 20px;
	border-bottom: 40px solid #222;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	margin-left: -40px;
}
#footerOutline{
	height: 1px;
	width: 800px;
	border-bottom: 40px solid #E55300;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	margin-left: -40px;
}
#email{
	float: left;
}

#socialMedia{
	float: right;
}
#socialMediaTop{
	position: absolute;
	top: 10px;
	right: 10px;
}


/*
	float: right;
	
	padding-top: 10px;
    	padding-right: 10px;
}

#email{
	position: relative;
	right: 300px;
	top: 0px;
}

#socialMedia{
	position: relative;
	left: 300px;
	top: -37px;
}
*/
/* ---------- */

#gallery {
    position: relative;
    display: inline-block;
    width: 70%;
    min-width: 800px;
    height: 300px;
    margin: 20px auto 20px auto;
    padding: 0;
}

.serendipity_Entry_Date{

    background-color: rgba(0, 0, 0, .8);
	color: white;
	padding: 0px 10px; 
	text-align: justify;
}


#text {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .8);
	color: white;
	padding: 0px 10px; 
}
#textContainer { /* to prevent padding from affecting the width */
    position: relative;
    display: inline-block;
    width: 70%;
    min-width: 100px;
    height: auto;
    margin: 20px 0px;
    padding: 0;
}

#announcement {
    position: relative;
    display: inline-block;
    width: 70%;
    min-width: 700px;
    height: auto;
    margin: 20px 20px;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
	color: white;
	padding: 10px 10px; 
	text-align:left;
}

#textNB {
    
    display: inline-block;
    width: 70%;
    min-width: 800px;
    height: auto;
    margin: 20px auto;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
	color: white;
	padding: 0px 10px; 
    text-align:justify;
	hyphens: auto;
}

#textAu {

    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0;
    background-color: rgba(0, 0, 0, .8);
	color: red;
    text-align:right;
    font-style: italic;
    font-size:14px;
}

#wrapperA {
    position: relative;
    display: inline-block;
    width: 70%;
    min-width: 900px;
    height: 280px;
    margin: 0px auto 20px auto;
    padding: 0;
    text-align: justify;
}

.video-container {
	position:relative;
	padding-bottom:40%;
	padding-top:30px;
	width:70%;
    	margin: 0px auto 20px auto;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	min-height : 506px
}

#Aa {
    display: inline-block;
    width: 62%;
	vertical-align: middle;
    height: 280px;
    margin-left: auto;
    padding: 09;
    background-color: rgba(20, 0, 0, 0.8);
	color: white;
	padding: 0px 10px; 
}

#Ab {
    display: inline-block;
    width: 42%;
	min-width: 340px;
	vertical-align: middle;
    height: 280px;
    padding: 0;
    background-color: rgba(0, 20, 0, 0.8);
	color: white;
	padding: 0px 10px; 
}

#Ac {
    display: inline-block;
    width: 32%;
	vertical-align: middle;
    height: 280px;
    padding: 0;
    background-color: rgba(20, 0, 0, 0.8);
	color: white;
	padding: 0px 10px; 
}

#Ad {
    display: inline-block;
    width: 52%;
	vertical-align: middle;
    height: 280px;
    padding: 0;
    background-color: rgba(20, 0, 0, 0.8);
	color: white;
	padding: 0px 10px; 
}


.pushed {
    width: 100%;
    height: 0px;
    display: inline-block;
}

.AD
{
    display: block;
    color: red;
    text-align:right !important;
    font-style: italic;
    font-size:14px;
}