/*

Theme Name: The Red Hot
Theme URI: http://frayd.us/
Author: Kevin Freitas
Author URI: http://frayd.us/
Description: HTML5 starter theme.

*/


/******************
	STYLE RESET
*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { /* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/
	border: 0;
	margin: 0;
	padding: 0;

	font-size: 100%;
	vertical-align: baseline;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section { display: block; }

.screen-reader-text { display: none; }

body {
	line-height: 1;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table  { border-collapse: collapse; border-spacing: 0; }
td, td img { vertical-align: top; }

input[type=text], input[type=submit] {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}


/******************
	BASE STYLES
*******************/
* { outline: 0 none; }
html, body, form, img { border: 0; margin: 0; padding: 0; }
html { font-size: 100% }

body {
	padding-bottom: 5em;	

	background: #871a0a url("images/woodtile.jpg") center top;
	color: #000;
	font: .85em/1.5 "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
body::before {
	display: block;
	height: 132px;
	position: absolute;
	right: .6em;
	top: 0;
	width: 191px;

	background: url("images/21_shadow.png") 0 0 no-repeat;
	content: '';
}

.contain {
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

select, input, textarea, button { font: 99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

img { margin: 0; }
a {
	border: none;

	color: #b59b47;
	text-decoration: none;
}
a:hover, a:active { outline: none; }
a:hover { text-decoration: underline; }
ol { list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }


/******************
	HEADER
*******************/
#header {
	margin: 0 auto;
	position: relative;
	z-index: 100;
}


/* Logo */
#logo {
	height: 321px;
	left: 50%;
	margin: 0 0 0 -265px;
	position: absolute;
	top: 0;
	width: 530px;

	background: transparent url('images/board_top.png') 0 0 no-repeat;
}
#logo a {
	display: block;
	height: 100%;
	width: 100%;
}
#logo a img { display: none; }


/* Primary Nav Menu */
#nav {
	left: 0;
	position: absolute;
	top: 200px;
	width: 236px;
}
#nav ul {
	position: relative;
}
#nav ul li {
	display: block;
	position: relative;
}
#nav ul li:first-child {}
#nav ul li a {
	display: block;
	height: 100%;
	padding: .75em 0;

	color: #ddd;
	font: 900 16px/1 'Raleway', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	text-transform: uppercase;
}
#nav ul li:hover a,
#nav ul li.current-menu-item a,
#nav ul li.current-menu-ancestor a,
#nav ul li.current_page_parent a {
	color: #fc3;
	text-shadow: 0 0 10px #fc3;
}
#nav ul li.menu-item-hours-contact,
#nav ul li.menu-item-specials { display: none; }

/* 2nd level nav */
#nav ul li ul.sub-menu {
	padding: 0 0 .5em 0;
}
#nav ul li ul.sub-menu li {
	display: block;
	height: auto;

	text-align: left;
}
#nav ul li ul.sub-menu li a {
	height: auto;
	padding: .25em 0;

	color: #ddd;
	font: 400 13px/17px 'Raleway', sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
#nav ul li ul.sub-menu li:hover > a,
#nav ul li ul.sub-menu li a:hover,
#nav ul li ul.sub-menu li.current-menu-item a {
	color: #deb330;
	text-shadow: 0 0 10px #fff;
}

/* 3rd level nav */
#nav ul li ul.sub-menu li ul.sub-menu { display: none; }


/******************
	CONTENT AREA
*******************/
#content {
	margin: 0 0 0 236px;
	padding: 200px 0 0 0;
	position: relative;
	width: 529px;
	z-index: 80;
}
.home #content {}

#content p {
	padding: 0 0 2em 0;

	line-height: 1.75em;
}
#content ul {
	margin-left: 1em;
	padding: 0 0 1em 1.5em;

	line-height: 1.75em;
	list-style-type: disc;
}
#content ol {
	margin-left: 1em;
	padding: 0 0 1em 1.5em;

	line-height: 1.75em;
}
#content li {
	padding: 4px 0;
}


/* Main Content Column */
#content #main {
	float: left;
	margin: 75px 0 0 0;
	min-height: 600px;
	padding: 38px 55px 50px 48px;
	position: relative;
	width: 529px;

	background: url(images/board.jpg) center top repeat-y;
	color: #eee;

	box-shadow: 25px 40px 50px rgba(0, 0, 0 , .45);
}
#content #main:after {
	bottom: 0;
	display: block;
	height: 191px;
	left: 0;
	position: absolute;
	width: 529px;

	background: url(images/board_bottom.png) center bottom no-repeat;
	content: '';
}
#content #main.full_width { float: none; width: auto; }
#content #main article { position: relative; z-index: 20; }
#content #main img {
	border: 1px solid #aaa;
	height: auto;
	max-width: 100%; 
}
#content #main img.noborder,
#content #main img[src$=".png"] { border: 0 none; }
#content #main img.size-medium.alignright,
#content #main img.size-medium.alignleft { height: auto; max-width: 50%; }

