/*  
Theme Name: 21st-amendment
Version: 0.1
Description: Designed by Switchyard Creative for 21st-amendment
Author: Switchyard Creative
Author URI: http://switchyardcreative.com
*/

body {
	background:#272727 url('images/bg-content.jpg') repeat top left;
	font:normal normal normal 18px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	color:#f2eee4;
}

/* GLOBAL/STRUCTURAL */ 

.container {
	width:1024px;
	margin:0 auto;
	position:relative;
}

#body-wrapper {
	/*background:#272727 url('images/bg-content.jpg') repeat top left; 
	-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, .75);
    box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, .75);
    */
}

#content {
	color:#f2eee4;
	position:relative;
	padding:0 30px;
}

/* TYPOGRAPHY */ 
a {
	color:#c6930e;
}

h1 {
	font-size:1.94em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"YWFT-Absent-Grotesque"; 
	font-weight:600;
	text-transform:uppercase;
}

p {
	font-size:.66em;
	line-height:1.8em;
}

p + p {
	margin-top:26px;
}

/* MISC/HELPER */ 

/* Clear Floats */
#content:before, .group:after { content:""; display:table; } 
#content:after { clear:both; } 
#content { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

hr {
	background: url('images/sprites.png') no-repeat -12px -415px;
	border: none;
	height: 8px;
	width: 423px;
	margin-bottom: 0;
}

.clearfix{
	clear:both;
	display:block;
}

/* HEADER*/ 

#banner {
	background: transparent url('images/bg-header.png') no-repeat top left;
	height: 115px;
	position:relative;
	z-index:20;
	width: 1070px;
	left: -30px;
}

#logo {
	background: url('images/21st-amendment.png') no-repeat 0 0;
	width: 292px;
	height: 97px;
	position:absolute;
	top:15px;
	left:24px;
	text-indent:-9999em;
	overflow:hidden;
}

#nav-main {
	position:absolute;
	left:448px;
	top:14px;
}

#nav-main ul.menu {
	background: url('images/sprites.png') no-repeat -2px -175px;
	width: 427px;
	height: 92px;
	position:relative;
}
#nav-main .menu li {
	position:absolute;
}


#nav-main .menu a, #nav-main .menu small {
	font-family:'TorontoGothicRegular', impact;
	text-transform:uppercase;
	color:#333332;
	text-decoration:none;
	-webkit-mask-image: url(images/grey-type-texture.png);
	-o-mask-image: url(images/grey-type-texture.png);
	-moz-mask-image: url(images/greyt-type-texture.png);
	mask-image: url(images/grey-type-texture.png);
}

#nav-main li:hover a, #nav-main li:hover  small, #nav-main li.active a, #nav-main li.active small{
	color:#e5d391
}

#nav-main .menu-thebeer {
	font-size: 2.84em;
	left: 5px;
	top: 5px;
}

#nav-main .menu-thebeer small {
	padding-right: 6px;
}

#nav-main small{
	font-size:21.5px;
	position:relative;
	top:-17px;
}



#nav-main .menu-the-restaurant {
	font-size: 1.7em;
	top: 59px;
	left: 12px;
}
#nav-main .menu-the-restaurant small{
	top:-5px;
}

#nav-main .menu-find-some {
	left: 134px;
	width: 52px;
	font-size: 1.275em;
	line-height: .9em;
	top: -2px;
	letter-spacing: 0.1em;
}

#nav-main .menu-contact {
	left: 173px;
	top: 36px;
	font-size: 1.55em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	
}


#nav-main .menu-the-company {
	left: 239px;
	top: 57px;
	font-size: 1.55em;
	width: 160px;
}

#nav-main .menu-the-company small{
	display: inline-block;
	top: -8px;
	width: 34px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	font-size: 0.7em;
	left: 6px;
	letter-spacing: .01em;
}

#nav-main .menu-gear {
	left: 252px;
	font-size: 2.26em;
	top: 4px;
	background: url('images/sprites.png') no-repeat -50px -170px;
	padding: 0 15px 12px 0;
}

