@charset "utf-8";
/* CSS Document */

/* hover colors

header, nav buttons: #ffffef
links: #C4048C

*/

/* browser reset */
* {
	margin:0;
	padding:0;
}

/***************************************************************************/
/* Site Styles */
/***************************************************************************/

body { 
	background: #d8d8f0;
	border:1px solid #441B10;
	color: #000000;
	width:1024px;
	margin:20px auto 20px auto; 
	font-family:Arial, Helvetica, sans-serif;
	xfont-size: 0.8em;
	font-size:12px;
} 

/* container with no margins */
/* Width minus 2x sidebar width */
#container {
	background-color:#fff5ff;
	width:574px;
	border-left:225px solid #EDD5EC; 
	border-right:225px solid #ffffef;
	border-bottom:1px solid #441B10;	
}

#forum_container {
	background-color:#ffffff;
	width:799px;
	border-left:225px solid #EDD5EC; 
	border-bottom:1px solid #441B10;	
}

#body_container {
	border-left:1px solid #441B10;
	border-right:1px solid #441B10;
	height:100%;
}

/* formatting for article text */
.body_text {
	background:#fff5ff;
	padding:10px 20px 10px 20px;
	line-height:125%;
	text-align:justify;
}

.sidebar {
	color:#425273;
	width:225px; 
	xheight:100%; /* works only if parent container is assigned a height value */ 
/*	border:1px solid #333; */
}

#left { 
	background-color:#EDD5EC;
	float:left;
	margin-left:-225px;
	position:relative;
}

#right { 
	background-color:#ffffef;
	float:right;
	margin-right:-225px;
	position:relative;
}

#footer {
	background-color:#fff5ff;
	border-top:1px solid #441B10;
	width:100%;
	line-height:40px;
	text-align:center;
	font-size:10px;
	xfont-size:0.7em;
	margin-top:-1px;
}

a:link, a:visited, a:active
{
	color:#283FAA;
	font-weight: normal; 
	text-decoration:none;
}

a:hover
{
	color:#C4048C;
	font-weight: normal; 
	text-decoration:none;
}

#header { 
	height:100px; 
	background-color:#814391;
	background:url(/images/veggies_blue.jpg) no-repeat;
}

#header_container {
	padding:15px;
}

#title {
	color:#fff5ff;
	text-decoration:none;
	letter-spacing:-1px;
}

#title:link, #title:visited, #title:active {
	color:#fff5ff; 
	text-decoration:none;
}

#title:hover {
	color:#ffffef;
	text-decoration:none;
}

#header#subtitle {
	position:relative; 
}

#subtitle {
	font-size:13px;	
/*	color:#ceb6d6; */
	color:#fff5ff;
	padding-top:3px;
}

#navbar_buttons ul {
	background-color:#fff5ff;
	height:33px;
	padding:1px 0px 0px 0px;
	margin:0;
}

#navbar_buttons ul li {
	display:inline;
	list-style:none;
	float:left;
	margin:0;
}

/* Button width: 848 pixels divided by number of buttons (approx), adjust left padding for bar as needed*/
#navbar_buttons li a {
	text-align:center;
	color:#283FAA;
	background-color:#edd5ec;
	border:2px outset #cccccc;
	padding:6px 8px 2px 8px;
	display:block;
	width:107px;
	height:20px;
	margin: 0px 1px 0px 0px;
}

#navbar_buttons li a:hover {
	color:#283faa;
	background-color:#ffffef;
}

#navbar_buttons li a:active {
	color:#283faa;
	border:2px inset #cccccc;
	background-color:#ffffef;
}

.sidebar_text
{
	font-size:10pt;
	text-align:left;
	line-height:125%;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
}

.sidebar_text a:link, a:visited, a:active
{
	color:#283FAA;
	text-decoration:none;
}

.sidebar_text a:hover
{
	color:#C4048C;
	text-decoration:none;
}

.sidebar_text_indented
{
	padding-left:20px;
}

.sidebar_section_header
{
	background-color:#814391;
	height:20px;
	width:96%;
/*	color:#ffffc0; */
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:2px 0px 2px 8px;
	margin:0px 0px 3px 0px;
}

.sidebar_section_header a:hover {
	color:#ffffff;
}