#content #main h1 {
	margin: 0 0 1.5em 0;

	color: #d2cfc5;
	font: bold 2em/100% 'Raleway', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 1px 0 6px rgba(255, 255, 255, .4);
	text-transform: uppercase;

	transform: rotateZ(-1deg);
	-moz-transform: rotateZ(-1deg);
	-ms-transform: rotateZ(-1deg);
	-webkit-transform: rotateZ(-1deg);
}
#content #main h2 {
	float: left;
	margin: 0 0 5px 0;

	color: #b59b47;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;
	text-shadow: 1px 0 6px rgba(181, 155, 71, .4);
	text-transform: uppercase;
}
#content #main h3 {
	float: right;
	margin: 1px 0 5px 0;

	color: #b0Db79;
	font-size: .85em;
	font-weight: normal;
	text-shadow: 1px 0 4px rgba(176, 219, 121, .4);
	line-height: 1;
}
#content #main p, #content #main li, #content #main td {
	font-size: .92em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}
#content #main p, #content #main ul, #content #main ol, #content #main blockquote, #content #main form {
	clear: both;
}

#content #main form { margin: 0 0 1em 0; }
#content #main input[type=text],
#content #main textarea,
#content #main select,
#content #main input[type=submit] {
	border: 1px solid #888;
	border: 1px solid rgba(0, 0, 0, .5);
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
#content #main input[type=text],
#content #main textarea { padding: .5em; }
#content #main textarea { height: 5em; }
#content #main select { margin: 0; padding: .4em; vertical-align: top; width: auto; }
#content #main input[type=submit] { padding: .5em 1em; width: auto; }


#content #main .ut-menu {
	background: transparent;
	font-family: inherit;
}
#content #main .ut-menu-standard .section { padding: 0; }
#content #main .ut-menu .menu-header,
#content #main .ut-menu .menu-list,
#content #main .ut-menu .menu-info,
#content #main .ut-menu-standard .section .section-heading,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-label { display: none; }
#content #main .ut-menu .date-time { float: none; color: #fff; opacity: .25; text-align: center; }
#content #main ul#taplist {
	margin: 0;
	padding: 0;

	list-style-type: none;
}
.ut-menu-standard .section
#content #main ul#taplist li,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name a,
#content #main .menu-item {
	padding: .75em 0;

	background: url("images/rule.png") center top repeat-x;
	color: #e7e1d3;
	font: bold 18px/1.15 "Lucida Grande", Verdana, helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: 0 0 4px rgba(231, 225, 211, 0.25);
}
#content #main .trh_brewery {
	display: block;
	padding-top: .75em;

	font-size: .7em;
	font-weight: normal;
	opacity: .5;
}
#content #main ul#taplist li:first-child,
#content #main .menu-item:first-child {
	padding-top: 0;

	background: transparent;
}
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details { width: 100%; }
#content #main ul#taplist li .beer_name,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name a {
	padding-bottom: 0;

	background: transparent;
	cursor: pointer;
	opacity: .9;

	transform: rotate(-.75deg);
	-moz-transform: rotate(-.75deg);
	-ms-transform: rotate(-.75deg);
	-webkit-transform: rotate(-.75deg);
}
#content #main ul#taplist li .beer_name:hover,
#content #main ul#taplist li .beer_name.active,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name:hover a,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name.active a,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div a:hover {
	color: #fc3;
	text-shadow: 0 0 10px #fc3;
}
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name.active a { padding-bottom: .75em; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .container-list { margin: 0; }
#content #main .menu-item { padding: 0; }
#content #main .ut-menu-standard .menu-items-container .menu-item { padding-top: .5em; margin-bottom: .5em; }
#content #main ul#taplist li:nth-child(2n) .beer_name {
	transform: rotate(.5deg);
	-moz-transform: rotate(.5deg);
	-ms-transform: rotate(.5deg);
	-webkit-transform: rotate(.5deg);
}
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name { padding: 0; cursor: pointer; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name span.beer-style {
	display: none;

	color: #e7e1d3;
	font-size: .8em;
	opacity: .4;
}
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name.active span.beer-style { display: block; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta { display: none; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name.active + .item-meta { display: block; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div {
	display: block;
	padding-left: 1em;

	color: #e7e1d3;
	font-size: .8em;
	font-weight: normal;
	text-align: left;
}
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div a { color: #e7e1d3; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div:before { color: #e7e1d3; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div.abv-hideable { float: right; }
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div.rating-hideable,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-description { display: none; }
#content #main ul#taplist li .beer_info {
	display: none;
	padding: .5em 0 0 0;

	font-size: 14px;
	font-weight: normal;
	line-height: 1.25;
	opacity: .75;
	text-align: left;
}
#content #main ul#taplist li .beer_info .left { float: left; }
#content #main ul#taplist li .beer_info .right { float: right; text-align: right; }


#content #main a.ill_btn {
	border: 1px solid #fc3;
	display: inline-block;
	padding: .25em .5em .3em .5em;

	background: #e03546;
	color: #fff;
	font: 18px/1 times, serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);

	box-shadow: 5px 5px 10px rgba(0, 0, 0, .35);
}
#content #main a.ill_btn:hover { text-decoration: none; }


/* Side Content Column */
#content #side {
	left: 100%;
	min-height: 300px;
	position: absolute;
	top: 200px;
	width: 235px;
}
#content #side p, #content #side li, #content #side td {}
#content #side h2.widget-title { display: none; }
#content #side ul {
	list-style-type: none;
}
#content #side ul li {}
#content #side ul li:before {
	display: block;
	height: 3px;
	width: 100%;

	background: url(images/rule.png) center top no-repeat;
	content: '';
}
#content #side ul li:first-child:before { display: none; }
#content #side ul li a {
	display: block;
	padding: .65em 0 .35em 0;

	color: #ddd;
	font: 400 16px/1.15 'Raleway', sans-serif;

	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
