/* The main body of the entire forum. */


/* The main body of the entire forum. */
body, html 
{
	background-color: #374985;
	background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgbookshelf3.gif);
	background-repeat: repeat;	
	margin: 0px;
	padding: 0px;
	color: #374985;
	font-size: medium;
	font-family: arial, helvetica, serif;
	scrollbar-face-color: #C1C6B2;
	scrollbar-highlight-color: #EDE3DE;
	scrollbar-shadow-color: #7A2523;
	scrollbar-3dlight-color: #7A2523;
	scrollbar-arrow-color:  #7A2523;
	scrollbar-track-color: #7A2523;
	scrollbar-darkshadow-color: #374985;
}

/* Normal, standard links. */
a:link
{
	color: #7A2523;
	text-decoration: underline;
}
a:visited
{
	color: #7A2523;
	text-decoration: underline;
}
a:hover
{
	color: #374985;
	text-decoration: underline;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #7A2523;;
	text-decoration: none;
        font-weight: bold;
        font-size: small;
}
a.nav:hover
{
	font-weight: bold;
	color: #ECE9D8
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td) use Tahoma in black. */
td
{
	color: #374985;
	font-size: 11pt;
	font-family: arial, helvetica, serif;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 10pt;
	color: #7A2523;
	background-color: #EDE3DE;
        border: 1px solid #374985;
	font-family: arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
	color: #7A2523;
	background-color: #EDE3DE;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 9pt;
	font-weight: normal;
	color: #7A252;
	background-color: #EDE3DE;
	font-family: arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #7A252;
	background-color: #374985;
}

/* A quote, perhaps from another post. */
.quote
{
	background-color: #374985;
	border-left: 2px solid #7A2523;
	border-bottom: 2px solid #7A2523;
	padding: 4px;
	font-family: arial, serif;
	font-size: small;
        color: #EDE3DE;
	width: 97%;
	margin: 3px auto 3px auto;
	white-space: nowrap;
	overflow: auto;
}

/* A code block - maybe even PHP ;). */
.code
{
	background-color: #EDE3DE;
        background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgsolidred.gif);
	border-left: 6px solid #DAD5B8;
	border-bottom: 1px solid #DAD5B8;
	padding: 2px;
	font-family: "courier new", helvetica, "times new roman", serif;
        color: #374985;
	font-size: small;
	width: 97%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #7A2523;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: small;
}

/* 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: #A33E38;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 97%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: #7A2523;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #374985;		  
	background-color: #EDE3DE;
        border: 1px solid #7A2523;
}
.windowbg2
{
	color: #374985;	 
	background-color: #C1C6B2;
        border: 1px solid #7A2523;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	height:150px;
	width:100%;
	overflow:auto;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg
{
	background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgsolidred.gif);
}
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	color: #EDE3DE;
	font-style: normal;
}
.titlebg a:hover
{
	color: #EDE3DE;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg2
{
	background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgsolidblue.gif);
}

.catbg, .catbg2, .catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited
{
	font-weight: bold;
	color: #EDE3DE;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #C1C6B2;
	border: 1px solid #7A2523;	
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #732727;
	background-color: #EDE3DE;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: small;
	font-family: arial, helvetica, serif;
	color: #374985;
	border-width: 1px 0 0 0;	  
}
.smalltext2
{
	font-size: small;
	font-family: arial, helvetica, serif;
	color: #7A2523;
}
.smalltext3
{
	font-size: small;
	font-family: arial, helvetica, serif;
	color: #374985;
	background-color: #C1C6B2;	
}
.normaltext
{
	font-size: normal;
	color: #374985;
}
.normaltext2
{
	font-size: normal;
	color: #EDE3DE;
	background-color: #7A2523; 
}
.largetext
{
	font-size: large;
	color: #374985;
}

/* This is the main area of the forum, the part that's gray. */
.bodyarea
{
	background-color: #3F3627;
	background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgletterslight.gif);	
			
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: #7A2523;
	background-color: #EDE3DE;
	background-image: url(http://www.heightsfamily.us/community/Themes/graphics/Lbgletterslight.gif);	
	background-repeat: repeat;	
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #3F3627;
        
	border: 1px solid #7A2523;
}
.headerbodies
{
	border: 1px solid #7A2523;
	background-color: #3F3627;	
	background-repeat: repeat-x;
	background-position: bottom;
}
/* No image should have a border when linked */
a img
{
	border: 0;
}