#nav-main .menu-blog {
	left: 346px;
	font-size: 1.6em;
	top: 12px;
}
.menu-t,
.menu-f,
.menu-i {
	top: 56px;
}
.menu-t {
	left: 365px;
}
.menu-f {
	left: 390px;
}
.menu-i {
	left: 415px;
}
.menu-t a,
.menu-f a,
.menu-i a {
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url('images/social-sprite.png') no-repeat -2px -2px;
	width: 22px;
	height: 22px;
}
.menu-t a {
	background-position: -2px -2px;
}
	.menu-t a:hover {
		background-position: -2px -28px;
	}
.menu-f a {
	background-position: -29px -2px;
}
	.menu-f a:hover {
		background-position: -29px -28px;
	}
.menu-i a {
	background-position: -56px -2px;
}
	.menu-i a:hover {
		background-position: -56px -28px;
	}

#nav-main .menu-f a, #nav-main .menu-t a {
	text-transform:lowercase !important;
}


#body-wrapper .menu-t:hover a, #body-wrapper .menu-f:hover a {
	color:#C6930E;
}


/*BEER MENU FLYOUT */ 
#beer-flyout {
	display:none;
	position: absolute;
	width: 392px;
	padding: 27px 14px 57px 32px;
	background:transparent url('images/bg-beer-flyout.png') no-repeat top left;
	top: 44px;	
}

#beer-flyout.open {
	display:block;
}

#banner #nav-main #beer-flyout ul {
	clear:left;
	min-height:0;
	font-size:.8em;
}


/* HOME */ 


#hero-container {
	position: relative;
	z-index: 10;
	top: -34px;
	overflow: hidden;
	text-align: center;
	width: 1050px;
	left: -13px;
}

#hero-container img {
	height:auto;
}

#beers-on-tap {
	width:253px;
	min-height:687px;
	background:transparent url('images/bg-ontap.png') no-repeat top left;
	color:#b96161;
	font-size:0.72em;
	font-weight:600;
	top: -146px;
	position: absolute;
	z-index: 200;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
}

#beers-on-tap h3 {
	font: 1.22em/1.22em "YWFT-Absent-Grotesque",Helvetica,Arial,sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
	color: #3D3A30;
	top: 77px;
	position: relative;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	font-weight: 600;
}

#beers-on-tap dl {
	margin: 92px 0 0 30px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	line-height:1em;
}

#beers-on-tap dt, #beers-on-tap dd {
	-webkit-mask-image: url(images/type-texture.png);
	-o-mask-image: url(images/type-texture.png);
	-moz-mask-image: url(images/type-texture.png);
	mask-image: url(images/type-texture.png);

}

#beers-on-tap dt {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
}

#beers-on-tap dd {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
}

/*
#beers-on-tap dl:nth-child(1n+1) {
	padding-left:2px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);

}

#beers-on-tap dd:nth-child(4n+5) {
	padding-left:1px;
	word-spacing: 0.01em;
	-webkit-transform: rotate(1deg);		
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
}

#beers-on-tap dd:nth-child(2n+1) {
	margin-left:-1px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(02deg);
}*/

#beers-on-tap dt {
	margin: 22px 0 0px;
	height: 17px;
}
#beers-on-tap dl .ontap-abv {
	float: right;
	position: relative;
	left: -35px;
	top: -10px;
	height: 15px;
}

#beers-on-tap dl .ontap-type{
	width: 107px;
	position: relative;
	text-align: center;
	left: 39px;
	top: 13px;
	color: #333332;
	height: 24px;
	overflow: visible;
}

body.home #content #sidebar {
	font-size: 1em;
	padding-top: 0;
}

/* Subnav for Restaurant and Company pages */ 

#page-subnav {
	background: transparent url('images/bg-subhead.png') no-repeat bottom left;
	height: 50px;
	text-align: right;
	padding: 17px 300px 0 0;
	top: -16px;
	position: relative;
	z-index:10;
}

#page-subnav li {
	display:inline-block;
	padding-left:20px;
}

