/*
'	Gasser Wars Magazine Template
'	@author		William Frankhouser
'	@file		style.css
'	@version	2011-09-23

*/

html,body{margin:0px;padding:0px;}
body{color:#222;
	background:#aaa;
	/* background:#aaa url('/images/background.jpg') top center no-repeat fixed; */
	background-size: cover;
	/* background-image: -webkit-linear-gradient(left, #999, #ccc, #999);*/
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:10pt;
	line-height:1.85em;
}

h1,h2,h3,h4,h5{padding:15px 5px 5px 0px;margin:0px;}
h1{font-size:2.6em;font-family: 'Bowlby One SC', Verdana,Arial,sans-serif;color:#f63923;letter-spacing:1px;line-height:1.2em;font-weight:200;}
h2{font-size:1.9em;font-family: 'Cherry Cream Soda', cursive;font-variant:normal;line-height:1.2em;}
h3{font-size:1.5em;font-family: 'Cherry Cream Soda', cursive;font-variant:normal;line-height:1.2em;}


table{border-collapse:collapse;}
th,td{font-size:1.0em;}

address{font-style:normal;line-height:1.8em;padding:5px;margin-top:10px;}
p{line-height:1.8em;padding:5px 15px;}

a{color:#eb4130;text-decoration:none;}
a:hover{color:#f62;text-decoration:underline;}


/*  layout */
#header,#front-feature,#content,#footer{background:#fff;color:#222;}
	
#wrapper{box-shadow: 10px 10px 5px #888;border-top-right-radius:15px;}


#header{color:#fff;height:60px;margin-top:30px;border-top-right-radius:15px;
	background:#111;
	background-image: -webkit-linear-gradient(top, #333, #000);
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -ms-linear-gradient(top, #333, #000);
	background-image: -o-linear-gradient(top, #333, #000);
}
#header-logo{width:300px;}
#header-logo img{position:relative;z-index:100;margin-left:-25px;margin-top:-20px;width:329px;height:115px;border:0px;}
	
#header-menu{width:620px;}
#header-menu ul{list-style-type:none;margin:0px;padding:0px;}
#header-menu ul li{float:left;display:inline;}
#header-menu ul li a{float:left;display:inline;padding:0px 10px;height:60px;line-height:4.4em;text-align:center;font-size:1.05em;font-weight:bold;color:#eb4130;background:inherit;}
#header-menu ul li a:hover{float:left;display:inline;padding:0px 10px;height:60px;line-height:4.rem;text-align:center;font-size:1.05em;font-weight:bold;text-shadow:1px 1px 1px #000;
	text-decoration:none;color:#fff;background:#900;
	background-image: linear-gradient(top, #b00, #600);
	background-image: -webkit-linear-gradient(top, #b00, #600);
	background-image: -moz-linear-gradient(top, #b00, #600);
	background-image: -ms-linear-gradient(top, #b00, #600);
	background-image: -o-linear-gradient(top, #b00, #600);
}
#header-menu ul li a.active{float:left;display:inline;padding:0px 10px;height:60px;line-height:4.4em;text-align:center;font-size:1.05em;font-weight:bold;
	text-decoration:none;color:#fff;background:#c00;
	background-image: linear-gradient(top, #e00, #900);
	background-image: -webkit-linear-gradient(top, #e00, #900);
	background-image: -moz-linear-gradient(top, #e00, #900);
	background-image: -ms-linear-gradient(top, #e00, #900);
	background-image: -o-linear-gradient(top, #e00, #900);
}

#header-motto{color:#222;font-weight:bold;padding-right:20px;
	font-size:0.8em;font-family:Arial,sans-serif;
}
#header-motto span{margin-left:130px;font-size:1.4em;line-height:1.8em;color:#eb4130;}



#content{background: #fff ;padding-bottom:50px;} /* url('br-racer.jpg') bottom right no-repeat*/

#content #addthisbar{float:right;display:inline;text-align:right;margin-top:25px;}
#content #addthisbar .addthis_toolbox{text-align:right;}


#footer{color:#fff;
	background:#000;
	background-image: -webkit-linear-gradient(top, #333, #000);
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -ms-linear-gradient(top, #333, #000);
	background-image: -o-linear-gradient(top, #333, #000);
	font-size:0.8em;
	clear:both;
}

#footer-menu{margin-top:15px;}
#footer-menu ul{font-size:1.2em;font-weight:bold;}

#footer-members{margin-top:5px;font-size:1.6em;font-weight:bold;text-align:center;}
#footer-members img{width:75px;height:50px;display:inline;vertical-align:middle;padding:5px 15px;border:0px;}

#footer-address{margin-top:15px;}
#footer-address .org{font-weight:bold;font-size:1.3em;}

#footer-copyright{background:#000;color:#777;font-size:0.7em;letter-spacing:1px;
	padding:10px 20px 0px 0px;text-align:center;margin-bottom:75px;}

	

#special{position:absolute;top:2px;right:30px;background:#c00;width:160px;padding:5px 15px;border-radius:10px;
	font-size:1.2em;font-family: 'Bowlby One SC', Verdana,Arial,sans-serif;text-align:center;box-shadow:2px 2px 0px #333;}
#special a{color:#fff;text-shadow:1px 1px 1px #000;}



@media only screen and (max-width: 980px) {
	.container_12{width:auto;}
	.grid_4, .grid_12{width:auto !important;}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{margin:0;}
	#header{height:auto;margin-top:0;border-top-right-radius:0;}
	#header-logo{display:inline-block;width:329px;}
	#header-logo img{position:relative;margin:0;width:329px;height:115px;border:0px;}
	#header-menu{display:inline-block;width:calc(100% - 329px - 40px);}
	#header-menu ul li a, #header-menu ul li a:hover, #header-menu ul li a.active{height:30px;line-height:2.2em;}
	#header-motto{clear:left;color:#fff;padding-left:20px;}
	
	#front-feature-slide{width:100% !important;}
	#front-feature-slide .pagination{margin-top:-20px;}
	#front-feature-slide .pagination ol{margin-left:0;width:auto;padding:6px 0;}
	#front-feature-slide .slideme li div{margin-top:10px;min-height:auto;min-width:auto;max-width:auto;}
#feature-photos, #feature-photos img, #feature-photos span, #video-special{width:100% !important;padding:0 !important;margin:0 !important;}
	
	
	#content #addthisbar{float:none;display:block;}
	#video-special{width:auto !important;}
	#special{position:relative;top:auto;right:auto;width:auto;}
}
@media only screen and (max-width: 640px) {
	.container_12{width:100% !important;}
	.grid_4, .grid_6, .grid_12, .container_12 .grid_12{width:100% !important;}
	#header-logo{float:none;display:block;width:100%;text-align:center;}
	#header-logo img{margin:0 auto;width:90%;height:auto;}
	#header-menu{clear:both;float:none;width:100%;}
	#header-menu ul li{float:none;display:block;width:100%;}
	#header-menu ul li a, #header-menu ul li a:hover, #header-menu ul li a.active{float:none;display:block;height:auto;}
	#header-motto span{display:block;margin:0;}
	
	#facebook-frame{width:100%;}
	.event .poster{float:none !important;display:block !important;}
	.event .poster img{width:100% !important;}
	
	#feature-photos, #feature-photos img, #feature-photos span, #video-special{width:100% !important;padding:0 !important;margin:0 !important;}
	#feature-photos li{width:90% !important;padding:0 !important;margin:0 !important;}
	
	#front-feature-slide .slideme li div{font-size:1.1em;}
}




/* Print Type */
@media print{

	body{background:#fff;color:#000;}
	
	h1,h2,h3{font-family: Verdana,Arial,sans-serif;}
	
	#wrapper{box-shadow:0px 0px 0px;border:0px;border-radius:0px;}
	
	#header-logo img{margin-left:-5px;}
	#addthisbar{display:none;}
	
	
	#special{display:none;}

}