/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}

body { 
	background-image: url(../images/oldwood_7D.jpg); /*blackwood2.jpg*/
	width: 100%;
	background-size: cover;
	height: auto;
	position: absolute;
	background-position: center top;
	background-repeat: repeat-y;
	background-color: black;
	overflow-y: auto;
	min-height:100%; 
	}

p {font-size: 1.25em; color: silver; font-family: 'Merriweather', serif; font-weight: 300; line-height: auto; opacity: 1.0;}


ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}

h1 {font-family: 'Merriweather', serif; font-weight: 300; font-size: 2.0em; padding: 0% 6% 0% 6%; color: white; text-shadow: 6px 6px 6px black; text-align: center; text-shadow: 6px 6px 6px black; }


h2 {font-family: 'Wallpoet', cursive; font-weight: normal; font-size: 4.5em; letter-spacing: -0.05em; line-height: 0.65em; color: white; opacity: 0.23; padding-bottom: 8px; }

/*h2 {font-family: 'Stardos Stencil', cursive; font-weight: 400; font-size: 2em; letter-spacing: 0.1em; line-height: 0.70em; color: white; opacity: 0.25; padding-bottom: 8px; }*/


h3 {font-family: 'Wallpoet', cursive; font-weight: normal; font-size: 2.0em; letter-spacing: 0.05em; margin: 6px 8px 6px 8px; opacity: 0.5; color: white; }
h4 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 1.1em; line-height: 1.1em; letter-spacing: 0em; text-transform: uppercase; margin: 0px 0px 4px 0px; color: white; opacity: 0.8; }
h5 {font-family: 'Wallpoet', cursive; font-weight: normal; font-size: 0.85em; letter-spacing: 0.05em; line-height: 0.8em; padding: 8px 8px 8px 20px; color: white;}






img { display: block; margin-bottom: 10px;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
a:link {color:dodgerblue; text-decoration:none;}
a:visited {color:white;}
a:hover {color:limegreen;}
a:active {color: red;}		
	
	
/* Structure */
	
	#backgroundbox {
		position: relative;
		width: 85%;
		max-width: 1200px;
		height: auto;
		top: 0%; 	
  		margin: auto;		
		border: 0px solid red;
		position: relative;		
		background-color: rgba(0, 0, 0, 0.3);
		overflow:hidden;
		} 	
		
	article {
	border-bottom: 0px solid blue;
	padding-bottom: 0px;
	background-color:none;
	}	

	#main {
		width: 72%;
		margin-left: 1%;
		margin-bottom: 10px;
		float: left;
		}	
		
		
	#bigpic {
		display: block;
		position:relative;
		max-width: 100%;
		margin-bottom: 40px;
		}
		
	#bigpic img {
		max-width: 100%;
		box-shadow: 6px 6px 6px black;
		padding-left: 0%;
		}		
		
	#gallery_pix {	
		display: block;
		position:relative;
		max-width: 100%;
		}	
		
	#gallery_pix img {	
		float: left;
        width: 24%;
        margin: 0% 1% 1% 0%;
		box-shadow: 6px 6px 6px black;
		}	
		
	#video_box {
		position:relative;
		background: none;
		width: 70%;
		padding-bottom:0;
		margin-top:0px;
		height:auto;
		overflow:hidden;
		box-shadow: 6px 6px 6px black;
		}	
		
	#video_box iframe {
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		}	
		
	#sillytwo {
		display: block;
		position: relative;
		margin: 50px 0px 10px 0px;
		padding-bottom: 160px;
		color: rgba(255, 255, 255, 0.3);
		border-bottom: 1px solid limegreen;
		}
		
	#sillytwo h5 a:link {color:rgba(255, 255, 255, 0.3); text-decoration:none;}
	#sillytwo h5 a:hover {color: limegreen;}
	
	
		
		
	#main p { margin: 0 0 10px; font-size: 1.1em; padding-right: 30%;}
	#main i	{ margin: 0 0 10px; font-size: 1.0em;}
		
	aside {
		width: 17%;
		margin-right: 1%;
		float: right;
		}
	
	.caption, {
		display: block;
		position:relative;
		width: 100%;
		margin: 0px 0px 40px 0px;
		}
	
	.caption p {
		font-family: 'Oswald', sans-serif; 
		font-size: 0.92em;  
		font-weight: 300; 
		font-style: normal;
		line-height: 1.2em;
		color: limegreen;
		}	
		
	
		
		
	.smallprint {
		display: block;
		position:relative;
		width: 100%;

		font-family: 'Oswald', sans-serif; 
		font-size: 0.9em;  
		font-weight: 300; 
		font-style: normal;
		line-height: 1.2em;
		color: limegreen;
		margin: 0px 0px 40px 0px;
		}
	
	.smallprint p {
		font-family: 'Oswald', sans-serif; 
		font-size: 1em;  
		font-weight: 300; 
		font-style: normal;
		line-height: 1.2em;
		color: limegreen;
		}		
				
	.sidepixH img {
		float: left;
        width: 100%;
		box-shadow: 6px 6px 6px black;
		}
		
	.sidepixV img {
        float: left;
        width: 100%;
		box-shadow: 6px 6px 6px black;
		}		
		
		
	.sidepixS1 img {
        float: left;
        width: 48%;
		box-shadow: 6px 6px 6px black;
		}
	
	.sidepixS2 img {
        float: right;
        width: 48%;
		box-shadow: 6px 6px 6px black;
		}	
		
	
			
	#map {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
		box-shadow: 6px 6px 6px black;
		margin: 0px 0px 40px 0px;
		}
		
	#map iframe {
		position: absolute;
		top:0;
		left:0;
		width: 100% !important;
		height: 100% !important;
		}
		
		
		/*height:570px;width:100%;*/
		
		
		
	#terms ol{
		list-style-position: outside;
		}
	
		
	

	ol { counter-reset:li; 
		}
	ol li {
    	list-style-type:none;
    	counter-increment:li;
    	position:relative;
    	padding: 1px 0px 3px 0px;
		}

	ol li:before {
    	content:counter(li) ".";
    	position:absolute;
    	left: -2.6em;
    	width: 2em;
    	text-align: right;
    	color: white;
		}

	ol ol li:before { content:counter(li,lower-alpha) ")"; }
	ol ol ol li:before { content:counter(li,lower-roman) "."; }

	#topbutton {
		color:limegreen;
		}
	
	
