/******* Control your Forum width here. *******/
#widthControl{width:950px; min-width:760px; margin:0 auto; padding:0 0 20px 0}

/* Normal, standard links. */
a:link{ color:#666;  text-decoration:none}
a:visited{ color:#666;  text-decoration:none}
a:hover{ text-decoration:none;  color:#000}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited{ color:#000;  font-weight; 700;  font-family:Segoe UI,Lucida Grande;  text-decoration:none}
a.nav:hover{ color:#666;  font-weight; 700;  text-decoration:underline}

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

/* By default (td, body..) use verdana in black. */
body, td, th, tr{ line-height:130%;  font-family:Tahoma,Arial,Helvetica,sans-serif;  color:#323232;  font-size:13px}

/* The main body of the entire forum. */
body{	 background:#999999;  padding:0px 0px 0px 0px;  margin:0}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button, option{ color:#353535;  font-family:verdana,sans-serif}
input, button{ font-size:small;  margin:1px}
input, textarea{ background:#ccc;  font-size:small;  border:solid 1px #303030}
input:focus{ background:#bbb}
textarea{ 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{ border:solid 1px #303030;  background:#CCCCCC;  font-size:small;  font-weight:normal;  color:#838383;  font-family:verdana,sans-serif}

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

/* No image should have a border when linked */
a img{border:0}

/* A quote, perhaps from another post. */
.quote{ background:#fff;  border:2px dashed #000;  border-bottom:0;  color:#000;  font-weight:700;  margin:8px auto 0 auto;  padding:4px;  margin:1px;  padding:1px;  font-size:x-small;  font-style:italic;  line-height:1.4em}

/* A code block - maybe even PHP; ). */
.code{ background:#fff;  border:2px dashed #000;  border-top:0;  color:#000;  padding:4px;  margin:0 auto 8px auto;  font-family:Monaco,Consolas,Courier,monospace;  font-size:12px;  /* Don't wrap its	 contents,and show	 scrollbars. */ white-space:nowrap;  overflow:auto;  /* Stop after about 24	 lines,and just show	 a scrollbar. */ max-height:24em}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{ background:#fff;  border:2px dashed #000;  border-bottom:0;  color:#000;  font-weight:700;  margin:8px auto 0 auto;  padding:4px;  font-style:normal;  font-size:x-small;  line-height:1.2em}

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

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

/* Highlighted text - such as search results. */
.highlight{ background-color:#FFF000;  font-weight:700;  color:#000}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, tr.windowbg td{ color:#323232;  background:#FFFFFF}
.windowbg2, tr.windowbg2 td{ color:#323232;  background:#F5F5F5}
.windowbg3, tr.windowbg3 td{ color:#000;  background:#fafafa;  border-bottom:1px solid #656565;  padding:1ex}

/* the today container in calendar */
.calendar_today{font-weight:800; font-style:italic; color:#333; background:#f3f3f3; text-align:center}

/* 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:#FFF;	 font-style:normal;	 background:#6D6D6D url(./images/titlebg2.jpg) repeat-x;  border-bottom:solid 1px #333;  border-top:solid 1px #454545;  padding-left:10px;  padding-right:10px}
.titlebg, .titlebg a:link, .titlebg a:visited{ font-weight:700;  color:#FFF;  font-style:normal}
.titlebg a:hover{ color:#FFF;  text-decoration:underline}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{ color:#FFF;  font-style:normal;  text-decoration:none}
.titlebg2 a:hover{ color:#FFF;  text-decoration:underline}

/* 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:url(./images/catbg.png) #0e0e0e repeat-x;	 color:#FFF;	 padding-left:10px;	 padding-right:10px;	 line-height:23px}
.catbg2, tr.catbg2 td{	background:url(./images/catbg.png) #0e0e0e repeat-x;  color:#FFF;  padding-left:10px;  padding-right:10px;  line-height:23px}
.catbg, .catbg2, .catbg3{}
.catbg, .catbg2{ color:#FFF;  font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{ color:#FFF;  font-size:95%;  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:#FFF;  text-decoration:underline}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{}
/* This is used on tables that should just have a border around them. */
.tborder{ color:#000;  background:#C3C3C3 border:1px solid #666}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{ font-size:90%;  font-family:Tahoma,Arial,Helvetica,sans-serif}
.middletext{ line-height:18px;  text-indent:10px}
.normaltext{ font-size:small}
.largetext{ font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width:100%;  overflow:auto;  line-height:1.3em}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{ width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{ color:#F00}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .mirrortab_first{ display:none}
.maintab_last, .mirrortab_last{ display:none}
.maintab_active_first, .mirrortab_active_first{ display:none}
.maintab_active_last, .mirrortab_active_last{ display:none}

/* how links behave in main tab. */
.maintab_back a, .mirrortab_back a{ padding:5px;  display:block;  color:#333;  text-decoration:none;  font-size:10px;  text-transform:uppercase;  font-family:tahoma,sans-serif;  margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{ padding:5px;  background:#ccc;  display:block;  color:#333;  text-decoration:none;  font-size:11px;  margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{ color:#000;  background:#eee}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{ color:#000;  background:#fefefe}

html{ height:100%;  margin-bottom:1px}

/* The AJAX notifier */
#ajax_in_progress{	 background:#32CD32;	  color:white;	  text-align:center;	  font-weight:bold;	  font-size:18pt;	  padding:3px;	  width:100%;	  position:fixed;	  top:0;	 left:0}

#header{	 position:relative;	  height:152px;	  overflow:hidden;	  background:transparent 0 0 repeat-x}

#logo{	position:absolute;	  top:0px;	  display:block;	  width:950px;	  height:152px;	  background:url(./images/logo.jpg) no-repeat}

#time{ float:right;  text-align:right;  font-size:10px;  color:#aaa;  font-family:"Segoe UI","Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;  float:right;  padding-top:17px;  paddng-right:5px;  clear:right}

#userarea{ float:right;  font-size:11px;  color:#aaa;  font-family:"Segoe UI","Lucida Grande",tahoma,sans-serif;  text-align:right;  padding-top:35px;  padding-right:25px}

#userarea ul{ padding:0;  margin:0;  list-style:none}

#userarea a:link, #userarea a:visited{ color:#bbb}

#userarea a:hover{ text-decoration:underline}

.loginput{ background:#404040;  border:solid 1px #999}

.logbutton{ background:#303030;  color:#eee;  border:solid 1px #999;  clear:both}

/* template menu */
#menutabs{	height:31px;	 color:#aaa;	 border:2px solid:#FFF;	 font-size:12px;	 background:url(./images/img/toolbar-bg.png) repeat-x}
ul.menubox{	padding:0;	 list-style:none;	 margin:0}
ul.menubox li{	padding:0;	 margin:0;	 float:left;	 padding-right:1px;	 position:relative;	 background:#1c1c1c;	 height:26px}
ul.menubox li a{	display:block;	 height:28px;	 line-height:28px;	 color:#aaa;	 background:#1c1c1c url(./images/img/toolbar-bg.png) repeat-x;	 text-decoration:none;	 padding:0 10px 0 10px;	 font-weight:bold;	 border-bottom:solid 1px #343434}
ul.menubox li a:hover, ul.menubox li.chosen a, ul.menubox li.chosen a:hover{	background:#1c1c1c url(./images/img/active.png) repeat-x}
ul.menubox li ul{	position:absolute;	 padding:0;	 margin:0;	 list-style:none;	 z-index:100;	 top:28px;	 left:-999em;	 border-top:solid 1px transparent}
ul.menubox li ul li{	float:none}
ul.menubox li ul li a, ul.menubox li.chosen ul li a{	display:block;	 height:24px;	 line-height:24px;	 color:#fff;	 background:url(./images/img/toolbar-bg.png) repeat-x;	 text-decoration:none;	 padding:0 10px 0 10px;	 font-size:10px;	 width:10em}
ul.menubox li:hover ul, ul.menuboxie6 li.sfhover ul{	left:auto}
#menu li.active_menu a{	background:#eee;	 height:20px}
#menu{	background:#1c1c1c url(./images/img/toolbar-bg.png) repeat-x;	 height:15px}
#menu li{	background:#1c1c1c url(./images/img/toolbar-bg.png) repeat-x;	 height:28px;	 border-left:dotted 1px}
#menu li a{	color:#eee;	 font-family:"Segoe UI","Lucida Grande",Tahoma,verdana,sans-serif;	 font-size:10px;	 font-weight:bold}
#menu a:hover{	color:#eee}
#menu{	margin:0 0 0 20px;	 padding:0;	 height:28px}
#menu ul{	padding:0;	 margin:0;	 margin-left:0px}
#menu li{	margin:0;	 padding:0;	 float:left;	 display:block}
#menu a{	text-decoration:none;	 cursor:pointer;	 font-weight:bold}
#menu ul li a:hover, #nav #active a{	background:url(./images/img/toolbar-bg.png) repeat-x;	 color:#eee}
#menu li a{	display:block;	 float:left;	 height:28px;	 line-height:28px;	 padding:0 15px}

#mainarea{	 padding:10px;	  margin:0;	  background:#FFF url(./images/img/repeat.gif) 0 0 repeat-x}

#footerarea{	text-align:center;	 color:#777;	 padding-top:15px;	 font-family:Segoe UI,Lucida Grande;	 font-size:11px}
#footer{	background:#282828 url(./images/img/footbg.gif) 0 0 repeat-x;  height:98px;  overflow:hidden}
#footerarea a:link, #footerarea a:visited{ color:#a0a0a0}
#footerarea a:hover{ color:#ccc;  text-decoration:none}