#page-subnav li a {
	font-weight:600;
	color:#333332;
	font-size:.66em;
	text-transform:uppercase;
	text-decoration:none;
}

#page-subnav li a:hover, #page-subnav li.active a{
	color:#cd9a17;
} 

/* HOME CONTENT */

//.page-home #main, .page-the-restaurant #main {
//	margin-left:258px; <!-- changed this -->
//	width:445px;
//	float: left;
//}

.page-the-restaurant #main {
	margin-left:258px; <!-- changed this -->
	margin-right:300px; <!-- added this -->
	width:445px;
	float: left;
}



.page-home #main {
	margin-left:0px; <!-- changed this -->
	width:500px;
	float: left;
}



.page-template-default.page-home #content {
	min-height:700px;
	padding-top:0;
	background: none;
}

.page-home #main h3, .page-home #main h3 a, #news-grid h3, #menu-grid h2 {
	background:url('images/sprites.png') no-repeat 72px -312px;
	font-size:1.11em;
	color:#5f5f5e;
	margin-bottom:19px;
	text-decoration:none;
}

#news-items {
	overflow:hidden;
	margin-bottom:80px;
}

#news-items li {
	width:545px; <!-- we changed this -->
	float:left;
	padding-top:33px;
}
#news-items li h4{
	font-size:.9em;
}
body.home #news-items li.tier-1{
	width:545px; <!-- changed this -->
	background:none;
	padding-top:0;
	float:none;
	margin-bottom:40px;
}

body.home #news-items li:nth-of-type(4) {
	margin-left:27px;
	padding-left:36px;
	background: url('images/sprites.png') no-repeat -517px -5px;
}

#news-items hr + li.tier-1 {
	margin-top:40px;
}

#news-items a.readmore-link {
	font-size:.66em;
}

.title-overlay {
	position: relative;
	display: block;
}
.title-overlay .post-grid-meta.has-image {
	position: absolute;
	bottom: 0px;
	padding: 100px 0px 0px;
	width: 100%;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 67%, rgba(0,0,0,0.9) 99%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(67%,rgba(0,0,0,0.8)), color-stop(99%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 67%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-8 */
}
.title-overlay + p {
	margin-top:25px;
}

#news-items .post-grid-meta  h4 {
	font-size:30px;
	line-height:1em;
}
.title-overlay .post-grid-meta.has-image h4,
.title-overlay .post-grid-meta.has-image .date {
	padding: 0 10px;
}

.page-home #main h4 a {
	color:#f2eee4;
	font-size:1.11em;
	text-decoration:none;
	text-transform:none;
}

#news-items span.date {
	font-weight:600;
	display:block;
	font-size:.66em;
	line-height:.9em;
	margin:12px 0 25px;
	color:#e7ddc3;
}
#news-items .tier-2 .readmore-link {
	float:left;
}

#news-items .tier-2 span.date {
	font-weight: 600;
	display: block;
	font-size: .66em;
	line-height: 1.8em;
	margin: 0 0 0 10px;
	color: #e7ddc3;
	float: left;
}

#news-items p {
	font-size:.66em;
	line-height:2em;
}

#sidebar {
	float:left;
	margin-left:45px;
	width:216px;
}

.page-home #sidebar h3  {

}

#meet-the-founders {
	margin-top:3px;
}

#sidebar #meet-the-founders h3, #sidebar #meet-the-founders h3 a {
	background:url('images/sprites.png') no-repeat 160px -312px;
	color:#fff;
	text-decoration:none;
}

#twitter-container h3{
	background:url('images/sprites.png') no-repeat 76px -312px;
	margin-bottom: 10px !important;
}

#twitter-container h3 a {
	text-decoration:none;
	color:#fff;
}
#twitter-container  {
	margin-top:33px;
	padding-bottom:33px;
}

#sidebar #twitter-container .tweets {
	border: none;
	border-radius: 0;
	width: 230px;
	font: .833em/1.2em "YWFT-Absent-Grotesque",Helvetica,Arial,sans-serif;
	color: #f2eee4;
	background-color:none;
	background:none;
	margin: 0;
}