.sidebar_subhead
{
	color:#5C1B71;
	font-weight:600;
	margin:0px;
	padding:0px 0px 0px 4px;
}

p {
	margin:0 0 1.0em 0;
	line-height:125%;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
	color:#814391;
	line-height:125%;
}

h1 {
	font-size:24pt;
}

h2 {
	font-size:20pt;
}

h3 {
	font-size:16pt;
}

h4 {
	font-size:14pt;
}

h5 {
	font-size:12pt;
}

h6 {
	font-size:10pt;
}

h1, h2, h3 {
	margin-bottom:12pt;
	line-height:normal;
}

h1, h2 {
	text-align:center;
}

h3, h4, h5, h6 {
	margin-bottom:8pt;
}

blockquote {
	background:url(/images/unquote_color.gif) no-repeat bottom right;
	width:400px;
	margin: 0 auto 12px auto;
	padding-left:25px;
	padding-right:25px;
	text-indent:-25px;
	line-height:125%;
	text-align:justify;	/* bug in Google Chrome with justification */
}

blockquote:first-letter {
	background:url(/images/quote_color.gif) no-repeat top left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:25px;
}

/*
blockquote {
	border:2px solid #000;
	width:400px;
	margin:0px auto;
	padding:10px;
	background-color:#EEF5FA;
	quotes:"\201C" "\201D";
}

blockquote:before { 
	content:open-quote;
	margin-top:20px;
	height:0px;
}

blockquote:after { 
	content:close-quote;
	height:0px;
	margin:-30px 0px 0px 375px;
}

blockquote:before, blockquote:after {
	color:#85B8E3;
	display:block;
	font-size:5em;
	width:50px;
}

blockquote p {
	padding-top:20px;
	padding-bottom:15px;
	margin-top:-40px;
	margin-left:30px;
	margin-right:30px;
}
*/

ul, ol {
	margin-bottom:12px;
	padding-bottom:0;
	line-height:125%;
	text-align:left;
}

ul li {
	margin-bottom:12px;
	padding-bottom:0;
	margin-left:30px;
}

ol li {
	margin-bottom:12px;
	padding-bottom:0;
	margin-left:35px;
}

table
{
	empty-cells:show;
}

td, th
{
	padding:3px 6px 2px 3px;
	margin:0px;
	line-height:125%;
}

input, textarea, button
{
	color:#000000;
	font-size:small;
}

select
{
	font-weight:normal;
	color:#000000;
	font-size:small;
}

hr, .hrcolor
{
	height:1px;
	border:0;
	color:#666666;
	background-color:#666666;
}

/* newsletter style */
.header_news {
	font-size:16px;
	color:#330099;
	font-weight:bold;
}

div.thankyou {
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	background-color:#FFFFFF; 
	padding:8px; 
	border:2px #ceb6d6 solid; 
	text-align:left;
}

div.news {
	float:right;
	background-color:#FFFFFF; 
	padding:10px; 
	border:2px #ceb6d6 solid; 
	text-align:left;
	margin-left:10px;
	margin-bottom:3px;
}

td.outline {
	border:2px #ceb6d6 solid; 
	background-color:#fff; 
	padding:10px;
}

/**********************************************************************************/
/*     Normal Eating Book Styles                                                  */
/**********************************************************************************/

p.BookTitle {
	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:0.15in;
	line-height:100%;
	text-align:center;
	font-size:32.0pt;
	font-family:"Nueva Std Cond","sans-serif";
	color:#814391;
	font-weight:900;
}

p.BookSubtitle {
	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:.08in;
	line-height:100%;
	text-align:center;
	font-size:22.0pt;
	font-family:"Nueva Std Cond","sans-serif";
	color:#814391;
}

p.BookAuthor {
	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:.08in;
	line-height:100%;
	text-align:center;
	font-size:24.0pt;
	font-family:"Nueva Std Cond","sans-serif";
	letter-spacing:.75pt;
	color:#814391;
}

p.BookDedication {
	margin-top:0in;
	margin-right:1.5in;
	margin-left:1.0in;
	margin-bottom:0.15in;
	line-height:115%;
	font-size:12.0pt;
	font-family:"Perpetua","serif";
	text-align:justify;
}