header nav {
	float: right;
	margin-top: 4px;
	margin-bottom: 4px; 
	}
	
	header nav li {
		display: inline;
		margin: 0px 4px 0px 0px;
		padding: 0px 0px 0px 12px; 
		font-family: 'Oswald', sans-serif; 
		font-weight: 300; 
		font-size: 0.5em; 
		line-height: 1em; 
		letter-spacing: 0.3em; 
		text-transform: uppercase; 
		 
		border-left: 0px solid limegreen;
		}
	
	header nav li a:link {color: white;}
	header nav li a:hover {color: limegreen;}
	header nav li a:visited {color: silver;}
	header nav li a:active {color: yellow;}




/*header nav a:link {color:rgba(255, 255, 255, 0.3); text-decoration:none;}
header nav a:visited {color:silver;}
header nav a:hover {color:rgba(0, 0, 0, 0.8);}
header nav a:active {color: rgba(0, 0, 0, 0.8);}*/	
	
/* Banner */			
	#banner {
	float: left;
	padding-top: 0;
	margin-top:0px;
	margin-bottom: 300px;
	width: 100%;
	height: 100%;
	}

	#banner img {
		width: 100%;
		box-shadow: 6px 6px 6px black;
		}
		
	#bannerguff h1 {
		font-family: 'Merriweather', serif; 
		font-weight: 300; font-size: 2.0em; 
		padding: 0% 6% 0% 6%; color: white; 
		text-shadow: 6px 6px 6px black; 
		text-align: center; 
		text-shadow: 6px 6px 6px black; }
		}

	#nootherway {
		position: absolute;
		top: 40px;
		width: 100%;
		height: 40px;
		border: 1px solid red;
		}
		
		
		
	#face-top {
		position: absolute;
		top: 40px;
		right: 48px;
		}
		
	#twit-top {
		position: absolute;
		top: 40px;
		right: 12px;
		}

	#twat_2 {
		float: left;
		/*position: relative;*/
		margin: -3px 8px 0px 0px;
		}
	
	

/* Media Queries */

@media screen and (max-width: 768px) {

		
	#bannerguff {
		bottom: 150px;
		left: 0;
		} 
		
	#bannerguff h2 {
		font-size: 20px;
		font-weight: 600;
		line-height: auto;
		letter-spacing: 0.35em;
		text-shadow: none;}
		}		
		
	header nav li {
		margin-left: 1px;
		padding: 0px 0px 0px 12px;
		font-size:0.5em;
		border-left: 1px solid limegreen;
		}
		
	#video_box {
		width: 100%;
		height:0;
		padding-left:0px;
		padding-bottom:55%;
		margin-top:40px;
		margin-bottom:10px;
		}	
		
		#video_box iframe {
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		max-height: 100%;
		}	
		
		
		
		
		