#twitter-container .tweets .avatar, #twitter-container .tweets_header, #twitter-container .mt_header .mt_screen_name,
#twitter-container .mt_header .mt_user, #twitter-container .tweet .mt_footer, #twitter-container .tweets_footer{
	display:none;
}

#twitter-container .tweets .tweet {
	border:none;
	position:relative;
	padding: 0 0 16px 0;
	margin-bottom:18px;
}

#twitter-container .mt_header .time {
	position:absolute;
	bottom:0;
	left:0;
	font-weight:600;
	color:#f2eee4;
}

#twitter-container .tweets .tweet a, #twitter-container .mt_header, #twitter-container .mt_text a {
	color:#c6930e;
}

#twitter-container .mt_header, #twitter-container .mt_text{
	padding-left:0;
}

#featured-beer-widget img {
	margin:0 auto;
	display:block;
}

#featured-beer-widget h5 a {
	color:#fff;
	text-decoration:none;
}

/* BEER ARCHIVE */

.post-type-archive-beer #body-wrapper #content, .single-beer #body-wrapper #content {
	background:transparent url('images/bg-cream-content.png') no-repeat left bottom;
	position:relative;
	top:-31px;
	padding-top:62px;
	padding-bottom:50px;
}

.post-type-archive-beer #beer-grid {
	margin-left:44px;
}
#beer-grid, #beer-flyout { 
	overflow:visible;
}

#beer-grid h1, .single-beer h1 {
	color:#363531;
}

#beer-grid ul, #beer-flyout ul  {
	float:left;
	padding: 9px 0 0 0;
	min-height: 222px;
}

#beer-grid ul {
	width: 262px;
}

#beer-grid ul + ul {
	padding-left:24px;
	margin-left:42px;
	background:url('images/sprites.png') repeat-y  -525px -347px;
}

#beer-grid ul li, #beer-flyout ul li  {
	float:left;
	margin-right:20px;
	min-width:57px;
}
/*
#beer-grid ul .item:nth-child(4), #beer-grid ul .item:nth-child(8), #beer-flyout ul .item:nth-child(7n) {
	clear:both;
}*/

#beer-grid ul li + li, #beer-flyout ul li + li {
	min-height:112px;
}

#beer-grid ul li h2, #beer-flyout ul li h2  {
	color:#5f5f5e;
	margin-bottom:5px;
}

#beer-grid ul li:first-child + li, #beer-flyout ul li:first-child + li  {
	clear:left;
}

/* BEER SINGLE */ 
.single-beer  #main {
	padding-left:258px;
	width:715px;
}

#beer-details {
	overflow:hidden;
	color:#343432;
	background: url('images/sprites.png') repeat-x  0 -542px;
}

.single-beer .attachment-beer-detail {
	position:absolute;
	top:25px;
	left:0;
	z-index:200;
}

.single-beer h1 + span {
	color:#b3b3af;
	font-size:0.83em;
	font-weight:600;
	text-transform:uppercase;
	display:block;
}

#beer-details .col {
	float:left;
	width:52px;
	font-size:0.68em;
	line-height:1.8em;
	padding-top:20px;
}
#beer-details .col p {
	font-size:.93em;
}
#beer-details .find-some {
	color:#cf990f;
	font-weight:600;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.16em;
	line-height:1.2em;
}

#beer-details .link-twitter, #beer-details .link-fbook, .addthis_button_facebook, .addthis_button_twitter{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url('images/detail-social-sprite.png') no-repeat -4px -4px;
	float: none !important;
}

#beer-details .link-fbook, #main .addthis_button_facebook {
	background-position: -31px -4px;
}

#beer-details .link-twitter, #main .addthis_button_twitter {
	background-position: -4px -4px;
}


#beer-details h5 {
	background: url('images/sprites.png') repeat-x  0 -542px;
	padding-top:18px;
	text-transform:none;
	margin-bottom:2px;
}

#beer-details .col + .col {
	padding:20px 30px;
	width:276px;
	background:url('images/sprites.png') no-repeat -524px -341px;
}	

