/*  
Theme Name: BrewingKB
Description: A WordPress theme.
Version: 1.0
Author: Nav
Author URI: http://www.candidinfo.com/

*/



/* Begin Typography & Colors */
* { margin: 0px; padding: 0px; }



body {
	background:url(./images/bodybg.gif); 
	font: 68.5%/1.5 Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	color: #333;
}

div#wrapper {
	margin:auto;
	max-width:970px;
	min-width: 780px;
	width:expression(document.body.clientWidth < 780? "780px" : document.body.clientWidth > 970? "970px" : "auto");
}

div#wrapper-header,
div#wrapper-footer {
	margin: auto;
	max-width:964px;
	min-width: 774px;
	width:expression(document.body.clientWidth < 774? "774px" : document.body.clientWidth > 964? "964px" : "auto");
}

div#wrapper-header {
	background:url(./images/wrapper-headbg.gif) repeat-x bottom;
	height:4px;
	margin-top: 20px; 
}

div#wrapper-footer {
	background:url(./images/wrapper-footbg.gif) repeat-x;
	height:4px;
}

div#inside { 
	background:#FFF url(./images/maincontentbg.gif) repeat-y left;
	padding: 3px 0px 0px 4px;
	margin-right:4px;
	text-align: left;
}
div#header { height: 134px; }
div#wrapper { background: url(./images/wrapper-bg.gif) repeat-y right; }
div#maincontent,div#status { margin-left: 250px; margin-right: 20px; }
div#footer { clear: both; }

/**************************
	1.0  LISTS OF ALL TYPES
**************************/
div#nav ul li,div#subnav ul li,ul.breadcrumbs li, div.insep li, div#pagemenu li, ul.bblinks li
{ list-style-type: none; display: inline;padding-right:15px;}
div#shownewposts li{ list-style-type: none; }
dl#onlinelist { clear:right; }
dl#onlinelist dd, dl#onlinetodaylist dd { display:inline; }

/**************************
	2.0 HEADERS and FONT STYLES
**************************/
div.brewer h1 { font: 2.19em Tahoma,Arial; }
div.brewer h2 { font: bold 1.38em Arial, Helvetica, sans-serif; }
div.brewer h3 { font: bold italic 1.2em Arial, Helvetica, sans-serif; }
div.brewer h3 a { text-decoration:none; font-weight:bold; }
div.posthead h3 { font: bold 2.26em Arial, Helvetica, sans-serif; }
div.posthead h3 a { text-decoration: none; }
div#featureddiscussions h3, div#otherarticles h3 
{ font: 1.6em Tahoma,Arial; }

div#featuredterm h2 { font: 1.3em Tahoma,Arial; }
div#sidenav h2, h2.forumindex { font: bold 1.3em "Arial Narrow",Arial; }
table.forumindex td.tcl h3 { font-weight: bold; font-size: 1.08em; font-style: normal; }
div#featurearticle h2 { font: 2.08em Tahoma,Arial; }
div.incqbox h4 { font-weight: bold; font-size: 1.0em; }
div.image_thumbnails fieldset legend { font: 0.9em Arial; padding: 0px 5px; }
div#sidenav li a {
	
	font-size: 1.1em;
}