@media screen and (max-width: 600px) {


	header nav li {
		font-size: 0.4em; 
		letter-spacing: 0.1em;
		margin: 0px 3px 0px 0px;
		padding: 0px 0px 0px 10px;  
		}
	
	#sidestuff li {
		padding: 4px 10px 4px 10px;
		font-family: 'Oswald', sans-serif;
		font-weight:400;
		letter-spacing: 0.15em;
		font-size:9px;
		border-top: 1px solid white;
		}	
		

	body {
	background-image:url("../images/oldwood_7D.jpg");
		}

		
		
	#bannerguff {
		bottom: 120px;
		} 
	#bannerguff h2 {
		font-size: 14px;
		line-height: auto;
		}	
		
	.bigtext {font-family: 'Merriweather', serif; font-weight: 400; line-height: auto; font-size: 18px; color: black;}	
	
	p { font-family: 'Merriweather', serif; font-weight: 300; line-height: auto; font-size: 15px; margin-bottom: 12px;}
		
	
	
		
	.caption p {
	font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 0.8em; line-height: 1.2em; color: limegreen;
		}
		
	.caption a {
	font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 0.8em; line-height: 1.2em; color: limegreen; text-transform: underline;
		}
		}

@media screen and (max-width: 480px) {

	#face-top {
			top:355px
			}
		
	#twit-top {
			top:355px
			}
			
	#spacer  {display:none;}
		
	#topbutton {
		color:white;
		font-size: 0.7em;
		letter-spacing: 0.3em; 
		font-weight: 300;
		text-align: center;
		padding:9px 0px 9px 8px;
		margin: 0px 0px 1px 0px;
		}
		
	
			
	header nav li a:link {color: white;}
	header nav li a:hover {color: black;}
	
	header nav li a:active {color: black;}	
		
		
		
	#backgroundbox {
		position: relative;
		width: 90%;
		top: 0%; 	
  		margin: 0% 0% 0% 7%;		
		} 
	
	
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0px 15px 0px -4px; 
		width: 98%;
		padding:0;
		}	
		header nav li {
			margin: 0px 0px 1px 0px;
			font-size: 0.7em;
			letter-spacing: 0.3em; 
			font-weight: 300;
			background: limegreen;
			display: block;
			border: 0px;
			}
			
		/*li a:link {color:white; text-decoration:none;}
		li a:hover {color:black}
		li a:visited {color:white;}
		li a:active {color: black;}*/
			
		header nav a {
				display: block;
				padding:10px;
				text-align: center;
				}	
		
	header nav li a:link {color: white;}
	header nav li a:hover {color: black;}
	header nav li a:visited {color: white;}
	header nav li a:active {color: black;}

		
		#banner {
		margin-bottom: 25px;
		padding-bottom: 0px;
		}
		
		h1 {
		font-size: 1.3em;
		} 
		
		h2 {
		font-size: 3.5em; 
		} 
		
		#main {
		width: 94%;
		margin: 0% 3% 0% 3%;
		}
		
		
		#main p {  
		font-size: 0.80em;
		line-height: auto; 
		padding-right: 8%;
		}
		
		
		#video_box {
		width: 96%;
		height:0;
		padding-left:0px;
		padding-bottom:60%;
		margin-top:40px;
		}	
		
		#video_box iframe {
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		max-height: 100%;
		}
				
		
		#bigpic {  
		margin-top: 60px;
		margin-bottom:20px !important;
		}
		
		#map {
		/*display: block;*/
		margin-top: 60px;
		margin-bottom: 20px;
		width: 96%;
		max-height: 50%!important;
		}
		
		#bigmap {
		overflow:hidden;
		max-height:50%!important;
		}
		
		#gmap_canvas {
		max-height:50%!important;
		
		}	
		
	#gmap_canvas img {
		max-width:none!important;
		max-height:100%!important;
		background:none!important;
		}	
		
		
		
		
		
		
		
		aside {
		width: 94%;
		margin: 0% 3% 0% 3%;
		}
			
		.caption {
		display:none; 
		}	
		
		.smallprintpix {
		display:none;
		}
		
		ol { 
		margin-left: 25px;
		font-size: 0.8em; line-height: 1em; 
		}
		
		#sillytwo {
		margin: 30px 0px 10px 0px;
		padding-bottom: 20px;
		}
		
		
		
		
		}/*end mobile portrait*/