#beer-details .col:nth-child(3){
	padding-right:0;
	width:297px;
}


#beer-details li {
	float:left;
	margin-bottom:18px;
	width:139px;
	line-height:1em;
}

#beer-details li:nth-child(odd) {
	margin-right:18px;
	clear:left;
}

body.single-beer #beer-grid ul + ul {
	background:url('images/sprites.png') no-repeat -517px -5px;
}

body.single-beer #beer-grid h2 {
	line-height:1.5em;
	font-size: .66em; 
}

body.single-beer #beer-grid  {
	position: relative;	
	margin-top:18px;
}

#news-grid, body.single-beer #beer-grid {
	padding:0 30px;
	position:relative;
	clear:both;
	display:table;
}

#news-grid{
	margin-top:20px;
}

#news-grid h3 {
	margin-bottom:5px;
}

#news-grid .thumb-link,  #news-grid p,  #news-grid hr {
	display:none;
}

#news-grid li {
	display: inline-block;
	width: 264px;
	padding: 9px 0 0 0;
}

#news-grid li a{
	color:#f2eee4;
	text-decoration:none;
}

 #news-grid  li:nth-of-type(1n+2) {
	padding-left: 24px;
	margin-left: 47px;
	background: url('images/sprites.png') no-repeat -517px -5px;
}

#news-grid h3:after {
	content: '';
	width: 470px;
	position: absolute;
	right: 17px;
	background: url('images/sprites.png') no-repeat 72px -318px;
	height: 10px;
	top: 9px;
}

/* DEFAULT TEMPLATE */

.page-template-default #content {
	top: -30px;
	/*
	padding-top:242px;
	background:transparent url('images/header-hop-crisis.jpg') no-repeat 0px -90px;
	*/ 
}

#content img.attachment-banner {
	max-width:none;
	margin-left:-30px;
} 
#content img.attachment-banner + #main {
	margin-top:-20px;
}

.page-template-default #content p {
	font-size:.66em;
}
.page-template-default #content h1, body.blog #content h1, body.single-post #content h1, body.archive.date #content h1, #states-avail h1 {
	font-size: 1em;
	text-transform: none;
	padding-bottom: 10px;
	background: url('images/header-underline.png') no-repeat bottom left;
	margin-bottom: 40px;
	max-width: 353px;
	letter-spacing: 0.1em;
}

/* CONTACT */


.page-template-default .col{
	width:45%;
	float:left;
}

.page-template-default  .col + .col {
	margin-left:5%;
}
.page-contact hr {
	clear:left;
	background:none;
}

.page-contact .post {
	overflow:hidden;
	padding-bottom:53px;
}

/* RESTAURANT PAGE  */ 

.page-the-restaurant #content{
	min-height:400px;
	background:transparent url('images/header-restaurant.jpg') no-repeat top left;
	padding-top:242px;

}




.page-the-restaurant #beers-on-tap {
	top:35px;
}

.page-the-restaurant #sidebar {
	font-size:.66em;
	padding-top:0;
}

.page-the-restaurant #sidebar div {
	margin-top:19px;
	
}





#rest-subnav a {
	background:transparent url('images/secondary-sprites.png') no-repeat  -192px -2px;
	font-weight: 600;
	color: #e8d5a5;
	text-transform: uppercase;
	text-decoration: none;
	padding-left:34px;
	display:block;
	margin-bottom:20px;
}

#rest-subnav a:hover {
	color:white;
}

#sidebar h3{
	font-size: 21px;
	margin-bottom: 20px;
	color: #fff;
	background: url('images/sprites.png') no-repeat -2px -291px;
	padding-bottom: 20px;
	text-transform: none;
}

#sidebar #recent-posts-2 h3 { 
	background:url('images/sprites.png') no-repeat 121px -312px;
}

#sidebar #giftcard a {
	background: transparent url('images/secondary-sprites.png') no-repeat 0px 0px;
	display: block;
	width: 175px;
	height: 112px;
	text-indent:-9999em;
	overflow:hidden;
}