#content #side ul li a:hover {
	color: #fc3;
	text-decoration: none;
	text-shadow: 0 0 10px #fff;
}

#content #side .widget_archive {
	padding: 0 0 0 2.5em;
}
#content #side .widget_archive select {
	border: 3px solid #242017;
	display: block;
	padding: 5px;
	width: 100%;

	background-color: #f9f2dc;
	font: 1em/1.25 "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}


/* Section Guide */
#section_guide {}
#section_guide h2 {}
#section_guide ul {}
#section_guide ul li,
#section_guide ul li.current-menu-ancestor > a { display: none; }
#section_guide ul li.current-menu-ancestor,
#section_guide ul li ul.sub-menu li { display: block; }
#section_guide ul li a {}
#section_guide ul li ul.sub-menu li.current-menu-item a { text-decoration: underline; }


/* Blog */
#content.blog #main h2 {
	float: none;
	margin: 0;
	padding: 5px 0;

	font-size: 1.35em;
	line-height: 1.5;
	text-transform: none;
}
#content.blog #main .post {
	clear: both;
	margin: 0 0 2.5em 0;
}
#content.blog #main .post .thmb {
	float: left;
	height: 100px;
	margin: .5em 1em 1em 0;
	width: 100px;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#content .post-item .thmb a {
	display: block;
	height: 100%;
	width: 100%;
}
#content.blog #main .post-date { opacity: .5; }
#content.blog #side ul {
	margin: 0;
	padding-left: 0;

	list-style-type: none;
}
#content.blog #side ul li { color: #888; }

#content.blog .blog-nav {
	position: relative;
	z-index: 20;
}


/* Footer */
#footer {
	border: 10px solid #242017;
	left: 0;
	position: absolute;
	top: 610px;
	width: 100%;
	z-index: 60;

	background-color: #fcf6e1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcf6e1), to(#cfbf9d));
	color: #877050;
}
#footer a { color: #c33; }

#footer .hours_contact {
	float: left;
	padding: 10px 0 0 0;
	position: relative;
	width: 227px;

	text-align: right;
}
#footer .hours_contact:before {
	display: block;
	height: 92px;
	position: absolute;
	right: 0;
	top: -85px;
	width: 203px;

	background: url(images/hours_specials.png) 0 0 no-repeat;
	content: '';
}
#footer .hours_contact .widget {
	border-bottom: 1px solid #cfbba0;
	padding: 20px 20px 10px 20px;
}
#footer .hours_contact .widget:last-child { border: 0 none; }
#footer .hours_contact h2.widget-title { display: none; }
#footer .hours_contact p {
	padding: 0 0 10px 0;

	font-size: .85em;
}
#footer .hours_contact p b {
	float: left;

	color: #514d44;
	font-family: "Arial Black", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#footer .hours_contact a { font-size: .92em; }


