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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
html{ background: #0d0c07 repeat-y top center url(/images/body_background.jpg) fixed; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }
body{ background: transparent; }
h1{ font-size: 3em; margin-bottom: 0px; color: #071e03; text-transform: uppercase; }
h2{ position: relative; background: url(/images/h2.png); height: 83px; line-height: 83px; font-size: 2em; text-transform: uppercase; left: -45px; padding: 0 45px; width: 926px; color: #fff; margin-bottom: 6px; }
h2 a{ text-decoration: none; color: #fff; }
h2 a:hover{ color: #5d8109; }
h3{ margin-bottom: .5em; font-size: 1.4em; font-weight: bold; font-variant: small-caps; }
a{ color: #5d8109; }
a:hover{ color: #0d0c07; }
p{ line-height: 125%; font-size: .9em; margin-bottom: 1em; }
strong{ font-weight: bold; }
em{ font-style: italic; }
ol{ list-style-type: decimal; margin-bottom: .5em; margin-left: 1.5em; }
ol li{ font-size: .9em; padding: .25em 0; }
#content ul li{ list-style-type: square; margin-bottom: .5em; margin-left: 1.5em; }
#content ul li{ font-size: .9em; padding: .25em 0; }
dl{ font-size: .9em; margin-bottom: 1em; overflow: hidden; }
dt{ font-weight: bold; float: left; display: block; width: 20%; margin-bottom: .5em; }
dd{ float: left; width: 80%; margin-bottom: .5em; }
dd a{ color: #1e291d; text-decoration: none; border-bottom: 1px dotted #1e291d; }
dd a:hover{ color: #5d8109; border-bottom: 1px solid #5d8109; }
.clear{ line-height: 1px; height: 1px; clear: both; }
/* Forms */
#content form ul{ margin: 0; list-style-type: none; }
#content form ul li{ margin: 0; list-style-type: none; clear: left; }
input, select, textarea{ font: .9em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #071e03; }
input[type=text], input[type=password], input[type=file], textarea{ border: 2px solid #CFCEB4; padding: 5px; float: left; width: 60%; margin-bottom: .5em; }
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus{ border-color: #5d8109; }
textarea{ height: 6em; }
label{ display: block; float: left; width: 30%; font-size: .9em; font-style: italic; line-height: 2em; }
input[type=submit]{ float: right; font-size: 1.2em; padding: 5px 10px; background: #5d8109; font-style: italic; color: #fff; border: 0; cursor: pointer; }
input[type=submit]:hover{ background: #071e03; }
.medium input[type=text]{ width: 30%; }
#content form ul li.small{ float: left; width: 33%; clear: none; }
#content form ul li.small label{ width: 50%; }
#content form ul li.small input{ width: 20%; }
/* Error Handling */
#errorExplanation h2, #errorExplanation p{ display: none; }
#errorExplanation ul{ padding: 10px; color: #fff; background: #892201; }
/* Header */
#header{ background: no-repeat top center url(/images/header_background.png); height: 99px; margin-top: 20px; margin: 0 auto; width: 920px; padding: 20px 130px; z-index: 2; position: relative; }
#header h1{ margin: 0; padding: 0; float: left; }
#header h1 a{ text-indent: -999em; display: block; background: no-repeat bottom left url(/images/logo.png); height: 54px; width: 401px; padding-top: 7px; }
#nav{ margin-top: 0px; font-size: .9em; float: right; }
#nav li{ float: right; padding: 0 24px 0 6px; background: no-repeat center right url(/images/bullet.png); line-height: 68px; }
#nav li.last{ padding-right: 0px; background: none; }
#nav a{ color: #EDF7D4; border-bottom: 1px dotted #C8E87D; text-decoration: none; }
#nav a:hover{ color: #fff; border-bottom: 1px solid #fff; }
.panel{ width: 920px; background: bottom center url(/images/login_background.png); overflow: hidden; position: absolute; z-index: 3; left: 50%; margin-left: -480px; padding: 40px 20px 0px; height: 120px; top: -160px; }
.content{ height: 90px; }
a.close{ display: block; height: 25px; position: relative; bottom: 0px; clear: both; }
/* Content */
#content{ background: repeat-y top center url(/images/content_background.png); width: 920px; margin: -50px auto 0; padding: 20px 60px 20px; color: #1e291d; }
/* Footer */
#footer{ background: no-repeat center url(/images/content_bottom.png); width: 920px; margin: 0 auto; padding: 15px 60px; }
#footer #sub-nav{ text-align: center; margin-top: 0px; font-size: .9em; padding-bottom: 100px; background: no-repeat bottom center url(/images/badge.png); }
#footer #sub-nav li{ display: inline; padding: 0 24px 0 6px; background: no-repeat center right url(/images/bullet.png); }
#footer #sub-nav li.last{ padding-right: 4px; background: none; }
#footer #sub-nav a{ color: #edecd2; border-bottom: 1px dotted #edecd2; text-decoration: none; }
#footer #sub-nav a:hover{ color: #fff; border-bottom-style: solid; }
#footer #pledgie{ text-align: center; }
/* Beer view*/
.beers-show .photo{ float: left; margin-right: 50px; border: 1px solid #CFCEB4; }
.beers-show .photo img{ border: 10px solid #fff; display: block; }
.beers-show .attributes{ float: left; width: 648px; margin-top: 10px; }
/* Beers */
#content ul.beers{ list-style-type: none; border-bottom: 1px solid #CFCEB4; }
#content ul.beers li{ list-style-type: none; padding: 10px; margin: 0; border-top: 1px solid #CFCEB4; clear: left; overflow: hidden; }
#content ul.beers li.beer a.image_of_beer{ width: 75px; display: block; float: left; margin-right: 20px; background: #fff; padding: 5px; border: 1px solid #CFCEB4; }
#content ul.beers li a:hover{ border-color: #5d8109; }
#content ul.beers h3{ margin-top: .5em; }
#content ul.beers li .more{ font-size: .9em; font-style: italic; margin-left: 105px; }
#content ul.beers li .more a{ text-decoration: none; color: #071e03; border-bottom: 1px dotted #071e03; }
#content ul.beers li .more a:hover{ border-bottom: 1px solid #5d8109; color: #5d8109; }
/* Tags */
#content ul.tags{ list-style-type: none; margin: 0; }
#content ul.tags li{ float: left; list-style-type: none; padding: 0; margin-left: 0; margin-right: 5px; font-size: .8em; font-style: italic; border-top: 0; clear: none; }
#content ul.tags li a, #content ul.beers ul.tags li a{ display: block; background: left center url(/images/tag.png); color: #fff; text-decoration: none; padding: 3px 6px 3px 13px; border-bottom: none; }
#content ul.tags li a:hover, #content ul.beers ul.tags li a:hover{ background-image: url(/images/tag_hover.png); color: #fff; border-bottom: none; }
#content ul.beers ul.tags li{ font-size: .95em; }
.beers-show #content ul.tags{ float: left; clear: left; margin-top: 10px; }
/* Rater */
#content ol.rater{ list-style-type: none; margin-left: 0; padding-top: 10px; overflow: hidden; background: #EFEED4; }
#content ol.rater li{ float: left; padding: 0 3px 0 0; display: block; height: 15px; width: 15px; text-indent: -999em; background: url(/images/star_unrated.png) no-repeat; cursor: pointer; border: 0; clear: none; }
#content ol.rater li.star.null{ background-image: url(/images/star_unrated.png); }
#content ol.rater li.star.hover{ background-image: url(/images/star_rated.png); }
#content ol.rater li.star.suggested{ background-image: url(/images/star_suggested.png); }
#content ol.rater li.star.rated{ background-image: url(/images/star_rated.png); }
/* Pagination */
.pagination{ float: right; margin-top: 10px; font-size: .85em; }
.pagination span, .pagination a{ text-decoration: none; padding: 2px 4px; border: 1px solid #CFCEB4; background: #E6E4BC; font-variant: small-caps; }
.pagination .disabled{ color: #ABAA94; }
.pagination a:hover{ background: #5d8109; color: #fff; border-color: #336107; }
/* Flashes */
.flash{ font-size: 1.4em; line-height: 100px; font-style: italic; }
.flash.notice{ color: #6B692E; }
.flash.error{ color: #892201; }
.flash.success{ color: #5D8109; }
/* Admin */
#content ul.admin_nav{ list-style-type: none; border-top: 1px solid #CFCEB4; margin-left: 0; }
#content ul.admin_nav li{ list-style-type: none; padding: 0; margin: 0; }
.admin_nav li a{ display: block; text-decoration: none; padding: 10px; border-bottom: 1px solid #CFCEB4; }
.admin_nav li a:hover{ background: #fff; }
#content ul.admin_listing{ list-style-type: none; border-top: 1px solid #CFCEB4; margin-left: 0; margin-bottom: 1em; }
#content ul.admin_listing li{ list-style-type: none; padding: 10px; margin: 0; border-bottom: 1px solid #CFCEB4; }
#content ul.admin_listing li.untagged{ background: #D0A896; }
#content ul.admin_listing li.untagged a{ color: #892201; }
.admin_listing li a{ text-decoration: none; }
.admin_listing li:hover{ background: #fff; }
.admin_listing .actions{ float: right; font-size: .8em; line-height: 1.2em; }
#admin_panel{ position: fixed; bottom: 0; z-index: 5; background: rgba(0, 0, 0, .7); width: 100%; }
#admin_panel ul{ list-style-type: none; text-align: center; }
#admin_panel li{ display: inline-block; padding: 10px; font: bold .8em "Helvetica Neue", Helvetica, Arial; }
#admin_panel li a{ color: #fff; text-decoration: none; }
#admin_panel li span.count{ -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 1px 5px; background: #5D8109; color: #fff; display: inline-block; margin-left: 3px;}
/* Tooltips */
.tooltip{ background-position: bottom center; background-repeat: no-repeat; height: 44px; }
.marker{ width: 10px; height: 10px; top: 4px; background: no-repeat url(/images/marker.png); }
.color{ background-image: url(/images/lovibond.png); }
.bitterness{ background-image: url(/images/ibus.png); }
dd#bitterness, dd#color{ width: 20%; margin-right: 50%; cursor: help; }
dd#bitterness span, dd#color span{ border-bottom: 1px dotted #A7A794; }
/* Initial Flow */
#content #base_beers, #content #sucky_beers{ margin-left: 0; list-style-type: none; overflow: hidden; }
#content #base_beers li, #content #sucky_beers li{ margin: 0; float: left; list-style-type: none; text-align: center; width: 20%; }
#content #base_beers li span.name, #content #sucky_beers li span.name{ display: block; font-weight: bold; margin-top: 2px; }
#content #base_beers li span.brewery, #content #sucky_beers span.brewery{ color: #A7A794; font-size: .8em; font-style: italic; }
#base_beers .photo, #sucky_beers .photo{ display: block; height: 180px; }
#content #sucky_beers a.i_hate_this{ display: block; color: #892201; font-size: .8em; font-weight: bold; margin-top: 2px; }
#content #base_beers li .rater{ margin-left: 46px; }
#content #base_beers li .rater li{ width: 16px; }
#content .havent_tried{ font-size: 0.8em; color: #a7a794; }
#content .havent_tried:hover{ color: #892201; }
#favorite_beer{ text-align: center; font-size: 1.8em; margin-top: 1em; margin-bottom: 0; }
#favorite_beer input[type=text]{ display: inline; float: none; width: 12em; margin-bottom: 0; }
#fetch_mah_beerz{ background: #5D8109; display: block; width: 24em; font-size: 1.2em; text-decoration: none; color: #fff; padding: 20px; margin: 40px auto 10px; text-align: center; }
#fetch_mah_beerz:hover{ background: #892201; }
ol.rater.hide{ display: block; visibility: hidden; height: 1px; }
/* added by amiel for sucky_beers js */
#step_3{ position: relative; }
#content #loading_sucky_beers{ position: absolute; width: 100%; height: 200px; background: no-repeat center center url("/images/activity_bar.gif"); }
#favorite_beer_not_found{ border: 0; }
#favorite_beer_not_found p{ margin: 0; font-style: italic; font-size: 1.1em; color: #8A897A; }
/* Brewery */
.breweries-show .location{ font-style: italic; color: #336107; }
.breweries-show .photo{ float: right; margin-right: 50px; border: 1px solid #CFCEB4; overflow: hidden; }
.breweries-show .photo img{ border: 10px solid #fff; display: block; }
.breweries-show h2{ clear: right; }
a.more{ font-style: italic; padding-top: 1em; float: left; }
#empty_search_results{ margin: 1.5em; text-align: center; font-size: 1.2em; } /* added by amiel */
.ac_results {
padding: 0px;
border: 1px solid #5D8109;
border-top: 0;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: url('/images/activity.gif') right center no-repeat;
}
.ac_odd {
background-color: #F2F2E6;
}
.ac_over {
background-color: #5D8109;
color: white;
}
#search_form{ padding: 30px 130px 0; height: 60px; }
#search_form #q{ font-size: 1.6em; width: 500px; }
#search_form input[type=submit]{ font-size:1.25em;
margin-top:3px;
padding:0;
width:140px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
height: 1.9em;
}
.ac_results img{ float: left; margin-right: 10px; }
.ac_results div{ float: left; }
.ac_results .beer{ display: block; font-size: .85em; font-weight: bold; color: #5D8109; }
.ac_results .brewery{ font-size: .75em; font-style: italic; display: block; color: #071e03; }
.ac_over .beer, .ac_over .brewery{ color: #fff; }