/* Normal, standard links. */
a:link { color: #2491de; text-decoration: underline; padding-bottom: 1px }
a:visited { color: #2aa6fd }
a:hover, a:active { color: #ffffff; text-decoration: none; background: #2aa6fd }
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
 { color: #191919; text-decoration: none }
a.nav:hover
   { color: #e52c01; text-decoration: none; background-color: white }

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
  { color: #191919; font-size: small; font-family: "Lucida Grande", LucidaGrande, Lucida, Tahoma, Helvetica, Arial, sans-serif }

/* The main body of the entire forum. */
body
  { background: url("body_bg.png"); margin: 10px 10px 3px; padding: 0 }

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
 { color: #666666; background-color: #d6d6d6; height: 1px; border: 0 }

/* A quote, perhaps from another post. */
.quote
  { color: #4c4c4c; font-size: small; background-color: #f3f3f3; margin: 1px; padding: 5px; border: solid 1px #d6d6d6 }

/* A code block - maybe even PHP ;). */
.code
 { color: #4c4c4c; font-size: x-small; font-family: "courier new", helvetica, "times new roman", serif; background-color: #f3f3f3; white-space: nowrap; margin: 1px auto; padding: 5px; width: 99%; overflow: auto; border: solid 1px #d6d6d6 }

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

/* 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: #e52c01 }

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

/* Highlighted text - such as search results ;). */
.highlight
  { background-color: #f9f8e3 }

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

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
 { color: #4c4c4c }

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

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
  { }

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
 { }

.catbg, .catbg2
     { color: #e52c01; background-color: #ececec }

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
    { padding: 2px; border: solid 1px #d2d2d2 }

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

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
  { color: #4c4c4c; font-size: x-small }
.normaltext
 { color: #191919; font-size: small }
.largetext
  { color: #e52c01; font-size: large }

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
 { background-color: white; border-style: solid solid dashed; border-width: 2px 2px 1px; border-color: #34312c #34312c #ccc }
/* This is the main area of the forum, the part that's gray. */
#bodyarea
  { background-color: #ffffff; border-right: 2px solid #34312c; border-left: 2px solid #34312c }
/* And this is the bottom, where the copyright is, etc. */
#footerarea
    { color: #333333; background-color: transparent; border-top: 2px solid #34312c }

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headerbodies
 { color: #48443d; border-left: 1px dashed #ccc }