#menu-grid {
	margin-top:43px;
}

#menu-grid li {
	float:left;
	margin:0 0 30px 24px;
}

#menu-grid li:nth-child(3n+1){
	margin-left:0;
	clear:left;
}

/*  VIRTUAL PUB TOUR */ 

.virtual-pub-tour #content {
	background:none;
	padding-top:80px;
}

#PlayerContainer {
	height: 400px;
	margin-bottom:100px;
}

/* THE COMPANY */ 

.page-the-company #content {
	background:transparent url('images/header-company.jpg') no-repeat top left; 
}

/* BLOG */
body.blog #content, body.single-post #content, body.archive #content  {
	overflow:hidden;
	padding:222px 0 50px;
	background:transparent url('images/header-news.jpg') no-repeat top left; 
	top:-31px;
}

body.blog #main, body.single-post #main, body.archive #main {
	width:626px;
	float:left;
	padding:0 30px;
}

#sidebar  {
	padding-top:22px;
	font-size:.66em;
	float: right;
}

 #sidebar section {
	margin-bottom:41px;
	
}

body.blog #main hr {
	margin:34px auto 73px;
}

article.type-post h2 a{
	color:#F2EEE4;
	text-decoration:none;
	text-transform:none;
}

article.type-post time {
	font-size:.65em;
	font-weight:bold;
	margin-bottom:22px;
	display:block;
}
article.type-post .read-more {
	font-size:.65em;
 	margin-top:30px;
}

article.type-post .addthis_toolbox {
	margin-top:45px;
}

#main .addthis_toolbox span {
	text-transform:lowercase;
	color:#5c5c5b;
	font-family:"YWFT-Absent-Grotesque"; 
	font-size:1.25;
	font-weight:600;
	margin-right:5px;
}

#content .addthis_button_facebook *, #content .addthis_button_twitter * {
	display:none;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0px 20px 20px;
}

body.single-post #page-subnav .menu-news a, body.blog #page-subnav .menu-news a, body.archive #page-subnav .menu-news a{
	color:#CD9A17
}
.entry-content p + p {
	margin-top:20px;
}
/* ARCHIVE */ 

#main article.type-post {
	width:658px;
	margin-bottom:40px;
}
#main article.post ul {
	list-style-type:disc;
	list-style-position:inside;
	font-size:.66em;
}

body.archive #main hr  {
	margin:34px 0 73px;
}

/* FIND SOME */

body.page-find-some #body-wrapper #content {
	background:transparent url('images/bg-find-some-content.jpg') no-repeat left -15px;
	position:relative;
	top:-31px;
	padding-top:62px;
	padding-bottom:50px;
}


body.page-find-some #body-wrapper #content h1 {
	display:none;
}

#states-avail {
	padding:0 30px;
	margin: 0 auto;
}

#states-avail #map {
	width:752px;
	height:488px;
	background:transparent url('images/states-avail.png') no-repeat top left;
	margin:0 auto 30px;
	position:relative;
}

#states-avail article p, #states-avail article h2 {
	text-align:center;
	margin-bottom:12px;
}

#map .state-link {
	display:block;
	position:absolute;
	text-indent:-9999em;
	overflow:hidden;
}

#state-washington {
	width: 71px;
	height: 52px;
	left: 72px;
	top: 5px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
}

#state-oregon {
	top: 58px;
	left: 39px;
	width: 88px;
	height: 59px;
}

#state-cali {
	top: 121px;
	left: 36px;
	width: 55px;
	height: 155px;
	-webkit-transform: rotate(-29deg);
	-moz-transform: rotate(-29deg);
	-ms-transform: rotate(-29deg);
	-o-transform: rotate(-29deg);
}

#state-minn {
	left: 378px;
	top: 42px;
	width: 74px;
	height: 88px;
}

#state-georgia {
	left: 549px;
	top: 266px;
	width: 60px;
	height: 69px;
}

#state-ohio {
	left: 543px;
	top: 157px;
	width: 52px;
	height: 39px;
}

