body
{
	background-color: #444;
	color: #000;
	font: 8.5pt "Trebuchet MS", "Helvetica", "Bitstream Vera Sans", sans-serif;
	margin: 10px auto;
	text-align: center;
}

a
{
	color: #005ac7;
	font-weight: bold;
	text-decoration: none;
}
a:hover { color: #000; }

form
{
	margin: 0;
	padding: 0;
}

input
{
	margin: 1px;
	padding: 0;
	vertical-align: middle;
}

input.button, input.input_fix, select
{
	border: 1px solid #6AA7D1;
	font: 8pt "Segoe UI", "Trebuchet MS", "Helvetica", "Bitstream Vera Sans", sans-serif;
}

input.button
{
	background-image: url(images/main/button.png);
	font-weight: bold;
	padding: 0 4px;
}

select { margin: 1px; }

img { border: 0; }

p
{
	margin: 0;
	padding: 5px;
}

dd
{
	padding: 0;
	margin-left: 15px;
	margin-bottom: 10px;
}

ul
{
	list-style-type: square;
	margin: 5px 25px 5px 25px;
	padding: 0;
}

div.clear { clear: both; }

div.scroll-box
{
	overflow: scroll;
	overflow-x: visible;
}

.error   { color: #C00000; }
.success { color: #008000; }
.middle  { text-align: center; }
.admin   { color: #E00000; }
.mod     { color: #008000; }
.tribe   { color: #535290; }

/**
 * Navigation strip.
 */
div#nav
{
	background-color: #f4ecec;
	border: 1px solid #d1a9a9;
	margin-top: 5px;
}

div#nav ul
{
	margin: 0;
}
div#nav ul li
{
	float: left;
	line-height: 21px;
	list-style-type: none;
	text-align: center;
	width: 55px;
}
div#nav ul li:hover
{
	background-color: #cca5a5;
}
div#nav ul li:hover a
{
	color: #000;
}

/**
 * Main layout divisions.
 */
div.main
{
	background-color: #fff;
	text-align: left;
	margin: auto;
	margin-bottom: 10px;
	width: 820px;
}

div.main .main-nw, div.main .main-ne, div.main .main-sw, div.main .main-se
{
	width: 10px;
	height: 10px;
	line-height: 0px;
	font-size: 0px;
}

div.main .main-nw
{
	float: left;
	background: url(images/main/main_nw.gif) top left;
}
div.main .main-ne
{
	float: right;
	background: url(images/main/main_ne.gif) top right;
}
div.main .main-sw
{
	float: left;
	background: url(images/main/main_sw.gif);
}
div.main .main-se
{
	float: right;
	background: url(images/main/main_se.gif);
}

div.mid { margin: 0 10px; }

/**
 * Navigation.
 */
div#content
{
	float: left;
	width: 80%;
}
div#side-nav

{

	width: 20%;
	float: left;

}

div#side-nav ul, ul.section

{

	list-style: none;

	margin: 0;

	padding: 0 0 10px 0;

}

div#side-nav ul li, ul.section li

{

	background: url(images/main/nav_ul.gif) no-repeat;

	border-bottom: 1px solid #aaa;

	padding-left: 20px;

	line-height: 21px;

	vertical-align: middle;

}

div#side-nav ul li:hover,
div#side-nav ul li.selected,
ul.section li:hover,
ul.section li.selected

{
	border-bottom: 0;
	margin-bottom: 1px;
	font-weight: bold;

	background: url(images/main/nav_ul_hover.gif) no-repeat;

}

div#side-nav ul li:hover a, 
div#side-nav ul li.selected a

ul.section li:hover a,
ul.section li.selected a
{

	color: #000;

}



/**

 * Sub navigational unordered lists!

 */

div#side-nav ul ul, ul.section ul

{

	list-style: none;

	margin: 0;

	padding: 0 5px 0 15px;

}

div#side-nav ul ul li, ul.section ul li

{

	background: url(images/main/nav_sub_ul.gif) no-repeat;
	border-bottom: 0;
	margin-bottom: 1px;

	padding-left: 20px;
	font-weight: bold;

}

div#side-nav ul ul li a, ul.section ul li a

{

	color: #000;

}

div#side-nav ul ul li:hover,
div#side-nav ul ul li.selected,
ul.section ul li:hover,
ul.section ul li.selected

{

	background: #E3F3F9 url(images/main/nav_sub_ul_hover.gif) no-repeat;

}

div.inner-mid
{
	background-color: #fff;
	margin: 0 7px;
	padding: 7px;
}

/**
 * A flexible content pane.
 */
div.content-pane-flex
{
	background-color: #444;
	margin-bottom: 10px;
}

div.content-pane-flex div.pane-sw, div.content-pane-flex div.pane-se,
div.content-pane-flex div.pane-nw, div.content-pane-flex div.pane-ne
{
	float: left;
	width: 7px;
	height: 7px;
	line-height: 0px;
	font-size: 0px;
}

div.content-pane-flex div.pane-sw
{
	background: transparent url(images/main/panel_flex_sw.gif) no-repeat;
}
div.content-pane-flex div.pane-se
{
	background: transparent url(images/main/panel_flex_se.gif) no-repeat;
	float: right;
}
div.content-pane-flex div.pane-nw
{
	background: transparent url(images/main/panel_flex_nw.gif) no-repeat;
}
div.content-pane-flex div.pane-ne
{
	background: transparent url(images/main/panel_flex_ne.gif) no-repeat;
	float: right;
}

div.content-pane-flex div.pane-top { float: left; }

div.content-pane-flex div.pane-top span
{
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	line-height: 22px;
	padding: 0 3px;
}

div.content-pane-flex div.pane-mid
{
	background-color: #444;
}

/**
 * A blue box with a fun gradient. Couple this class with the content-pane-flex
 * class for nice results. :)
 */
div.blue-box
{
	background-color: #e4eaf2;
	background-image: url(images/main/blue_box_grad.png);
	background-repeat: repeat-x;
}

div.blue-box div.inner-mid
{
	background: transparent;
	padding: 0;
}

div.blue-box div.pane-top span
{
	color: #000;
	border-bottom: 2px solid #fff;
}

/**
 * Same deal as above, but no fun gradients. :(
 */
div.gray-box { background-color: #e7e7e7; }
div.gray-box div.pane-top span { color: #000; }
div.gray-box div.inner-mid
{
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

/**
 *
 */
div.board

{

	margin: 5px 5px 0 5px;

}


table.board

{

	background-color: #fff;

	border: 0;

	border-spacing: 1px;

	margin: 0 0 5px 0;

	width: 100%;

}


table.board tr td

{

	border-bottom: 1px solid #ddd;

	border: 1px solid #ddd;

	vertical-align: middle;

}



table.board tr th

{
	background: #fff url(images/main/button.png);

	border: 1px solid #6AA7D1;
	margin-bottom: 1px;

}

table.board tr th span

{

	color: #000;

	line-height: 16px;

	padding-left: 3px;

}



table.board tr td.row1, table.board tr td.row1-middle

{

	background-color: #eee;

	padding: 1px;

	vertical-align: top; 

}

table.board tr td.row2, table.board tr td.row2-middle

{

	background-color: #fefefe;

	vertical-align: top;

}



table.board tr td.row1-middle { vertical-align: middle; }
table.board tr td.row2-middle { vertical-align: middle; }

/**

 * Tab box.

 */

div.tab-box {}


div.tab-box ul.tab

{

	margin: 0 4px 0 4px;

	padding: 0;

}


div.tab-box ul.tab li

{
	background-image: url(images/main/button.png);
	border: 1px solid #6AA7D1;
	border-bottom: 0;
	display: inline;
	margin-left: 5px;
	padding: 0 7px;

}

div.tab-box ul li a { color: #000; }


div.tab-box div.tab-content { display: none; }

/**
 *
 */
div.item-box
{
	float: left;
	margin: 0 5px 10px 0;
	width: 100px;
}

div.item-box p
{
	padding: 2px 5px;
	text-align: center;
}



/**
 * Misc. BBCode styling.
 */
div.quote_box

{

	margin: 10px;

}

div.quote_box_content

{

	background-color: #fafafa;

	border: 1px solid #ddd;

	padding: 2px;

}



div.code_box

{

	margin: 10px;

}

pre.code_box_content

{

	background-color: #fafafa;

	border: 1px solid #ddd;

	color: #007700;

	font-family: monospace;

	font-size: 11px;

	margin: 0;

	padding: 2px;

}

code.code_box_content

{

	background-color: #fafafa;

	border: 1px solid #ddd;

	color: #007700;

	font-family: monospace;

	font-size: 11px;

	margin: 0;

	padding: 2px;

}



.signature
{
	background-image: url(forum/images/sigtoolarge.gif);
	background-repeat: repeat-x;
}