/*  
Theme Name: Brewlore
*/

/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img, a{border:none; text-decoration:none;}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%;}

body{background:url(images/bg_top.jpg) top no-repeat #140000; color: #485056; font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif; font-size: 11px; margin:0 auto -80px; text-align:left;}

#top-wrap{width:100%; float:left; padding-top:60px;}
#bottom-wrap{width:100%; background:url(images/bg_bottom.jpg) bottom no-repeat; background-color:none; padding-bottom:130px; float:left;}

#page-wrap{width:920px; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; padding-left:10px; padding-right:10px; text-align:left;}
#page-wrap-bottom{height:1324px; width:920px; margin:0 auto; position:relative; background:url(images/bg_home_content_bottom.jpg) bottom no-repeat #140000;}

#hometop{width:920px; height:586px; position:relative; display: block; background:url(images/bg_home_top.jpg) top no-repeat; float:left;}
#singletop{width:920px; height:250px; position:relative; display: block; background:url(images/bg_single_top.jpg) top no-repeat; float:left;}
#singlecontent{width:920px; position:relative; display: block; background:url(images/bg_single_content_top.jpg) top no-repeat; float:left; color:#210000;}
#singleback{width:920px; position:relative; display: block; background:url(images/bg_singleback.jpg) center repeat-y; float:left;}
#singlecontent_slidingdoor{width:920px; position:relative; display: block; background:url(images/bg_single_content_bottom.jpg) bottom no-repeat; float:left;}
#singlecontent h1 {font-weight:normal; font-size:24px; letter-spacing:.02em; padding-bottom:20px; border-bottom:1px dotted #210000; color:#210000; margin-bottom:20px;}
#singlecontent .post h3 {font-weight:normal; font-size:30px; letter-spacing:.02em; padding-bottom:5px; color:#210000;}
#singlecontent ul.postMeta-post {border-top:4px solid #bd1111; border-bottom:1px solid #a6a19b; margin-bottom:20px; display:block; height:30px;}
#singlecontent ul.postMeta-post li{display:inline; float:left; padding-left:10px; padding-right:10px; line-height:30px; border-left:1px solid #a6a19b; }
#singlecontent ul.postMeta-post li a{color:#bd1111; font-weight:bold;}
#singlecontent .post p{font-size:12px; letter-spacing:.02em; line-height:2em; padding-bottom:20px; color:#210000;}
#singlecontent .post h2{font-size:16px; letter-spacing:.01em; line-height:2em; margin-bottom:10px; padding-bottom:10px; color:#210000; border-bottom:1px solid #a6a19b;}
#singlecontent .post{width:760px; overflow:hidden; padding:50px 70px 70px 70px; margin:0 auto; }
#homefeature{width:530px; height:200px; position:relative; top:260px; margin-left:70px; overflow:hidden; float:left;}
#homefeature h1{font-weight:normal; font-size:30px; letter-spacing:.02em; padding-bottom:20px; border-bottom:1px dotted #210000; color:#210000;}
#homefeature h1 a{color:#210000;}
#homefeature p{font-size:12px; letter-spacing:.02em; line-height:2em; padding-top:20px; color:#210000;}
#homefeature p.continue, #homefeature p.continue a{font-weight:bold; text-transform:uppercase; color:#bd1111; font-size:12px; letter-spacing:.02em; padding-top:20px; text-decoration:none;}

#bottomfeature{width:450px; height:230px; position:relative; overflow:hidden; float:left; top:80px;}
#bottomfeature h1{font-weight:normal; font-size:30px; letter-spacing:.02em; padding-bottom:20px; border-bottom:1px dotted #210000; color:#210000;}
#bottomfeature h1 a{color:#210000;}
#bottomfeature p{font-size:12px; letter-spacing:.02em; line-height:2em; padding-top:20px; color:#210000;}
#bottomfeature p.continue, #bottomfeature p.continue a{font-weight:bold; text-transform:uppercase; color:#bd1111; font-size:12px; letter-spacing:.02em; padding-top:20px; text-decoration:none;}

ul#menu{height:50px; width:920px; margin-left:70px; position:relative; top:315px; float:left;}
ul#menu li{display:inline; float:left; height:50px; padding-right:30px;}
ul#menu li a h1{color:#fff; font-size:24px; font-weight:normal;}
ul#menu li a span.smalloffwhite{color:#cfbcbe; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#sixpost {height:854px; width:850px; padding-left:70px; float:left; position:relative; no-repeat #140000;}
#apost{width:220px; height:380px; float:left; margin-right:50px; margin-top:50px; overflow:hidden;}
#apost h2 { font-size:16px; color:#ffc700; padding-bottom:20px; border-bottom:1px dotted #fff;}
#apost h2 a {color:#ffc700;}
#apost #postimage{ width:216px; height:126px; border:2px solid #64494a; overflow:hidden; margin-top:20px;}
#apost #postexcerpt{ font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif; font-size: 11px; color:#d2cfc9; margin-top:20px; line-height:2em;}

#bottompost{text-align:left; position:relative; top:100px; left:-50px;}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/

.comment_content{background-color:#a6a19b; width:759px; padding:70px; position:relative; float:left; left:1px; margin:0 10px;  font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif; font-size: 11px; color:#210000; line-height:2em;}

.comment_content p.notice{padding:10px; margin-bottom:20px; background-color:#000000; color:#FFFFFF;}

.comment_content h2{font-size:16px; letter-spacing:.01em; line-height:2em; margin-bottom:10px; padding-bottom:10px; color:#210000; border-bottom:1px solid #a6a19b;}

.comment-heading{margin-bottom:16px; text-transform:none}

.commentwrap{border-bottom:1px solid #210000; padding-bottom:15px; padding-top:15px}

 .commentpost{float:right; width:580px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:150px; color:#210000; line-height:1.5em; padding-right:20px; font-size:1.1em}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#210000; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #210000; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px; padding-left:10px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #210000; margin:10px 0px 10px 0px; padding:0px}

#comments .textarea{margin-top:10px; padding:6px 7px 5px 7px; width:744px; border:1px solid #210000}

.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}

/*
-----------------------------------------
Menu Single
----------------------------------------- 
*/

ul#menu_single{height:50px; margin-right:50px; position:relative; top:125px; float:right;}
ul#menu_single li{display:inline; float:right; height:50px; padding-right:30px;}
ul#menu_single li a {color:#fff; font-size:14px; font-weight:normal;}
ul#menu_single li a:hover {color:#ffc700; font-size:14px; font-weight:normal;}

/*Topbar*/

#topbar {width:100%; height:30px; background-color:#111; color:#ffd800; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; border-bottom:1px solid #333; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index:200; position:absolute; top:0; left:0; }
#topbar:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#topbar a{ color:#ffd800; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; text-decoration:none; height:30px;}
#topbar-ninesix {width:960px; margin:0 auto 0 auto;}

#topbar-ninesix ul#left {float:left; display:block; width:450px; height:30px; text-align:left; margin:0; padding:0; }
#topbar-ninesix ul#left li  {float:left; display:inline; margin-right:30px;}
#topbar-ninesix ul#right  {float:right; display:block; width:450px; height:30px; text-align:right; margin:0; padding:0;}
#topbar-ninesix ul#right li  {float:right; display:inline; margin-left:30px;}
#topbar .label {color:#999999;}
#topbar .active {color:#eeeeee; font-weight:bold;}