/*
Theme Name: ESB Ale
Description: The custom WordPress theme developed by <a href="http://cnpstudio.com/">cnp_studio</a>.
Version: 1.0
Author: Pete Schiebel

*/
/* Begin Typography & Colors */
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;position: relative;}
body {line-height: 1; text-align: center; background: #B7B7B7 url(images/bg-body.gif) repeat-x; overflow: auto; height: 100%;}
blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}
strong, th {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
small {font-size: .9em;}
img {display: block;}
img.wp-smiley {display: inline; vertical-align: middle;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #980009;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5 {padding-top: 18px; text-transform: uppercase; font-weight: bold;}
h1, h2.pagetitle {font-weight: bold; font-size: 32px; color: #707070;}
h1 a {color: #707070;}
h2, h3#comments, h3#respond {font-size: 18px;}
h3 {font-size: 14px;}
h4 {color: #707070; font-family: Arial, Helvetica, sans-serif;}
h4.post-date, h4.underline {padding-top: 4px; border-bottom: 1px solid #D9D9D9; padding-bottom: 3px;}
h4.post-date span {border-bottom: 1px solid #D9D9D9;}
h4.underline {padding-top: 35px;}
h4.cats, #brewstream h5 {text-align: right; padding-top: 4px;}
h5 {text-transform: uppercase;}
h4 span {float: right; padding-top: 3px;}
p {font-family: Arial, Helvetica, sans-serif; padding-top: 15px;}
table {border-collapse: collapse; border-spacing: 0; border-top: 1px solid gray; border-left: 1px solid gray;}
th,td {font-weight: normal; padding: 8px; border-right: 1px solid gray; border-bottom: 1px solid gray; line-height: 1.25em;}
th {padding-top: 10px; background: gray;}
tr.alt td {background: silver;}
textarea {width: 80%;}
blockquote {margin: 15px 15px 0 15px; background: #B4B4B4; color: white; border: 2px solid #707070;}
blockquote p {padding: 12px; background: #B4B4B4;}
ul, ol {margin: 15px 0 0 25px;}
form {width: 92%; margin-top: 20px; background: #C5C5C5; border: 1px solid #999; padding: 2% 4%;}
form p {padding-top: 8px;}
form label {font-size: 1.2em; color: black; padding-left: 8px;}
form#searchform label {display: none;}
form input {border: 1px solid gray; width: 40%; margin-top: 10px;}
form#searchform input {}
form#searchform input#searchsubmit {}
form input#submit {background: black; color: white; padding: 3px 5px; text-align: center; font: bold 12px Arial; width: auto; text-transform: uppercase;}
form textarea {width: 90%; height: 150px; border: 1px solid gray; margin-top: 10px;}
.standard-red {color: #980009;}

#page {margin: 0 auto; text-align: left; line-height: 1.5em; width: 982px; font: 12px Helvetica; color: black;}
#header {width: 100%; height: 229px; background: url(images/bg-header.gif) no-repeat;}
#header a.logo {position: absolute; display: block; width: 321px; height: 199px; top: 11px; left: 37px; z-index: 20; text-indent: -9999px;}
#header form div {float: right; width: 233px; height: 34px; background: black; margin-right: 46px; display: inline; padding: 9px 0 0 10px; filter: alpha(opacity=72); opacity: .72;}
#header form {margin: 0; width: auto; background: none; padding: 0;}
#header input {vertical-align: middle; margin: 0; display: inline;}
#header input {width: 153px; height: 23px; background: url(images/bg-header-input.gif) no-repeat; border: none; float: left;}
#header input.search {width: 78px; height: 23px; background: url(images/bg-header-search.gif) no-repeat; border: none; text-indent: -9999px; float: right; font-size: 1px;}
#header h2 {position: absolute; right: 30px; bottom: 14px; text-transform: uppercase; color: white; font: bold 20px Helvetica;}
#header h2 a {display: block; background: url(images/bg-header-subscribe.gif) no-repeat top right; padding: 3px 40px 0px 0; color: white;}
#twitter {height: 63px; width: 982px;}
#twitter p {padding: 8px 0 0 51px; font-size: 14px;}
#twitter a {color: black;}
#twitter span {color: #980009; font-size: 24px; font-weight: bold;}
#twitter span a {font-size: 14px; color: #636363; padding-right: 5px;}
#nav {width: 977px; background: white url(images/bg-nav.gif) repeat-x; padding: 14px 0 0 5px; overflow: auto;}
#nav ul {margin: 1px 0 0 0;}
#nav li {float: left; display: inline; margin-left: 25px; padding: 2px 3px 0 3px;}
#nav a {display: block; font-weight: bold; font-size: 20px; color: black; text-transform: uppercase; line-height: 32px; padding: 0px 8px 12px 8px;}
#nav a:hover {background: none; color: #980009; text-decoration: none;}
#nav li.selected {background: white;}
#nav li.selected a {color: #980009; text-decoration: none; background: white url(images/bg-nav-a.gif) repeat-x;}
#content {overflow: auto; background: white; padding: 11px 14px; width: 954px;}
.narrowcolumn {float: left;}
.main {width: 906px; background: #b4b4b4 url(images/bg-main.jpg) no-repeat; padding: 10px 35px 10px 13px;}
.home-main {width: 928px; padding-right: 13px;}
.welcome {background: url(images/bg-welcome.gif) repeat-y 500px 12px; overflow: auto; padding-top: 4px;}
.text {float: left; width: 608px; padding: 0 21px 20px 21px; background: #f1f1f1 url(images/bg-text.jpg) no-repeat;}
.home-main .text {float: none; width: 886px; padding: 12px 21px 20px 21px; background: white; opacity: .83; filter: alpha(opacity=83); margin-top: 325px;}
.home-main .text h1 {color: #980009; margin-top: -4px; padding-top: 0;}
.home-main .text p {font-size: 16px; line-height: 24px; padding-top: 8px;}
.the-welcome {float: left; width: 470px;}
.latest-updates {float: right; width: 358px; margin-top: -18px;}
.post {padding-top: 10px;}
.post p.postmetadata {}
.post ul {list-style: disc;}
.post li {padding-top: 6px;}
#comments {padding: 20px 0;}
.comment-list {padding-top: 15px;}
.comment-list div {width: 509px; clear: both; padding: 0px 15px 15px 84px; overflow: auto;}
.comment-list div img.avatar {float: left; margin: 7px 0 0 -75px; display: inline; border: 3px solid #A0A0A0;}
.comment-list p {padding-top: 12px; color: #464646;}
.comment-list p.posted-by {text-transform: uppercase; font-size: 10px; font-weight: bold; color: black;}
.byuser {background: #707070;}
.byuser p, .by-user p.posted-by {color: white;}
.comment-list div.byuser img.avatar {border: 3px solid #980009;}
.navigation {margin: 25px 12px 0 12px;}
#brewstream {background: white url(images/bg-brewstream.gif) no-repeat; padding: 29px 36px 15px 246px; margin-top: 28px;}
.photos {width: 680px; overflow: auto; float: right; margin-bottom: 6px;}
#brewstream img {border: 1px solid #8B8B8B; float: left; display: inline; margin-right: 8px; height: 58px; width: 58px;}
#brewstream h5 {clear: both;}
.photo-rss {background: url(images/photo-rss.gif) no-repeat 3px 2px; padding-left: 18px; float: right;}
.alignright {float: right; margin: 10px 0 10px 10px; display: inline;}
.alignleft {float: left; margin: 10px 10px 10px 0; display: inline;}
.latest-updates {margin-left: 35px;}
#sidebar {float: right; width: 223px; padding-top: 250px;}
#sidebar h2, .latest-updates h2 {color: #707070;}
#sidebar ul, .latest-updates ul {margin: 0;}
.latest-updates ul {margin-top: 4px;}
#sidebar li, .latest-updates li {padding-top: 8px; text-transform: uppercase; font-weight: bold;}
.latest-updates li {color: #ACACAC;}
.home-main .latest-updates p {text-align: right; font-weight: bold; text-transform: uppercase; font-size: 12px;}
#footer {background: black; height: 80px; width: 950px; padding: 29px 16px 0 16px;}
#footer p {text-transform: uppercase; color: white; font-weight: bold; padding-top: 0;}
.clr {clear: both; height: 0px; overflow: hidden;}