/* Logo = logo.png */
#logo {
	margin: 0;
	padding: 0;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
/* background color for the on, on2 and off GIFs */
.statpng {
	background-color: #c02e13;
}
/* Normal, standard links. Default: red*/
a:link, a:visited {
	color: #ffffff;
}
a:hover {
	color: red;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
	color: red;
}
a.nav:hover {
	color: #ffffff;
}
/* Links for Event Table */
.events a:link, .events a:visited
{
color: #33FF33;
text-decoration: underline;
}
.events a:hover
{
color: #ffffff;
text-decoration: underline;
}

/* Links for News Table */
.artnews a:link, .artnews a:visited
{
color: #00CCFF;
text-decoration: underline;
}

.artnews a:hover
{
color: #ffffff;
text-decoration: underline;
}
/* The main body of the entire forum. */
body {
	background-color: #121212;
	color : #ffffff;
}
/* overall width of forum */
#wrapper {
	background-color: #ffffff;
}
/* some background */
#page_bg {
	background-color: #404040;
}
/* header section */
#header {
	background: #404040 url(.././images/dark/header_bg.png) repeat-x top;
	color: #ccc;
}
#header_r {
	color: #ccc;
}
#header_r a, #header_r a:visited {
	color: red;
}
#header_r a:hover {
	color: #fff;
}
/* header text and form buttons */
#header_r input, #header_r button, #header_r textarea {
	color: #404040;
}
/* header input elements that are checkboxes or radio buttons. */
#header_r input.check {
}
/* header Selects are a bit smaller, because it makes them look even better 8). */
#header_r select {
	color: #404040;
}
.avatar_frame {
 	background: transparent url(.././images/dark/avatar_frame.gif);
}
/* main navigation */
.menu {
	background: #222 url(.././images/dark/menu_bg_red.png) repeat-x top;
}
.maintab_back a, .maintab_back a:visited {
	color: #ccc;
	}
.maintab_back a:hover {
	color: #fff;
	background: url(.././images/dark/menu_active_red.png) 50% 0 no-repeat;
}
.maintab_active_back a, .maintab_active_back a:visited {
	color: red;
}
.maintab_active_back a:hover {
	color: #fff;
}
.maintab_active_back a {
	background: url(.././images/dark/menu_active_red.png) 50% 0 no-repeat;
}
td.maintab_back, td.maintab_active_back {
	background: #222 url(.././images/dark/menu_bg_red.png) repeat-x top;
}
.seperator {
	background: url(.././images/dark/menu_div_red.png) 0 0 no-repeat;
}
/* news "ticker" */
#newsbar {
	background: red url(.././images/dark/news_bg_red.png) 0 0 repeat;
	color: #cccccc;
}
#news {
	color: #cccccc;
}
/* current time Default: #333 */
#currenttime {
	color: #cccccc;
}
/* top area (linktree and search) */
#top_area {
	background: #404040 url(.././images/dark/shadow_top_grey.png) 0 0 repeat-x;
	color: #333;
}
/* advanced search button*/
a.searchb:link, a.searchb:visited
{
	margin: 3px 0 0 0;
	width: 20px;
	height: 15px;
	background-position: top left;
	float: left;
	text-decoration: none;
	background: url(.././images/dark/search2.gif) no-repeat;
}
a.searchb:hover 
{
	background-position: 0px -16px;
	text-decoration: none;
}
/* main content */
#content {
	background-color: #404040;
	color: #cccccc;
}
/* footer */
#footer {
	color: #ccc;
	background: #222 url(.././images/dark/menu_bg_red.png) repeat-x top;
}
#footer a, #footer a:visited {
	color: red;
}
#footer a:hover {
	color: #fff;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	color: #666666;
	background-color: #666666;
}
/* No image should have a border when linked */
a img {
	border: 0;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
	color: #cccccc;
	background: #404040 url(.././images/dark/shadow_top_grey.png) 0 0 repeat-x;
}
.windowbg2 {
	color: #cccccc;
	background: #404040 url(.././images/dark/shadow_top_grey.png) 0 0 repeat-x;
}
.windowbg3 {
	color: #cccccc;
	background-color: #404040;
}
.windowbg4 {
	color: #cccccc;
	background-color: #373737;
}
.windowbg5 {
	color: #cccccc;
	background-color: #404040;
}
.calendar_today {
	background-color: #666;
}
/* 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, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	color: #333;
	background: red url(.././images/dark/title_bg_red.png) 0 0 repeat-x;
}
/* Default: #404040*/
.titlebg, .titlebg a:link, .titlebg a:visited {
	color: #ffffff;
}
.titlebg a:hover {
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
	color: #333;
}
.titlebg2 a:hover {
	color: #dfdfdf;
}
/* 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 {
	background: #404040 url(.././images/dark/menu_bg_red.png) repeat-x;
	color: #ffffff;
}
/* catbg2 is used for a category that has new posts in it... to make it light up. */
.catbg2 , tr.catbg2 td
{
	background: #404040 url(.././images/dark/title_bg_red.png) repeat-x;
	color: #ffffff;
}
.catbg a:link, .catbg a:visited, .catbg3 a:link, .catbg3 a:visited {
	color: #cccccc;
}
.catbg a:hover, .catbg3 a:hover {
	color: #ffffff;
}
/* Default: #404040*/
.catbg2 a:link, .catbg2 a:visited {
	color: #ffffff;
}
.catbg2 a:hover {
	color: #404040;
}
.info_section {
	padding-left: 10px;
	padding-right: 10px;
	background: #1e1e1e url(.././images/dark/info_bg_red.png) repeat-x;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) Default: #B22222*/
.bordercolor {
	background-color: #2d2d2d;
}
/* This is used on tables that should just have a border around them. */
.tborder {
	
}
fieldset {
	border: 1px solid red;
} 

#holder
{
	border: 1px solid #696969;
	background-color: #1C1C1C;
}

#hiscore_container {
	margin: 0;
	padding: 0;
	display: block;
	margin-left: auto;
    margin-right: auto;
	
	
}

