/*
Theme colors mostly borrowed from the SMF theme created by crip called
BlackRain.
crip@tinyportal.net

If the colors do not suit you, feel free to change them.  My main focus of the
application is the functionality, not how pretty it looks.  You are more than
welcome to change any style found here.
*/

/* Standard HTML */
body
{
  background-color: #333;
	margin: 0px;
	padding: 0px;
}

/* No image should have a border when linked */
a img{ border: 0; }
/* Normal, standard links. */
a:link, a:visited
{
	color: #ea7500;
	text-decoration: none;
}
a:hover
{
	color: #FFF;
	text-decoration: none;
}

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

/* By default (td, body..) use verdana in black. */
body, td, th, tr
{
	color: #FFFFFF;
	font-size: small;
	font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	background: #333333;
	border: 1px solid #000000;
	color: white;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
}
input, button
{
	font-size: 90%;
}
textarea
{
	font-size: 100%;
	color: #FFFFFF;
	font-family: verdana, sans-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
{
	background: #3d3d3d;
	border: 1px solid #000000;
	color: white;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
  height: 1px;
  border: 0;
  color: #666666;
  background-color: #666666;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: none;
}

/* End Standard HTML */

#container {
  margin: 0px 25px 0px 25px;
  text-align: left;
  border: 1px solid #000000;
  background-color: #222222;
  padding: 0px 30px 30px 30px;
}

#logo {
  margin: 4px;
  text-align: left;
}

#footer {
  margin: 20px 0px 5px 0px;
  padding: 5px 5px 5px 10px;
  border: 1px solid #696464;
  background-color: #3B3B3B;
  text-align: center;
  font-size: 10px;
}

#tableHead {
  padding: 5px 5px 5px 10px;
  background-color: #3B3B3B;
}

#tableBottom {
  position: relative;
  padding: 5px 5px 5px 10px;
  background-color: #3B3B3B;
}

#search {
  padding: 5px 0px 10px 0px;
}

.error {
  color: red;
}

.rowColor1, .colColor1 {
  color: #f3ecdd;
	background-color: #3a3e42;
	font-family: "Trebuchet MS",verdana, sans-serif;
}

.rowColor2, .colColor2 {
  color: #d4d8dc;
	background-color: #3b4248;
	font-family: "Trebuchet MS",verdana, sans-serif;
}



/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	font-weight: bold;
	background-color: transparent;
	background-image: url(images/catbg.jpg);
	background-repeat: x-repeat;
	color: #FFF;
	height: 17px;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background-image: url(images/catbg.jpg);
	background-color: #A1BFD9;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	background-repeat: repeat-x;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: #FFF;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: #FFF;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #696464;
	padding: 0px;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696464;
	margin-top: 0pt;
	width: 100%;
}

/* Menu Styles */
#menu {
  padding-bottom: 40px;
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#nav a {
  white-space: nowrap;
  padding: 2px;
	display: block;
	width: 8em;
	border: 1px solid #696464;
	color: #EA7500;
  background-color: #3B3B3B;
}

#nav a:hover {
  border: 1px solid #696464;
  background-color: #1F1F1F;
  color: #fff;
}

#nav li {
	float: left;
	width: 8em;
}

#nav li ul {
	position: absolute;
	width: 8em;
	left: -999em;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}