/*
Theme Name: Baxter Brewing
Theme URI: http://baxterbrewing.com/
Description: The theme for the Baxter Brewing Co. website.
Author: M. Hokanson
Version: 1.0
Tags: beer
*/


html{
	margin: 0px;
	padding: 0px;
}

body{
    background: #17180E;
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

#wrapper{
	width: 962px;
	margin: auto;
}

.clear-it {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	display:block;
}

/************** Check Age ****************/
#check-age {
	display: none; 
	width: 376px;
	height: 92px; /*402*/
	background: url(./images/21-bg.jpg) no-repeat;
	padding: 310px 0 0 0;
}

#check-age #yes {
	margin: 0 0 0 64px;
	float: left;
	display: inline;
	width: 77px;
}

#check-age #no {
	margin: 0 0 0 92px;
	float: left;
	display: inline;
	width: 80px;	
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {border:8px solid #17180E; padding:0px;}

/************** Header ****************/

#header {
	background: url(./images/header.jpg) no-repeat;
	width: 962px; /*962*/
	height: 160px; /*160*/	
	padding: 0;
}

/************** Nav ****************/

#nav {
	padding: 0;
}

#nav ul {
	width: 962px; 
	height: 34px; 
	background: url(./images/nav.jpg) no-repeat 0 0;
	position: relative; 
	top: 0px; 
	left: 0px;
	list-style: none;
	margin: 0; padding: 0;
}

#nav li {
	display: inline;
}

#nav li a:link, #nav li a:visited {
	border: none;
	height: 34px; 
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; 
	outline: none;
}

#nav li.home a:link, #nav li.home a:visited { 
	left: 187px;
	width: 71px;
}

#nav li.about a:link, #nav li.about a:visited { 
	left: 258px;
	width: 80px;
}

#nav li.beers a:link, #nav li.beers a:visited { 
	left: 338px;
	width: 111px;
}

#nav li.progress a:link, #nav li.progress a:visited { 
	left: 449px;
	width: 252px;
}

#nav li.store a:link, #nav li.store a:visited { 
	left: 701px;
	width: 79px;
}

#nav li.contact a:link, #nav li.contact a:visited { 
	left: 780px;
	width: 104px;
}

#nav li.jobs a:link, #nav li.jobs a:visited { 
	left: 884px;
	width: 67px;
}


#nav li.home a:hover {
	background: url(./images/nav.jpg) no-repeat -187px -34px; 
}

#nav li.about a:hover {
	background: url(./images/nav.jpg) no-repeat -258px -34px; 
}

#nav li.beers a:hover {
	background: url(./images/nav.jpg) no-repeat -338px -34px; 
}

#nav li.progress a:hover {
	background: url(./images/nav.jpg) no-repeat -449px -34px; 
}

#nav li.store a:hover {
	background: url(./images/nav.jpg) no-repeat -701px -34px; 
}

#nav li.contact a:hover {
	background: url(./images/nav.jpg) no-repeat -780px -34px; 
}

#nav li.jobs a:hover {
	background: url(./images/nav.jpg) no-repeat -884px -34px; 
}


#nav li.home-on a:link, #nav li.home-on a:visited { 
	left: 187px;
	width: 71px;
	background: url(./images/nav.jpg) no-repeat -187px -34px;
}

#nav li.about-on a:link, #nav li.about-on a:visited { 
	left: 258px;
	width: 80px;
	background: url(./images/nav.jpg) no-repeat -258px -34px;
}

#nav li.beers-on a:link, #nav li.beers-on a:visited { 
	left: 338px;
	width: 111px;
	background: url(./images/nav.jpg) no-repeat -338px -34px; 
}

#nav li.progress-on a:link, #nav li.progress-on a:visited { 
	left: 449px;
	width: 252px;
	background: url(./images/nav.jpg) no-repeat -449px -34px;
}

#nav li.store-on a:link, #nav li.store-on a:visited { 
	left: 701px;
	width: 79px;
	background: url(./images/nav.jpg) no-repeat -701px -34px; 
}

#nav li.contact-on a:link, #nav li.contact-on a:visited { 
	left: 780px;
	width: 104px;
	background: url(./images/nav.jpg) no-repeat -780px -34px; 
}

#nav li.jobs-on a:link, #nav li.jobs-on a:visited { 
	left: 884px;
	width: 67px;
	background: url(./images/nav.jpg) no-repeat -884px -34px;
}


