@import url(imports/corners.css);
@import url(imports/modernbb.css);
@import url(imports/spacing.css);
* { margin: 0px; padding: 0px; }

/**************************
	SETUP PAGE STRUCTURE AND DEFAULTS
**************************/

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 {
	/* Its ugly, but it works */
	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#sidenav { width: 224px; float: left; }
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; }
div#shownewposts li, div#sidenav 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.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-weight: bold;
	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#sidenav li { background: url(../images/bullet-sidenav.png) no-repeat left 0.5em; }
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;
}


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 {
	/* Its ugly, but it works */
	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#sidenav { width: 224px; float: left; }
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; }
div#shownewposts li, div#sidenav 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.posthead h3 { font: bold 2.26em Arial, Helvetica, sans-serif; }
div.posthead h3 a { text-decoration: none; }
div#featureddiscussions h3, div#otherarticles h3, div#blogposts 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-weight: bold;
	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#sidenav li { background: url(../images/bullet-sidenav.png) no-repeat left 0.5em; }
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;
}
div#blogposts {
float:right;
width:320px;;
}
div#featureddiscussions {
margin-right:350px;
}
div.blogpost { margin-bottom:15px; }