/**
 * Theme Name: Beer is My Poison
 * Theme Author: Groovy Web Design
**/

/* -------- RESET -------- */
/* v1.0 | 20080212 */  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, b, u, i, center, 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-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }

/* -------- BACKGROUNDS -------- */
body {background: #2a1400 url(img/body_cap_x.jpg) repeat-x left 190px;}
#main {background: #fff url(img/bg_y.jpg) repeat-y;}
#wrap {background: url(img/body_cap.jpg) no-repeat;}
#header {background: url(img/head_bg.jpg) no-repeat center top;}
#navbar {background: url(img/nav_x.jpg) repeat-x;}
#footer {background: #642605 url(img/foot_x.jpg) repeat-x center top;}
.footer {background: url(img/foot.jpg) no-repeat center top;}

/* -------- LAYOUT -------- */
body {text-align: center;}
.container {width: 960px; margin: 0 auto; text-align: left; position: relative;}
.clr {clear: both;}
.hide {text-indent: -9999px; overflow: hidden; font-size: 1%;}
#header {height: 120px;}
#navbar {height: 70px;}
#wrap {padding-top: 20px; padding-bottom: 150px;}
#content, #sidebar, #extras {float: left;}
#content {width: 520px;}
#sidebar {width: 240px;}
#extras {width: 200px;}
#footer {width: 100%; clear: left; text-align: center;}
.footer {min-height: 300px;}

.feed a {position: absolute; top: 10px; right: 10px; width:90px; height: 70px; display: block;}
.searchbox input#s {position: absolute; top: 50px; left: 330px; width: 248px; height: 27px;}
.searchbox input#searchbox-submit {position: absolute; top: 50px; left: 590px; width: 90px; height: 27px;}

/* -------- TYPOGRAPHY -------- */
body {font: normal normal 62.5% 'Trebuchet MS', Trebuchet, sans-serif;}
#page {font-size: 1.2em;}
em {font-style: italic;}
strong {font-weight: bold;}
a, a:link, a:visited {color: #fff;}
a:hover, a:active, a:focus {text-decoration: none;}
.content h3, .content h4, .content h5, .content h6, 
.content p, .content blockquote, .content ul, .content ol
{margin: 0 0 1em 0;}
.content h3 {font-size: 1.4em; font-weight: normal;}
.content a, .content a:link, .content a:visited {color: #C14E0E;}
.content a:hover, .content a:active, .content a:focus {text-decoration: none;}
#extras a:link, #extras a:visited {color: #000;}
.crumbs {color: #e28c03;}
.crumbs a {color: #e28c03;}
.block a, .block a:link, .block a:visited {text-decoration: none;}
.block a:hover, .block a:active, .block a:focus {text-decoration: underline;}
.content p, .content li, .content ul, .content ol, .content blockquote
{line-height: 1.6;font-family: Verdana, sans-serif;}
.content blockquote {padding: 0.25em 0.25em 0 1em; border-left: solid 1px #ccc; background: #eee; font-style: italic;}
.content ul {margin: 0 0 1em 1.5em; list-style-type: disc;}
h2.title a:link, h2.title a:visited {color: #000; text-decoration: none;}
h3.title {line-height: 1;}
h3.title a:link, h3.title a:visited {text-decoration: none; font-family: 'Trebuchet MS', Trebuchet;}
h3.title a:hover, h3.title a:focus, h3.title a:active {text-decoration: underline;}
.tagline {color: #fff; text-transform: uppercase; font-size: 1.2em; padding: 1em 0 0 50px;}
.footer .container {text-align: center; padding-top: 30px; font-size: 1.2em; color: #fff; line-height: 1.8;}

/* -------- SEARCH BOX -------- */
/*input#s {border: none 0; background: transparent; font-size: 14px; vertical-align: center;}*/

/* -------- NAVBAR -------- */
.menu {height: 40px; text-align: center;}
.items {padding: 12px 0;}
.menu a {margin: 0 1.5em; text-decoration: none; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.05em;}
.menu a:hover, .menu a:active, .menu a:focus {color: #790000;}
.trail {height: 30px;}
.crumbs {padding: 8px 0 8px 2em;}

/* -------- SIDEBARS -------- */
.block {margin: 0 2em 2em 2em; font-family: Arial, sans-serif;}
.block h3 {font-size: 1.4em; font-weight: normal; text-transform: uppercase; margin: 0 0 1em 0;}
.block li {margin: 0.4em 0;}
.block ul ul {margin: 0 0 0 1em;}
#sidebar h3 {color: #8c5e45;}
/*#sidebar h3 {color: #e18e0a;}*/
#sidebar .block {color: #fff}
#extras h3 {color: #5c5c5c; font-size: 1.1em; font-weight: bold;}
#sidebar a {text-decoration: underline; color: #eee;}
.ad {margin: 0 auto 1em auto; width: 160px;}
.book {text-align: center;}
.advertise {text-align: right; font-size: 0.9em; margin: 0.2em 0;}

/* -------- CONTENT -------- */
.content {margin: 0 1em;}
.single .entry {padding: 0 0 2.5em 0;}
h2.title {font-size: 2em; font-weight: normal; margin-bottom: 0.25em;}
h3.title {font-size: 1.4em; font-weight: normal; margin-bottom: 0.5em;}
#about {margin: 1.5em 0 1em 0;}
.meta {clear: both;}
.ads {margin: 1.5em 0;}

/* -------- POSTS LIST -------- */
ul.posts, .posts li  {list-style-type: none; margin: 0; padding: 0;}
ul.posts {margin: 1em 0;}
.posts li {margin: 0 0 1.5em 0;}
.entry {padding-left: 1em; border-left: solid 1px #ccc;}

/* -------- BREWERY -------- */
.location {float: right; max-width: 180px;}

/* -------- BREW -------- */
.brew-thumb {float: right; padding: 0.5em; margin: 0 0 0.5em 1em; background: #eee; border: solid 1px #aaa; text-align: center;}

/* -------- COMMENTS -------- */
li.comment {margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: solid 1px #ccc;}
.comment-author {float: left; width: 112px; text-align: center;}
.comment-data {float: left; width: 380px;}
.comment-data h3 {font-size: 1.1em; font-weight: normal;}
#comments, #respond {clear: both;}

/* -------- MISC -------- */
input.button:focus {border: solid 1px #c1c1c1;}
.content .box {padding: 1em; margin: 1em 0 1.2em 0; border: solid 1px #aaa; background: #eee; line-height: 1.3; font-family: Arial, sans-serif; color: #353535;}
.box.right {float: right; margin: 0 0 0.5em 1em;}
.box.center {text-align: center; margin: 0 auto;}
.wp-caption-text, .wp-caption {text-align: center;}
.wp-pagenavi {text-align: center;}
.wp-pagenavi span, .wp-pagenavi a {margin: 0 0.15em;}

/* -------- GLOSSARY -------- */
.terms {margin-top: 1.5em;}
.terms h3 {margin-bottom: 0.25em;}