/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*-----BODY -----*/
body {
	background-color:#fd9328;
	font-size: 16px;
		font-family: 'Neuton', serif;
		
}






/*-----CONTAINER -----*/
#container {
	background-color: #0e0e0e;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 1140px;
	
}
#colorstrip {background-color: black; padding: 0 1px 1px 0;}
/*-----HEADER -----*/
header{background-image:url(images/small2.jpg);
background-repeat:no-repeat;
	height: 200px;	   
}


header h1 { 

color:white;
font-size:2em; 
padding-top: .9em;
padding-left:1em;
text-shadow: 1px 1px 1px #000;


}
header h2 {padding-left: 2.2em;}
header{background-img:url("surfer.jpg");}



/*-----NAVigation -----*/
nav ul li {}
nav ul li a {
	text-decoration:none;
	font-size: 1em;
	display:block;
	text-align:center;
	padding: .7em;
	color: #CCC;
	
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
}
nav ul li a:hover {
	color:#0fd35a;
	text-shadow: 1px 1px #000;
}

nav ul li.active a {


}

/*-----CONTENT -----*/
#content {
	
	
	padding-bottom:1.5em;
}
#content h1{
	
	font-size: 3em;
	color:white;
	text-align:center;
	padding:.50em;}
	
	div#gplus{
		float:right;
		padding-top: 1.5em;
		}
	
article{
	background-color: white;
	margin: 0 4%;
	
	padding-bottom:1em;
	box-shadow: 0px 0px 10px rgba(255,255,255,0.6);
	background: rgba(255, 255, 255, 0.5);
	
	
	
	
	}
	article iframe{
		width:100%;
		border:none;
		background-color:#333;
		
		}
	article h2{
		font-size:1em;
		text-align:center;
		padding: .5em;
		color:#03e716;
	
		
		}
	article p {
		padding:.75em;
		}
/*FACEbook responsive stuff*/
		#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}





/*----- FOOTER -----*/
footer p.icons{
	float:center;
		
	
	}
	footer img{
		padding-left:.5em;
	padding-right:.5em;
	
		}
		
footer {
	clear: both;
	text-align: center;
	padding:.5em;
	color:white;
	background-color:black;


	text-shadow: 1px 1px 4px #000;
}
footer p.icons a{opacity: 0.2;	
	-webkit-transition: opacity 0.4s ease-in-out; 
	transition: opacity 0.4s ease-in-out;}
	footer p.icons a:hover{opacity: 0.9;}


/* OTHER STUFF*/
.keepOpen{
	clear: both;
	}