/************** Slideshow ****************/

#slideshow {
	background: #000000;
	width: 962px;
	height: 273px;	
}

#wood-div {
	background: url(./images/wood-div.jpg) no-repeat;
	width: 962px;
	height: 16px;
	font-size: 0px;
	line-height: 0px;	
}

/************** Content ****************/

#content {
	background: #000000 url(./images/content-bg.png) repeat-y;
	width: 962px;
	padding: 0 0 0px 0;
	border-bottom: 4px solid #000000;
}

#content #content-l {
	float: left;
	display: inline;
	background: #ECCE8B url(./images/bg-l.jpg) no-repeat;
	width: 644px; /*690*/
	margin: 0 0 0 4px;	
	padding: 10px 17px 0 25px;
	font: 13px/18px verdana, sans-serif;
	color: #111111;
	min-height: 689px; /*669*/
}

#content #content-l a:link, #content #content-l a:visited {
	font: 12px/16px verdana, sans-serif;
	color: #222222;
	text-decoration: none;
}

#content #content-l a:hover {
	color: #555555;
}

#content #content-l h1 {
	font: bold 26px/30px georgia, serif;
	margin: 10px 0 10px 0;
	color: #C85D1A;	
}

#content #content-l h1 a:link, #content #content-l h1 a:visited {
	font: bold 26px/30px georgia, serif;
	color: #C85D1A;	
	text-decoration: none;
}

#content #content-l h1 a:hover {
	text-decoration: none;
}

#content #content-l h2 {
	font: bold 18px/30px verdana, serif;
	margin: 10px 0 10px 0;
	color: #000000;	
}

#content #content-l h2 a:link, #content #content-l h2 a:visited {
	font: bold 18px/30px verdana, serif;
	color: #000000;	
	text-decoration: none;
}

#content #content-l h2 a:hover {
	text-decoration: underline;
}

#content #content-l .entry-utility {
	font: 10px/12px verdana, sans-serif;
	font-style: italic;	
}

#content #content-r {
	float: left;
	display: inline;
	background: #494E22;
	width: 263px; /*272*/
	margin: 0 0 0 9px;
}

#content #content-r #note {
	background: url(./images/note-paper.jpg) no-repeat;
	width: 229px; /*263*/
	height: 94px; /*119*/
	padding: 25px 0 0 34px;
}

#content #content-r #social-media {
	width: 263px;
	height: 64px;
}

#content #content-r #bottom {
	background: #494E22 url(./images/bg-r.jpg) no-repeat;
	width: 229px; /*263*/
	min-height: 492px; /*517*/
	padding: 25px 17px 0 17px;
	font: 12px/15px verdana, sans-serif;
	color: #ECC87B;
}

#content #content-r #bottom a:link, #content #content-r #bottom a:visited {
	font: 12px/15px verdana, sans-serif;
	color: #FFFFFF;	
}

#content #content-r #bottom a:hover {}

#content #content-r #bottom h3 {
	color: #C85D1A;	
	font: bold 16px/20px georgia, serif;	
	margin: 0 0 3px 0;
}

#content #content-r #bottom #newsletter {
	margin: 7px 0 28px 0;	
}

#content #content-r #bottom #newsletter input.submit {
	margin: 7px 0 0 150px;
}

#content #content-r #bottom #newsletter input.tfield {
	width: 170px;	
}

#content #content-r #bottom .tb_tweetlist {
	padding: 5px 0 5px 0;	
}

#content #content-r #bottom .tb_footer {
	margin: 5px 0 0 0;	
}

/************** Footer ****************/

#footer {
	width: 962px;
	font: 11px/13px arial, sans-serif;
	letter-spacing: 0.5px;
	color: #D4B49B;
	margin: 12px 0 20px 0;
}

#footer #footer-l {
	float: left;
	display: inline;
	padding: 0 0 0 32px;
	width: 449px; /*481*/
}

#footer #footer-r {
	float: left;
	display: inline;
	padding: 0 32px 0 0;
	text-align: right;
	width: 449px; /*481*/
}

#footer #footer-r a:link, #footer #footer-r a:visited {
	font: 11px/13px arial, sans-serif;
	letter-spacing: 0.5px;
	color: #D4B49B;
	text-decoration: none;
}

#footer #footer-r a:hover {
	color: #B47748;
}