#skillslist {
	float: left;
	padding: 0px;
	margin-left: 5%;
	margin-right: 5%;
	width: 200px; 
}
	
#hiscores2 {
	float: right;
	padding: 0px;
	margin-left: 5%;
	margin-right: 5%;
	width: 500px; 
}



#info-title {
	border: 1px solid #2d2d2d;
	margin-left: auto;
    margin-right: auto;
	width: 70%;
	text-align: center;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(.././images/dark/title_bg_red.png);
	background-color: #A1BFD9;
	color: #ffffff;
	padding: 5px;
}
	
#info-nav {
	border: 1px solid #2d2d2d;
	margin-left: auto;
    margin-right: auto;
	width: 70%;
	text-align: center;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(.././images/dark/title_bg_red.png);
	background-color: #A1BFD9;
	color: #ffffff;
	padding: 5px;
}


#info-head {
	border: 1px solid #2d2d2d;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-image: url(.././images/dark/menu_bg_red.png);
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px;
	margin-left: auto;
    margin-right: auto;
	width: 70%;
	}
	
#info-form {
	border: 1px solid #2d2d2d;
	color: #ffffff;
	background-color: #404040;
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px;
	margin-left: auto;
    margin-right: auto;	
	width: 70%;
	}	
	
#info-head2 {
	border: 1px solid #2d2d2d;	
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-image: url(.././images/dark/menu_bg_red.png);	
	padding: 5px;

}
	
	
#info-title2 {
	border: 1px solid #2d2d2d;
	text-align: center;
	font-weight: bold;	
	background-image: url(.././images/dark/title_bg_red.png);
	background-color: #A1BFD9;
	color: #ffffff;
	padding: 5px;
}

#info-form2 {
	border: 1px solid #2d2d2d;
	color: #ffffff;
	background-color: #404040;
	margin-left: auto;
    margin-right: auto;	
	width: 70%;
}	

#info-form2 {
	border: 1px solid #2d2d2d;
	color: #ffffff;
	background-color: #404040;
	margin-left: auto;
    margin-right: auto;	
	width: 70%;
}	

.nav {
	margin:0;
	padding:0;
	
}

.nav li {
	display:inline;
	padding:0;
	margin:0;
	padding:1%;
	width:auto;
}

#cleanup
{
	clear: both;
}

.cleanup
{
	clear: both;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  
 float: left;
  width: 8em;
  }
  
div.row span.box {
  float: left;
  margin-left: 8em;
}

div.row span.formw {
 
  
  margin-left: 8em;
  text-align: left;
  } 
  
div.row span.forml {
  
  width: 70%;
  text-align: left;
  } 
  
div.spacer {
  clear: both;
  }

#slist {
  float: left;
  width: 20em;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#slist li {
  float: left;
  width: 80em;
  margin: 0;
  padding: 0;
}

.top {
	vertical-align:text-top;
}

block.center {
    margin-left: auto;
    margin-right: auto;
    width: 6em;
}