p.RunningHead {
	margin:0in;
	line-height:100%;
	text-align:center;
	font-size:10.0pt;
	font-family:"Lithos Pro Regular";
	color:#814391;
	font-weight:600;
}

p.ChapterHeading {
	margin:0in;
	margin-bottom:0.12in;
	line-height:100%;
	text-align:center;
	font-size:24.0pt;
	font-family:"Lithos Pro Regular";
	color:#814391;
	font-weight:600;
}

p.Heading1 {
	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:0.12in;
	line-height:100%;
	text-align:center;
	font-size:18.0pt;
	font-family:"Lithos Pro Regular";
	color:#814391;
	font-weight:600;
}

p.Heading2 {
	margin:0in;
	margin-top:0.15in;
	margin-bottom:0.0in;
	line-height:100%;
	font-size:14.0pt;
	font-family:"Lithos Pro Regular";
	padding:0 .15in 0 .15in;
	color:#814391;
	font-weight:600;
}

.BookText {
	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:0.15in;
	line-height:115%;
	font-size:12.0pt;
	font-family:"Perpetua","serif";
	text-align:justify;
	padding:0 .15in 0 .15in;
}

p.QuotedText {
	margin-top:0in;
	margin-right:0in;
	margin-left:27.0pt;
	margin-bottom:0.15in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Perpetua","serif";
	padding:0 .15in 0 .15in;
}

.ListText {
	margin-top:0in;
	margin-right:0in;
	margin-left:0.25in;
	margin-bottom:0.08in;
	padding-bottom:0;
	line-height:115%;
	font-size:12.0pt;
	font-family:"Perpetua","serif";
}


/***************************************************************************/
/* Forum Styles */
/***************************************************************************/

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color:#000000;
	text-decoration:none;
}

a.nav:hover
{
	font-weight:bold;
	color:#cc3333;
	text-decoration:none;
}

/* A quote, perhaps from another post. */
.quote
{
	color:#000000;
	background-color:#C3B8D0;
	border:1px solid #000000;
	margin:1px;
	padding:1px;
	line-height:1.4em;
	font-size:x-small; 
}

/* Nested quote */
.quote .quote
{
   background-color:#E5E0EC;
}

/* A code block - maybe even PHP ;). */
.code
{
	color:#000000;
	background-color:#cccccc;
	font-family:"courier new", monospace;
	font-size:small; 
	line-height:1.3em;
	/* Put a nice border around it. */
	border:1px solid #000000;
	margin:1px auto 1px auto;
	padding:1px;
	width:99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space:nowrap;
	overflow:auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height:24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color:#000000;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	font-size:x-small; 
	line-height:1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor:help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color:red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width:96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color:yellow;
	font-weight:bold;
	color:black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color:#000000;
	background-color:#F6EAF6;
}

.windowbg2
{
	color:#000000;
	background-color:#FFF5FF;
}

.fader {
	color:#000000;
	background-color:#ffffff;
}	

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	color:white;
	font-weight:bold;
	font-style:normal;
	background-color:#814391;	
}

.titlebg a:hover
{
	color:#dfdfdf;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
	background-image:url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background-image:url(images/catbg2.jpg);
}

.catbg, .catbg2
{
	font-weight:bold;
	background-color:silver;
	color:#000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color:#828181;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border:1px solid #828181;
	background-color:#FFFFFF;
	padding:2px;
}

/* Default font sizes:small (x-small, 8pt), normal (small, 10pt), and large (large, 14pt). */
.smalltext
{
	font-size:x-small;
}

.normaltext
{
	font-size:small;
}

.largetext
{
	font-size:large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color:white;
	border-bottom:1px solid gray;
}

/* This is the main area of the forum, the part that's originally gray. */
#bodyarea
{
	background-color:#F6EAF6;
}

/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color:black;
	background-color:white;
	border-top:1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color:#814391;
	border:1px solid #814391;
	height:12px;
}

.headerbodies
{
	border:1px solid #7A7777;
	background-color:#EFEFEF;
	background-repeat:repeat-x;
	background-position:bottom;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width:100%;
	overflow:auto;
	line-height:1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width:100%;
	overflow:auto;
	padding-bottom:3px;
	line-height:1.3em;
}

