@charset "UTF-8";

/*---colors--------

104,114,98   green1
 69,86,77 	 green2
173,185,110  green accent
161,111,23   tan


*/

@font-face {
	font-family: 'DroidSansRegular';
	src: url('../_fonts/DroidSans-webfont.eot');
	src: local('☺'), url('../_fonts/DroidSans-webfont.woff') format('woff'), url('../_fonts/DroidSans-webfont.ttf') format('truetype'), url('../_fonts/DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('../_fonts/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../_fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../_fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../_fonts/DroidSans-Bold-webfont.svg#webfontSruMVOI5') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'DroidSansRegular', sans-serif;	
}


/* ~~ Element/tag selectors ~~ */

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
}

a img { 
	border: none;
}


a:link, a:visited {
	text-decoration: none;
}


a:hover, a:active, a:focus { 
	text-decoration: none;
}



.frypan{
	width: 100%;
	height: 900px;
	background: #000 url(../_images/amp_1500x900_dim.jpg) no-repeat;
	background-position:top center;
}

.container {
	width: 1400px;
	margin: 0 auto; 
}



header {
	margin: 0 0 10px 0;
	border-bottom: 1px solid rgba(173,185,110,1);
	height: 100px;
}

hgroup {
	font-size: 1px;
	position: absolute;
	top: -500px;
}


nav ul {
	list-style: none;
}

nav ul li {
	display: inline;
	float: left;
	font-family: 'DroidSansRegular', sans-serif;
	font-size: .9em;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}

nav ul a, nav ul a:visited {
	padding: 5px 5px 5px 15px;
	margin: 0 10px 0 0;
	display: block; 
	width: 120px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background: rgba(104,114,98,0.8);
	color: #000;
}

nav ul a:hover, nav ul a:active, nav ul a:focus { 
	background: rgba(173,185,110, 1);
	color: #FFF;
}

nav ul li .current, nav ul a:hover .current {
	background: rgba(161,111,23, 0.8);
	cursor: default;
	color: #000;
}


/*.sidebar1 {
	float: left;
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 160px 0;
	font-family: 'DroidSansRegular', sans-serif;
	color: #fff;
}

.sidebar1 h1{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: rgba(173,185,110,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	font-size: 1.8em;
	font-style: italic;
	text-align: center;
	border-bottom: 1px solid rgba(173,185,110,1);
}

.sidebar1 h2{
	margin-bottom: 5px;
	color: rgba(161,111,23,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	font-size: 1.1em;
	font-weight: normal;
}

.sidebar1 p {
	color: #fff;
	
}

.sidebar1 img {
	padding: 0 0 20px 0;
}

.sidebar1 em {
	color: rgba(173,185,110,1);
}*/



.content {
	margin: 0 0 0 0;
	padding: 10px 10px 10px 40px;
	width: 1160px;
	float: left;
	/*background: rgba(255,255,255,0.3);*/
	font-family: 'DroidSansRegular';
}

.content h1 {
	color: rgba(161,111,23,1);
	font-size: 2em;
	font-style: italic;
	font-family: 'DroidSansBold', sans-serif;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}


.copy {
	font-family: 'DroidSansRegular';
	color: #fff;
	font-size: 1.3em;
	line-height: 1.4;
	text-shadow: rgba(0,0,0,0.9) 1px 1px 1px;
}


.content em {
	color: rgba(173,185,110, 1);
}




.sidebar1 {
	float: left;
	width: 180px;
	margin: 10px 0 10px 0;
	background: rgba(234,220,174,0.5) url(../_images/esquire_180_grey.png) no-repeat;
	background-position: center bottom;
	padding: 10px 5px 10px 5px;
	font-family: 'DroidSansRegular', sans-serif;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.sidebar1 h4{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: rgba(173,185,110,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	text-align: center;
	border-bottom: 1px solid rgba(173,185,110,1);
	font-size: 1.2em;
}

.sidebar1 p {
	color: #000;
	margin: 0 0 5px 0;
	font-style: italic;
}


.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}


/* ~~ The footer ~~ */

footer {
	margin-top: 30px;
	padding: 20px 0 10px 0;
	border-top: 1px solid rgba(173,185,110,1);
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	font-family: 'DroidSansRegular', sans-serif;
	color: rgba(69,86,77, 0.8);
}

footer p {
	font-size: .7em;
	text-align: center;
}

footer img {
	position: absolute;
	top: 5px;
	right: 0px;
}

footer p a:link, footer p a:visited {
	color: rgba(69,86,77, 0.8);
	text-decoration: none;	
	
}

.formstyle {
	font-family: 'DroidSansRegular', sans-serif;
	font-size: .6em;
	color: rgba(173,185,110, 1);
	font-style: normal;
	font-weight: normal;
	width: 160px;
	margin: 40px 0;
	background: rgba(104,114,98,0.8);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding: 10px 10px;
	text-align: right;
	
}

.formstyle h4 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: .5em;
	color: rgba(161,111,23, 1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}


.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}