#state-penn {
	left: 600px;
	top: 140px;
	width: 68px;
	-webkit-transform: rotate(-9deg);
	-moz-transform: rotate(-9deg);
	-ms-transform: rotate(-9deg);
	-o-transform: rotate(-9deg);
	height: 30px;
}

#state-ny {
	left: 614px;
	top: 88px;
	width: 66px;
	height: 45px;
	-webkit-transform: rotate(-11deg);	
	-moz-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	-o-transform: rotate(-11deg);
}

#state-virginia {
	left: 615px;
	top: 195px;
	width: 49px;
	height: 37px;
}

#state-idaho {
	top: 19px;
	left: 139px;	
	width: 70px;
	height: 118px;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
}

#state-alaska {
	left: 41px;
	top: 343px;
	width: 83px;
	height: 81px;
}

#state-mass {
	left: 682px;
	top: 110px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	height: 13px;
	width: 34px;
}

#state-nj {
	left: 668px;
	top: 143px;
	width: 14px;
	height: 35px;
}

#state-md-dc {
	left: 637px;
	top: 173px;
	width: 32px;
}

/* DISTRIBUTOR PAGES*/ 

dl.gallery-item {
	float:left;
	margin:0 20px 20px 0;
}
dl.gallery-item .gallery-icon {
	min-height:150px;
}

dl.gallery-item .wp-caption-text {
	max-width: 150px;
	font-size: .7em;
	text-align: center;
}

body.page-template-template-distributor-php h1 {
	font-size: 1em;
	text-transform: none;
	padding-bottom: 10px;
	background: url('images/header-underline.png') no-repeat bottom left;
	margin-bottom: 40px;
	max-width: 353px;
	letter-spacing: 0.1em;
}
body.page-template-template-distributor-php  .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {
	color: #cd9a17;
}
body.page-template-template-distributor-php #page-subnav {
	padding-right:170px;
}

#gform_wrapper_1 .gfield  {
	width: 370px;
	float: left;
	margin-right:50px;
	clear:none;
}


#gform_wrapper_1 .gfield.gsection {
	width:100%;	
}

.gform_wrapper .gfield_required {
	color:#ff0000 !important;
}

#gform_wrapper_1 .gsection + .gfield, #gform_1 #field_1_47, #gform_1 #field_1_46, 
#gform_1 #field_1_46 span,  #gform_1 #field_1_48, #gform_1 #field_1_49 {
	clear:left;
}

#gform_1 #field_1_48 #clearForm, #gform_1 #field_1_49 #clearForm {
	background: #c6930e;
	color: white;
	padding: 3px 6px;
	text-decoration: none;
	margin-bottom: 4px;
	display: block;
	width: 156px;
}

#gform_1 #field_1_48 #clearForm:hover, #gform_1 #field_1_49 #clearForm:hover  {
	background:#a0770c;
}

#gform_wrapper_1  #field_1_47 input {
	text-align:left;
}

#gform_1 #field_1_48 p {
	width: 320px;
	font-size:1em;
}

#gform_1 #field_1_46 span {
	margin-bottom:8px;
}

#gform_1 #field_1_46 input {
	padding: 4px 6px;
	text-align: left;
}

#gform_1 #field_1_46 span label{
	margin:0;
}
#gform_1 #field_1_46 span.ginput_right {
	float:left;
}

#gform_wrapper_1 .gfield + .gsection {
	margin-top:100px;
	clear:both;	
}

#gform_wrapper_1 .gfield  input {
	width:50px;
	text-align:right;
	padding:4px;
	font-weight:bold;
}

#gform_wrapper_1 #field_1_50 input, #gform_wrapper_1 #field_1_51 input  {
	width:270px;
	text-align:left;
}

#gform_wrapper_1 #field_1_11, #gform_wrapper_1 #field_1_9, #gform_wrapper_1 #field_1_12 {
	clear:both;
}

#gform_wrapper_1 #field_1_11 input, #gform_wrapper_1 #field_1_9 input, #gform_wrapper_1 #field_1_12 textarea, #gform_wrapper_1 #field_1_25 input{
	width:300px;
	padding:4px;
	text-align:left;
}