#footer .specials {
	float: right;
	padding: 24px 30px 12px 30px;
	position: relative;
	width: 234px;

	font: 11px/1.25 "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
#footer .specials:before {
	display: block;
	height: 92px;
	left: 0;
	position: absolute;
	top: -85px;
	width: 219px;

	background: url(images/hours_specials.png) -195px 0 no-repeat;
	content: '';
}
#footer .specials p {
	margin: 0 0 18px 0;
}
#footer .specials p:before {
	display: block;
	float: left;
	margin: 1px 0 0 0;
	padding: 0 12px 0 0;

	color: #ad4742;
	content: attr(data-day);
	font: bold 11px/1 "Arial Black", Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#footer .specials p b {
	display: block;

	color: #5a3d07;
	font-size: 12px;
	font-weight: bold;
}

.copyright {
	padding: 60px 0 0 0;

	color: #fff;
	font-size: 11px;
	opacity: .5;
	text-align: center;
}
.credit {
	padding: 0 0 20px 0;

	font-size: 11px;
	opacity: .75;
	text-align: center;
}


/******************
	WIDGETS
*******************/

/* Gravity Forms */
#content #main .gform_wrapper .ginput_complex label { margin: -5px 0 10px 0 !important; }
#content #main .gform_wrapper input[type=text],
#content #main .gform_wrapper input[type=password],
#content #main .gform_wrapper textarea,
#content #main .gform_wrapper select { width: 97%; }
#content #main .gform_wrapper textarea { height: 10em; }
#content #main .gform_wrapper ul.gform_fields { padding-left: 0; }


/* Social Media Sharing */
#share {
	height: 18px !important;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 10px;
	width: 330px;

	color: #373737;
	font-size: 0;
	text-align: center;
	text-transform: uppercase;
}
#share div {
	display: inline-block;
	padding: 0 5px 0 0;
	vertical-align: middle;

	font-size: 13px;
}
#share a {
	display: inline-block;
	height: 16px;
	margin: 0 0 0 4px;
	vertical-align: middle;
	width: 16px;

	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;

	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
#share a:first-child { margin: 0; }
#share a.sharethis { background-image: url(images/social-share.png); }
#share a.facebook { background-image: url(images/social-facebook.png); }
#share a.twitter { background-image: url(images/social-twitter.png); }
#share a.linkedin { background-image: url(images/social-linkedin.png); }
#share a.email { background-image: url(images/social-email.png); }



/******************
	SPECIAL EFFECTS
*******************/

#nav ul li a,
#content #main ul#taplist li .beer_name,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name a,
#content #main .ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div a,
#content #side ul li a {
	transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}


