/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
 font-family: BodyFont;
 src: url("Benguiat_Book.eot") /* EOT file for IE */
}
@font-face {
 font-family: BodyFont;
 src: url("Benguiat_Book.ttf") /* TTF file for CSS3 browsers */
}


/* Styles */
body {
	background-color: #eee;
	color: #333;
	font-family: 'BodyFont', 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
}

p+p {
	padding-top: 10px;
}

dt {
	font-weight: 600;
}

dd+dt,
dt+dt {
	margin-top: 10px;
}

button,
input,
textarea {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	margin: 3px 0 5px 0;
}

button {
	border: none;
	cursor: pointer;
}

h1,
h2,
h3 {
	color: #267326;
	margin-bottom: 5px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

p+h1,
p+h2,
p+h3 {
	margin-top: 10px;
}

#container {
	box-shadow: 0 0 16px 2px #999;
	margin: auto;
	width: 970px;
}

#footer { font-size: .75em; background-color: #fff; color: #acacac; text-align: center; border-top: 1px solid #efefef; padding: 2px 0px;}
#footer a { color: #009A49}
#header {
	background: transparent url('/images/splash_1.jpg') top right no-repeat;
	color: #fff;
	height: 310px;
}

#header-content-container {
	background: hsla(0, 0%, 0%, .75);
	height: 250px;
	padding: 10px;
	width: 300px;
}

#header-content {
	margin-top: 10px;
	font-size: 12px;
}

#title, .title,
h1,
h2,
h3 {
	font-family: 'BodyFont', 'Source Sans Pro', 'Times New Roman', serif;
	font-weight: 300;
}

#title {
	font-size: 40px;
}
#body-content-container img.img_width { max-width: 458px;}

#navigation {
	background: hsla(0, 0%, 0%, .75);
	line-height: 40px;
	text-align: center;
}

#navigation li {
	display: inline-block;
}

#navigation a:link,
#navigation a:visited {
	color: #fff;
	display: block;
	padding: 0 15px;
	text-decoration: none;
	transition: background-color .3s, color .3s;
}

#navigation a:hover,
#navigation a:active,
#navigation a.plucked {
	color: #333;
	background-color: #fff;
}

#body-content-container {
	background-color: #fff;
	min-height: 500px;
	/*padding-bottom: 10em;*/
}

#body-content {
	padding: 10px;
	position: relative;
}

#qr-code {
	height: 182px;
	width: 148px;
}


.content-panel {
	display: none;
}

.content-panel.active {
	display: block;
}

.tabset {
	margin-top: 20px;
}

.tabs {
	text-align: center;
}