body.order-history table {
	margin:40px 0;
}


body.order-history td {
	text-align: center;
	padding:5px 0;
}

body.order-history #main {
	overflow:hidden;
}

body.order-history td.id, body.order-history th#gf-col-1-id  {
	display:none;
}

body.order-history #main ul.entry-detail-view {
	margin-bottom:60px;
}

body.order-history #main ul.entry-detail-view,  body.order-history   #main  ul.entry-detail-view li{
	list-style-type:none;
	font-size:.9em;
	float:left;
}

.entry-detail-view .entry-view-field-name {
	clear:left;
	padding:0 20px 0 0;
	margin:0 20px 3px 0; 
	border-right:1px solid #d09a0f;
	width:300px;
}

.entry-detail-view .entry-view-field-value {
	
}
#main ul.entry-detail-view  li.entry-view-section-break {
	font-size:1.1em !important;
	text-decoration:underline;
	margin:0 0 5px;
	clear:left;
	color:#d09a0f;
}

#main ul.entry-detail-view  li + li.entry-view-section-break {
	margin-top:40px;
}

/* FOOTER */ 

footer {
	background:transparent url('images/bg-footer.png') no-repeat top left; 
	height:98px;
	padding-top:35px;
	position:relative;
	width:1121px;
	margin-left:-48px;
}

.footer-col {
	position: absolute;
	right: 107px;
	top: 35px;
	color: #333332;
	text-transform: uppercase;
	width: 800px;
	text-align: right;
}
.footer-col .social li {
	margin-right: 0;
	vertical-align: middle;
}

.footer-col ul {
	display:inline-block;
}
.footer-col ul + ul {
	margin-left:20px;
}

.footer-col .link-twitter, .footer-col .link-fbook, .footer-col  li {
	display:inline-block;
	margin-right:10px;
	font-size: .91em;
}

.footer-col a, .footer-col .copy  {
	color: #333332;
	text-decoration: none;
	font-size: .93em;
	font-family: 'TorontoGothicRegular',impact; 
}

.footer-col h5  {
	font-family: 'TorontoGothicRegular',impact; 
	font-weight:normal;
	font-size:.85em;
	margin-right: 10px;
}

.footer-col a:hover, .footer-col li.active a{
	color:#e5d391
}

.footer-col .copy {
	text-align:right;
	margin-right: 6px;
	clear: both;
	line-height:1em;
	font-size:.85em;

}

.footer-col .copy a {
	font-size:1em;
}

body.error404 #content {
	padding-top: 50px;
}

/* IE SPECIFIC */

html.lt-ie9 #nav-main .menu-contact {
	top:10px;
	left:201px;
}

html.lt-ie9 #nav-main .menu-contact a {
	zoom:1;
	position:relative;
	top:0;
	left:0;
	display:inline-block;
	background-color:#cc970f;
	opacity:.5;
	padding:2px 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='#cc970f') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

html.lt-ie9 #nav-main .menu-the-company small {
	left:12px;
	top:-15px;
	background-color:#cc970f;
	opacity:.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='#cc970f') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	zoom:1;
}

html.lt-ie9 #beer-details .col + .col, html.ie9 #beer-details .col + .col  {
	width:330px;
}

html.lt-ie9 #beer-details .col + .col + .col, html.ie9 #beer-details .col + .col + .col  {
	width:262px;
}

html.lt-ie9 #beer-details li {
	width:135px;
}

html.lt-ie9  #news-grid  hr + li,  html.lt-ie9  #news-grid  li + li {
	padding-left: 24px;
	margin-left: 47px;
	background: url('images/sprites.png') no-repeat -517px -5px;
}

html.lt-ie9 #menu-grid .menu1, html.lt-ie9 #menu-grid .menu4 {
	margin-left:0;
	clear:left;
}

html.lt-ie9 #menu-grid li img {
	max-width:none;
}

html.lt-ie9 .single-beer #main, html.ie9 .single-beer #main  {
	padding-left: 208px;
	width: 765px;
}