/******************
	UTILITY STYLES
*******************/

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 15px; }
.alignright { display: inline; float: right; margin-left: 15px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignleft-nomargin { display: inline; float: left; }
.alignright-nomargin { display: inline; float: right; }

.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */

.full-width-item { width: 100%; } /* for use with outer wrappers */

/* Clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#menu_btn { display: none; }


/******************
	SMARTPHONE
*******************/
@media only screen and (max-width: 720px) {
	#search, #textsize_wrapper, #social,
	#hero,
	.no_mobile {
		display: none !important;
	}
	
	.contain, .inner,
	#content,
	#content #main, #content #side,
	#footer, #footer .hours_contact, #footer .specials {
		border: 0 none;
		bottom: auto;
		float: none;
		height: auto;
		left: auto;
		margin: 0;
		min-height: 0;
		min-width: 0;
		padding: 0;
		position: static;
		right: auto;
		top: auto;
		width: auto;
	}

	html { overflow: auto; }

	body {
		padding: 90px 0 0 0;
		position: relative;

		background: #871a0a;
	}
	body:before { display: none; }

	#header {
		height: 80px;
		left: 0;
		padding: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	#header .bar {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 20;

		background: #871a0a url("images/woodtile.jpg") center top;
		background-size: 50%;
	}
	#header .bar:before {
		display: block;
		height: 50px;
		position: absolute;
		right: 5px;
		top: 0;
		width: 85px;

		background: url("images/21_shadow.png") 0 -6px no-repeat;
		background-size: 100% auto;
		content: '';
	}

	#logo {
		height: 80px;
		left: auto;
		margin: 0;
		position: relative;
		top: auto;
		width: 190px;

		background-position: 10px -10px;
		background-size: 175px auto
	}

	#menu_btn {
		bottom: 4px;
		display: block;
		position: absolute;
		right: 15px;

		color: #ddd;
		cursor: pointer;
		font: 900 18px/1 'Raleway', sans-serif;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
		text-transform: uppercase;
	}
	#menu_btn:before {
		display: inline-block;
		margin-top: -2px;
		vertical-align: middle;

		content: "\f333";
		font: 24px 'dashicons';
	}
	#nav {
		border-width: 0 0 10px 0;
		border-style: solid;
		border-color: #fdb62f;
		bottom: auto;
		height: auto;
		left: auto;
		margin: 90px 0 0 0;
		padding: 0;
		position: absolute;
		right: auto;
		top: auto;
		width: 100%;
		z-index: 10;

		text-align: left;

		transform: translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		transition: transform .35s ease 0, margin .35s ease 0;
		-webkit-transition: -webkit-transform .35s ease 0, margin .35s ease 0;
	}
	#nav * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
	#nav.slid {
		margin: 80px 0 0 0;

		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	#nav ul.menu {
		border: 0 none;
		height: auto;

		background-color: #871a0a;

		box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	}
	#nav ul.menu li {
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: rgba(255, 255, 255, .5);
		display: block;
		float: none;
		height: auto;
		margin: 0 0 0 auto;
		position: static;
		width: auto;

		text-align: right;
	}
	#nav ul.menu li:first-child { border-width: 0; }
	#nav ul li.menu-item-hours-contact,
	#nav ul li.menu-item-specials { display: block; }
	#nav ul.menu li a {
		height: auto;
	}
	#nav ul.menu li ul.sub-menu li { border: 0 none; }
	/*
	#nav ul.menu li:hover a,
	#nav ul.menu li.active a,
	#nav ul.menu li.over a {}
	#nav ul.menu li:hover ul.sub-menu { z-index: -1; opacity: 0; }
	#nav ul.menu li.over ul.sub-menu { left: 0; z-index: 50; opacity: 1; }
	#nav ul.menu li ul.sub-menu {
		border: 0 none;
		height: auto;
		left: -9999px;
		min-height: 100%;
		padding: 0;
		top: 0;
		width: 50%;

		background-color: #ccc;
	}
	#nav ul.menu li ul.sub-menu li {
		border-width: 0 0 1px 0;
		width: auto;

		text-align: left;
	}
	*/


	#content #main {
		margin: 0 auto 10px auto;
		max-width: 529px;
		padding: 30px 5% 50px 5%;
		position: relative;

		box-shadow: 0 20px 25px rgba(0, 0, 0, .45);
	}
	#content #main:after {
		max-width: 529px;
		width: 100%;
	}

	#content #main ul#taplist li .beer_info {
		font-size: 12px;
	}
	#content #main ul#taplist li .beer_info .left,
	#content #main ul#taplist li .beer_info .right { max-width: 45%; }

	#content #side {
		padding: 10px;
	}
	#content #side ul {
		margin: 0;
		padding: 0;
	}

	#footer .hours_contact {
		border-top: 10px solid #242017;
		margin-top: 55px;
		padding-bottom: 55px;
		position: relative;
	}
	#footer .hours_contact:before {}
	#footer .specials {
		border-width: 10px 0 10px 0;
		border-style: solid;
		border-color: #242017;
		padding: 20px 20px 10px 20px;
		position: relative;

		background-color: #fcf6e1;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcf6e1), to(#cfbf9d));
	}
	#footer .specials:before {
		left: -20px;
	}

	.copyright {
		padding: 10px 10px 0 10px;

		font-size: 8px;
	}
	.credit {
		padding: 10px;

		font-size: 8px;
	}

	.alignleft, .alignright {
		display: block;
		float: none;
		height: auto;
		margin: 0 0 1em 0;
		max-width: 90%;
	}
}
.only_mobile { display: none; }


/******************
	PRINT
*******************/
@media only print {
	#utility_nav, #search, #nav,
	#hero,
	#social { display: none; }

	#header,
	.contain, .inner,
	#content #main, #content #side {
		clear: both;
		float: none;
		height: auto;
		min-height: 0;
		width: auto;

		background: transparent;
	}

	body { background: transparent; }

	#logo {
		left: auto;
		margin: 0 auto .5in auto;
		position: relative;
		top: auto;

		background: transparent;
		zoom: .5;
	}
	#logo a img { display: block; }

	#footer, #footer a { color: #888; }
}