.tabs li {
	display: inline-block;
}
a:link, a:visited { color: #009A49; }
a:active { color: #FF7900; }
.tabs a:link,
.tabs a:visited {
	background-color: #eee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #333;
	display: block;
	line-height: 30px;
	height: 30px;
	padding: 0 20px;
	text-decoration: none;
}

.tabs a:hover,
.tabs a:active,
.tabs a.active {
	background-color: #ddd;
}

.tab-content-pane {
	border-top: 1px solid #ddd;
	display: none;
	padding: 10px;
}

.tab-content-pane.active {
	display: block;
}

.social-media:link,
.social-media:visited {
	display: block;
	height: 50px;
	line-height: 50px;
	margin: auto;
	text-align: left;
	width: 285px;
}

.social-media+.social-media {
	margin-top: 10px;
}

.social-media:hover,
.social-media:active {
	background-color: #ddd;
}

.social-media .icon {
	display: inline-block;
}

.social-media .icon,
.social-media .icon img {
	height: 50px;
	width: 50px;
}

.social-media .icon,
.social-media .caption {
	vertical-align: middle;
}

.social-media .caption {
	display: inline-block;
	margin-left: 10px;
}

.center-text {
	text-align: center;
}

.big-button {
	background-color: #eee;
	border-bottom: 3px solid #ddd;
	border-radius: 10px;
	color: #333;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
}

.big-button:hover {
	background-color: #ddd;
	border-bottom-color: #ccc;
}

.float_right, .float_r, .float-right {
	float: right !important;
}

.left-margin {
	margin-left: 10px;
}

.bottom-margin {
	margin-bottom: 10px;
}

.image-frame {
	border-radius: 5px;
	box-shadow: 0 0 8px 1px #666;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.inline-block {
	display: inline-block;
}

.left-text {
	text-align: left;
}

.right-text {
	text-align: right;
}

.field label {
	display: block;
}

.styled-input {
	padding: 3px;
	min-width: 200px;
}

.textarea {
	height: 200px;
	width: 300px;
}

.half-width {
	display: inline-block;
	vertical-align: top;
	width: 458px;
}

.half-width+.half-width {
	margin-left: 20px;
}

.clear-both {
	clear: both;
}
img.icon.medium {
	width: 50px;
	height: 50px;
}
p img.spacer { float: left; padding-right: 15px; padding-bottom: 15px;}

.hidden {display: none; }
#header-content-container span.open { color: #009A49;}
#header-content-container span.closed { color: #FF7900;}
#footer span.open { color: #009A49; font-weight: bold;}
#footer span.closed { color: #FF7900; font-weight: bold;}
#header-content-container a { color: #fff; text-decoration: none; cursor: pointer;}
ul.activities li h3 { font-size: 1.2em;}
ul.activities li { width: 131px; float: left; padding: .05em;}
ul.activities li ul { min-height: 300px;}
ul.activities li ul li { padding-top: .5em;}
ul.activities li ul li em { font-size: .9em;}
ul.activities li.today { background-color: #333; color: #fff;}
ul.activities li.today h3 { color: #FF7900; background: url('/images/today.png'); }
ul.activities {min-height: 750px;}
ul.activities li div.time {padding-left: 1.5em; font-size: .75em;}
li.comingsoon { color: #FF7900;}
li.rightnow { color: #009A49;}
li.expired { color: #CCC;}
ul.contact_list { width: 40%; float: right;}
ul.contact_list li {clear: both; vertical-align: middle;}
ul.contact_list li img { width: 50px; height: 50px;}
#contact_form li label { width: 100px; float: left; }
#contact_form li textarea { height: 8em;}
#contact_form li textarea, #contact_form li input[type=text] { width: 300px;}
li img.icon { float: left;}
img.icon.medium { width: 50px; height: 50px; vertical-align: middle;}

div#bitesquad {
	position: relative; right: 0px; top: 0;
 background-color: #009A49; color: #fff; padding: .5em; width: 33%; float: right;
}
div#bitesquad h2 {
 display: block;
 color: #fff;
 font-size: 1.75em;
 text-align: center;
}

div#bitesquad a {
 color: #000;
}

ul li h3 {
}
img.icon.menu { float: none; vertical-align: top; opacity: .25; }
img.icon.gluten { background-image: url('/images/gluten-free.png'); width: 146px; height: 25px;}
img.icon.vegetarian { background-image: url('/images/vegetarian.png'); width: 146px; height: 25px;}
#body-content p.attention { font-size: 1.5em; text-align: left !important;}
#body-content p em { font-style: italic;}
#body-content p strong { font-weight: bold;}

sup { vertical-align: top; position: relative; top: -0.5em; font-size: .75em; }
sub { font-size: .83em; vertical-align: sub; }
sub.chemical_formula { font-size: .67em;}
ul.photos { height: 1200px; }
ul.photos a {display: block; text-align: center; }
ul.photos li img { margin: 0 auto; }
ul.photos li { float: left; height: 205px; width: 150px; font-size: 12px; padding: 0 15px; } 
ul.photos li h3 { font-size: 14px; }
ul.photos li a.forsale { visibility: hidden;}
ul.photos li:hover a.forsale {visibility: inherit;}
#gallery ul.album { width: 870px; height: 400px; overflow: auto;}
#gallery ul.album li { width: 125px; height: 125px; padding: 10px 10px; float: left; }
div.float_left { float: left; width: 175px; display: inline; margin: 0em .5em 0em 2.5em;}

ul.stpats li { color: #000;}
ul.stpats li ul li { padding-left: 2em;}

.stpatsonly {display: none;}
div.beer { width: 100%; margin: 0 auto; clear: both; height: 100%; clear: both;}
div.beer ul#beer_list_master li { margin-top: 1em; padding-bottom: 1em; width: 100%; float: left; border-bottom: 1px solid #ccc; padding: .5em; }
div.beer ul#beer_list_master li img { max-height: 225px; overflow: hidden; width: 210px; margin: 0 auto;}
div.beer ul#beer_list_master li { 
 width: 210px;
 height: 550px;
 overflow: scroll;
}
div.beer ul#beer_list_master li:hover h3, div.beer ul#beer_list_master li:hover { 
background-color: #ccc;
color: #000;
}

#body-content {clear:both; overflow:auto; }
#mainmenu { overflow: none; }
#mainmenu fieldset { margin-bottom: 2em; border-bottom: 2px solid #ccc;  }
#mainmenu fieldset legend { font-size: 1.5em; }
#mainmenu fieldset ul li{ margin-bottom: 1em; }
#mainmenu fieldset ul li h3 { font-size: 1.25em; }


#worldcup { width: 100%; background-image: url('/images/2014_fifa.png'); background-repeat: no-repeat; background-position: center center; height: 155px; font-size: 2em; padding: .5em 0em; text-align: center; background-color: #3f9a3b; color: #000; position: fixed; top: 0; left: 0; margin: auto 0;  }
#navigation div.title, #navigation div.compressed, #navigation ul li.mobile { display: none; }
.float_l { float: left !important; padding-right: 1em; }


div.tap_notes { width: 96%; font-size: .9em; margin-top: .5em; margin-bottom: .5em; padding: .1em; height: 4.0em; clear: both; overflow: hidden;}
//div.tap_notes table { width: 100%; }
div.tap_notes strong.title { display: block; font-size: 1.2em; }
div.tap_notes td.ibu {width: 5em !important; float: left; overflow: hidden;}
div.tap_notes td {overflow: hidden;}
body.beer_menu #home {min-height: 1250px; }

div.firkin_page { width: 47%; float: left; margin: 1%; }
div.firkin_page h2 { clear: both; }
div.firkin_page p { clear: both; }
div.firkin_page img { width: 100%;}