p.postlink { font-weight: bold; }
div.posthead p { color: #A58853; font-family: Arial, Helvetica, sans-serif; }

/**************************
	3.0 Backgrounds
**************************/
div#header { background: #FFF ;}
div#sidenav h2, h2.forumindex, div#vf_top, div.date, div#pagemenu, div#newposts, 
div.article_utilities, div#aboutauthor, div#comments h3, p.bottompaging
{ background: #FDF5CE url(./images/postheadbg.jpg) repeat-x top; }
div.txtarea textarea,form.regular textarea { background: #FEF9E2; }



div#nav { background-color: #780103; }
div#subnav,div#brdstats { background-color: #E9E9E9; }
div#footer { background-color: #780103; }

/* 3.1 Table Backgrounds */
table.forumindex th, table.forumvf th, table.messages th, table.userlist th
{ background-color: #E9E9E9; }

div.icon { background: url(./images/nonew.gif) no-repeat left top; }
div.inew { background: url(./images/new.gif) no-repeat left top; }


/* 3.2 Inline backgrounds */
p.comments { background: url(./images/comments.png) no-repeat left center; }
p.postlink { background: url(./images/add.gif) no-repeat left center; }
div.articlecomment { background: url(./images/comments.png) no-repeat left 5px; }
div#endarticle { background: url(./images/tu.gif) no-repeat left center; }

/* 3.3 Quote backgrounds */
div.viewtopic blockquote { background: url(./images/closequote.jpg) bottom right no-repeat; }
div.incqbox { background: url(./images/openquote.jpg) top left no-repeat; }



/**************************
	4.0 BORDERS
**************************/
div#sidenav h2, h2.forumindex, div#vf_top, div.date, div#newposts, 
div.article_utilities, div#aboutauthor, div#pagemenu, p.bottompaging
{ border: 1px solid #FCEEAD; }

div.brewer h2.listhead,div.postreview { border-bottom: 1px solid #333; }
div.brewer fieldset, textarea#req_message, form.regular textarea { border: 1px solid #DEC7A0; }
div.image_thumbnails fieldset { border: none; border-top: 1px solid #C18A41; }
div.insep { border-top: 1px solid #333 }

table.forumindex, table.forumvf, table.messages, table.userlist
{ border-left: 1px solid #E9E9E9; }

table.forumindex th, table.forumindex td, 
table.forumvf th, table.forumvf td,
table.messages th, table.messages td,
table.userlist th, table.userlist td
{ border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; }

div.sig hr, div.postsignature hr { width: 200px; height: 1px; background: #333; border: none; }

/* Form input borders */
input#sbi, form.regular input { border: 1px inset #666; }
form.regular input.regsubmit { border: 1px outset #666; }


/**************************
	5.0 Various Spacings
**************************/
/* imported in first lines above *

/**************************
	TABLES
**************************/
table.forumindex,table.forumvf,table.messages,table.userlist
{ 
	table-layout: fixed;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}
table.forumindex .tcl, table.forumvf .tcl, table.messages .tcl, table.userlist .tcl
{ width: 50%; }

table.forumindex .tc2, table.forumindex .tc3, 
table.forumvf .tc2, table.forumvf .tc3,
table.messages .tc2, table.messages .tccheck, 
table.userlist .tc2, table.userlist .tc3
{ width: 10%; text-align: center; }


/**************************
	FORMS
**************************/

textarea#req_message { width: 99%; height: 250px }
form.post label,form.regular label { display: block; }
form.regular input, form.regular textarea { font:Arial, Helvetica, sans-serif; }
input#sbi { width: 180px; margin-bottom: 10px;}
input#sbb { margin-top: 10px; }
textarea { font: 1em Arial; }


/**************************
	Links
**************************/
div.brewer a { color: #780103; }
div.brewer a:hover { color: #A70105; }
div#nav a, div#footer a { color: #FFF; text-decoration: none;}
div#nav a:hover, div#footer a:hover {  color: #F0E68C; }

/**************************
	Special Text Settings
**************************/
ul.breadcrumbs,div#status p,p.attr { font-size: 0.9em; }
div#maincontent { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
form.post legend, form.regular legend { font-weight: bold; font-size: 1.15em; }
li.isactive a { color:#333; font-weight: bold; text-decoration:none; }

/**************************
	Floats, Clears, and Alignments
**************************/
.conr, .postlink, div#featuredterm { float: right; }
.conl, img.avatar { float: left; }
.contr, div.insep ul, div#nav ul, div#subnav ul { text-align: right; }
div.date { clear: right; }


/**************************
	Specialty Items
**************************/
div#featuredterm { 
	width: 250px;
	padding: 5px 10px;
	background: #EEE;
	margin: 0px 0px 15px 25px;
}
div#aboutauthor {
	float: right;
	width: 40%;
}

div.whoposted { float: left; width: 135px; }

div#welcome {
	background: #EEE;
	border: 3px double #CCC;
	padding: 3px 5px;
	margin-bottom:15px;
}

/*
* The following min-height fix comes from http://mezzoblue.com/archives/2004/09/16/minheight_fi/
* yeah, its ugly, but it works
*/

/* for Mozilla/Safari/Opera */
.postreview {
 padding-top: 2em;
 min-height: 2em;
}
.postreview {
 margin-top: -2em;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .postreview {
 height: 3.4em;
}
/* end filter */
div.message { margin-left: 155px; }

	.instant_message { padding: 5px; font-size: 12px; font-family: Arial; visibility: hidden; position: absolute; width: 240px; border: outset 2px #FFFFFF; background: #D4D0C8; z-index: 25000; text-align:left; margin-left:5px; padding:3px 5px; }


	.instant_message a { width: 240px; font-weight: bold;  color: black; text-decoration: none; cursor: default}
	.instant_message a:hover {color: #ffffff; background: #0A246A} 	
	.instant_message .hr { width: 100%; font-size: 1px; height: 1px; line-height: 1px; background: #808080; border-bottom: solid 1px #ffffff; margin: 2px}
	A.thesaurus { color: black; text-decoration:none; border-bottom:2px double #780103; cursor: pointer; }
div#footer {
text-align: center;
height: 4em;
color: #FFF;
padding: 1em;
}

div.recipeSample {
   width: 200px;
   margin-right: 20px;
   border: 1px solid #CCC;
   background: #EEE;
   padding: 5px 10px;
}

div.showcase { 
	border-bottom: 2px dashed #CCC;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-top: 15px;
}

div.showcase h2 {
	margin: 0px;
	padding: 10px 0px;
	font-size: 22px;
}
div.showcase_logo {
	float:right;
	width: 130px;
	margin-left: 20px;
	margin-bottom:10px;
}

/* Spacing for navigation elements */
div#sidenav li { margin-left:14px;}
div#sidenav ul li ul {padding-left: 15px; }
div#sidenav ul li ul li{ margin-bottom: 10px; padding-left: 15px; width:195px;}
div#nav ul,div#subnav ul, div#pagemenu { padding: 3px 10px; }
div#nav li, div#pagemenu li{ margin-right: 0px; }
div#brdstats dl { margin: 20px 0px; }
ul.breadcrumbs { margin-bottom: 15px; }
div#shownewposts li { margin: 15px 0px; }

/* Article Previews and Discussion Previews */
div#featurearticle,div#featureauthor,div#featuretopic { margin-bottom: 30px; }
p.attr, div#featureddiscussions p { margin-bottom: 15px; margin-top: 5px }
p.comments, div#featureddiscussions h3,div.postreview { margin-top: 15px; }
div#featuredterm,div#comments h3,div#aboutauthor { margin-top: 30px; }
p.comments { padding-left: 25px; }
div.postreview { padding-bottom: 15px; }
div#endarticle { padding-left: 90px; }
	
/* Header spacing */
div#sidenav h2, h2.forumindex, p.bottompaging, div#newposts { padding: 3px 10px;  }
div#featuredterm h2, div#comments h3, p.bottompaging { margin-bottom: 10px; }
h2.listhead,div#pagemenu { margin-bottom: 20px; }

/* Special Notices */
div#status, div#brdstats { margin-bottom: 30px; }
div#newposts { margin-bottom: 20px; }
div#brdstats { padding: 5px 10px; }
p.postlink { margin-left: 15px; padding-left: 20px; margin-bottom: 0px; }

/* Table spacing */
table.forumindex,table.userlist { margin-bottom: 30px; }
table.forumvf { margin-bottom: 10px; }
table.forumindex td.tcl, table.forumindex td.tcr, 
table.forumvf td.tcl, table.forumvf td.tcr,
table.messages td.tcl, table.messages td.tcr,
table.userlist td.tcl, table.userlist td.tcr
{ padding: 10px; }

table.forumindex th.tcl, table.forumindex th.tcr, 
table.forumvf th.tcl, table.forumvf th.tcr,
table.messages th.tcl, table.forumvf th.tcr, 
table.userlist th.tcl, table.userlist th.tcr
{ padding: 3px 10px; }
div.icon { margin-left: 5px; padding-left: 20px; }

table.messages { margin-top: 20px; }

/* Viewforum and Viewtopic non-table spacings */
div#vf_top { margin-top: 10px; padding: 5px; }
div.date { padding: 3px 10px; }

div.viewtopic p, div.viewmessage { margin: 0px 10px; }
div.viewtopic p.postlink { margin-bottom: 10px; }
div.viewtopic ul.postlist, div.viewtopic ol.postlist { margin: 0px 35px 15px 35px; }

div.sig,div.image_thumbnails,div.postsignature { margin: 20px 10px 5px 10px; }
div.insep { margin-top: 10px; margin-bottom: 30px; padding: 3px 10px; }
div.insep li { margin-left: 5px; }

div.posthead { margin: 5px 10px; height: 60px; }
div.posthead p { margin: 0px; }
div.date p { margin: 0px; }

img.avatar { margin-right: 15px; margin-bottom: 10px; }

div.viewtopic blockquote { margin: 15px 7%; }
div.incqbox { padding: 10px 35px; }

div.addcomment { padding-bottom: 30px; }

/* Spacing on the Article Page and Regular Content Pages */
div.regular { margin: 0px 15px; }
div.regular h2 { margin: 20px 0px 5px 0px; }
div.regular p { padding: 5px 0px; }
div.article_utilities { margin: 0px -15px 10px -15px; }
div.article_utilities .article_attr { margin-top: -2.3em; line-height: 2em; }
div.article_utilities p { margin: 0px }
div.regular ul, div.regular ol { margin: 10px 20px; }
div.regular li { margin: 5px 0px; }
div.revshare { margin-right: 10px; margin-bottom: 10px; }
div#aboutauthor { margin-left: 20px; margin-bottom: 10px; }
div#aboutauthor, div.article_utilities, div#comments h3 { padding: 3px 10px; }
div.articlecomment { padding-left: 20px; }
p.comments { margin-bottom: 30px; }

/* Spacing for forms */
div.brewer fieldset { padding: 20px; }
div.brewer legend {  padding: 0px 5px; }
form.post,input.longinput, form.post fieldset { margin-bottom: 20px; }
form.userlist { margin-bottom: 40px; }

form.regular fieldset { margin: 10px 0px; }
form.regular p, form.regular label { padding: 5px 0px; }
form.regular textarea { width: 90%; height: 100px; }
form.regular input { padding: 2px; }
form.regular label { margin: 5px 0px; line-height: 1.5em; }



#sidenav ul li ul li{font-weight:bold;background: url(./images/bullet-sidenav.png) no-repeat 0 7px }
#sidenav ul li ul{padding-left:10px;}
div#sidenav ul li {list-style-type: none;}
div#content p{font-family:Arial;margin:15px 0px;font-size:1.1em}

#middle .post{
	margin-left: 250px;
	margin-right: 20px;
}
.post h3 {
	font: 1.6em Tahoma,Arial;
}
.post h3 a, .post h3 a:link,.post h3 a:visited,.post h3 a:hover{
	font: 1.6em Tahoma,Arial;
	color:#000;
}
div.meta { border-bottom: 1px solid #CCCCCC; }
div.meta a { text-decoration:none; }

div#sidenav { width: 224px; float: left; }
div#sidenav li { list-style-type: none;margin-bottom:16px; }
div#sidenav h2, h2.forumindex { font: bold 1.3em "Arial Narrow",Arial; }
div#sidenav li a {
	font-weight: bold;
	font-size: 1.1em;
	margin-left:16px;
}
div#sidenav h2, h2.forumindex, div#vf_top, div.date, div#pagemenu, div#newposts, 
div#sidenav h2, h2.forumindex, div#vf_top, div.date, div#pagemenu, div#newposts, 
div.article_utilities, div#aboutauthor, div#comments h3, p.bottompaging
{ background: #FDF5CE url(/images/postheadbg.jpg) repeat-x top; }
div#sidenav li { background: url(/images/bullet-sidenav.png) no-repeat left 0.5em; }

div#sidenav h2, h2.forumindex, div#vf_top, div.date, div#newposts, 
div.article_utilities, div#aboutauthor, div#pagemenu, p.bottompaging
{ border: 1px solid #FCEEAD; }
div.describe {margin-left:16px;margin-right:8px;margin-bottom:10px;}