/* Normal, standard links. */a:link{	color: #000000;	text-decoration: none;}a:visited{	color: #000000;	text-decoration: none;}a:hover{	text-decoration: underline;}/* Navigation links - for the link tree. */.nav, .nav:link, .nav:visited{	color: #000000;	text-decoration: none;}a.nav:hover{	color: #cc3333;	text-decoration: underline;}/* Tables should show empty cells. */table{	empty-cells: show;}/* The main body of the entire forum. */body {	margin:0 auto;	padding-top:0px;	background:#000000;	font-family:Helvetica;	color:#000000;	font-size:13px	}/* Input boxes - just a bit smaller than normal so they align well. */input, textarea, button{	color: #000000;	font-family: Helvetica, sans-serif;}input, button{	font-size: 90%;}textarea{	font-size: 100%;	color: #000000;	font-family: Helvetica, 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{	font-size: 90%;	font-weight: normal;	color: #000000;	font-family: Helvetica, sans-serif;}/* Standard horizontal rule.. ([hr], etc.) */hr, .hrcolor{	height: 1px;	border: 0px none;	color: #666666;	background-color: #666666}/* No image should have a border when linked */a img{	border: 0px none;}/* A quote, perhaps from another post. */.quote{	color: #000000;	background-color: #D7DAEC;	border: 1px solid #000000;	margin: 1px;	padding: 1px;	font-size: x-small;	line-height: 1.4em;}/* A code block - maybe even PHP ;). */.code{	color: #000000;	background-color: #dddddd;	font-family: Helvetica;	font-size: x-small;	line-height: 1.3em;	/* Put a nice border around it. */	border: 1px solid #000000;	margin: 1px auto 1px auto;	padding: 1px;	width: 99%;	/* 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{	color: #000000;	text-decoration: none;	font-style: normal;	font-weight: bold;	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: red;}/* The main post box - this makes it as wide as possible. */.editor{	width: 96%;}/* Highlighted text - such as search results. */.highlight{	background-color: yellow;	font-weight: bold;	color: black;}/* Alternating backgrounds for posts, and several other sections of the forum. */.windowbg{	color: #000000;	background-color: #FAF0F0;}.windowbg2{	color: #000000;	background-color: #FAF0F0;}.windowbg3{	color: #000000;	background-color: #F6E3E3;}/* the today container in calendar */.calendar_today{	background-color: #FFFFFF;}/* 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: black;	font-style: normal;	background: #F8E6E6 url('images/dusk/titlebg.jpg') repeat-x;	border-bottom: 1px solid #9BAEBF;	border-top: 1px solid #FFFFFF;	padding-left: 10px;	padding-right: 10px}.titlebg, .titlebg a:link, .titlebg a:visited{	font-weight: bold;	color: black;	font-style: normal;}.titlebg a:hover{	color: #404040;}/* same as titlebg, but used where bold text is not needed */.titlebg2 a:link, .titlebg2 a:visited{	color: black;	font-style: normal;	text-decoration: underline;}.titlebg2 a:hover{	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: #88A6C0 url('images/dusk/catbg.jpg') repeat-x;	color: #ffffff;	padding-left: 10px;	padding-right: 10px}.catbg2, tr.catbg2 td{	background: #A1BFD9 url('images/dusk/catbg2.jpg') repeat-x;	color: #ffffff;	padding-left: 10px;	padding-right: 10px}.catbg, .catbg2, .catbg3{	border-bottom: solid 1px #375576;}.catbg, .catbg2{	font-weight: bold;}.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{	font-size: 95%;	color: white;	text-decoration: none;}.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{	color: white;	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: #ADADAD;	padding: 0px;}/* This is used on tables that should just have a border around them. */.tborder{	padding: 1px;	border: 1px solid #696969;	background-color: #FFFFFF;}/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */.smalltext{	font-size: x-small;	font-family: Helvetica, sans-serif;}.middletext{	font-size: 90%;}.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: red;}/* definitions for the main tab, active means the tab reflects which page is displayed */.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last{	color: white;	text-transform: uppercase;	vertical-align: top;}.maintab_back, .maintab_active_back{	color: white;	text-decoration: none;	font-size:  9px;	vertical-align: top;	padding: 2px 6px 6px 6px;	font-family: Helvetica;}.maintab_first{	background: url('images/dusk/maintab_first.gif') no-repeat left bottom;	width: 10px}.maintab_back{	background: url('images/dusk/maintab_back.gif') repeat-x left bottom;}.maintab_last{	background: url('images/dusk/maintab_last.gif') no-repeat left bottom;	width: 8px}.maintab_active_first{	background: url('images/dusk/maintab_active_first.gif') no-repeat left bottom;	width: 6px}.maintab_active_back{	background: url('images/dusk/maintab_active_back.gif') repeat-x left bottom;}.maintab_active_last{	background: url('images/dusk/maintab_active_last.gif') no-repeat left bottom;	width: 8px}/* how links behave in main tab. */.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited{	color: white;	text-decoration: none;}.maintab_back a:hover, .maintab_active_back a:hover{	color: #e0e0ff;	text-decoration: none;}/* definitions for the mirror tab */.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last{	color: white;	text-transform: uppercase;	vertical-align: top;}.mirrortab_back, .mirrortab_active_back{	color: white;	text-decoration: none;	font-size: 9px;	vertical-align: bottom;	padding: 6px 6px 2px 6px;	font-family: Helvetica;}.mirrortab_first{	background: url('images/dusk/mirrortab_first.gif') no-repeat;	width: 10px}.mirrortab_back{	background: url('images/dusk/mirrortab_back.gif') repeat-x;}.mirrortab_last{	background: url('images/dusk/mirrortab_last.gif') no-repeat;	width: 6px}.mirrortab_active_first{	background: url('images/dusk/mirrortab_active_first.gif') no-repeat;	width: 6px}.mirrortab_active_back{	background: url('images/dusk/mirrortab_active_back.gif') repeat-x;}.mirrortab_active_last{	background: url('images/dusk/mirrortab_active_last.gif') no-repeat;	width: 8px}/* how links behave in mirror tab. */.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited{	color: white;	text-decoration: none;}.mirrortab_back a:hover, .mirrortab_active_back a:hover{	color: #e0e0ff;	text-decoration: none;}/* 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;}/* The Wrapper */.main_wrapper {	width:1000px;	margin:0 auto;	background: #CE2602 url('images/dusk/dusk.jpg') repeat-x 0 0;		}		/* The Top */#top {	height:279px;	margin:auto;	background:url('images/dusk/city-dusk.jpg');		}.sitename {	float:left;	width:1000px;	font-family:Helvetica;		margin:0px 0 0 0;		}#time {    top: 0px;    left: 0;    width: 300px;    height: 40px;    color: #FFFFFF;}#userarea {    font-size: 1.0em;    color: #FFFFFF;    font-family: Helvetica;    float: right;    text-align: right;}#userarea a:link, #userarea a:visited {    color: #FFFFFF;}#userarea a:hover {    color: #FFFFFF;    text-decoration: underline;}#footer {    text-align: center;    font-family: Helvetica, sans-serif;    color: #FFFFFF;    font-size: 10px;    padding-top: 23px;}#footer-m {    background: #CE2602 url('images/dusk/foot-m.gif') repeat-x 0 0;}#footer-l {    background: url('images/dusk/foot-l.gif') no-repeat 0 0;}#footer-r {    background: url('images/dusk/foot-r.gif') no-repeat 100% 0;    height: 100px}#footer a:link, #footer a:visited {    color: #FFFFFF;}.footer {    text-align: center;	font-size: x-small;    font-family: Helvetica, sans-serif;    color: #FFFFFF;    padding-top: 3px;    font-size: 10px;}#footer a:hover {    color: #FFFFFF;    text-decoration: underline;}.profile {	background: url('images/dusk/profile-m.gif') repeat-x 0 0;; padding-left:5px; padding-right:0; padding-top:10px; padding-bottom:0}.profile-l {	background: url('images/dusk/profile-l.gif') no-repeat 0 0;	padding-left: 8px;}.profile-r {	background: url('images/dusk/profile-r.gif') no-repeat 100% 0;	padding-right: 8px;}.catbgnew {	height: 29px;	line-height: 29px;	color: #FFFFFF;	font-weight: bold;	background: url('images/dusk/catbg-m.gif') repeat-x 0 0;; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}.catbgnew-l {	background: url('images/dusk/catbg-l.gif') no-repeat 0 0;	padding-left: 8px;	position: relative}.catbgnew-r {	background: url('images/dusk/catbg-r.gif') no-repeat 100% 0;	padding-right: 8px;	position: relative}.catbgnew a:link{	color: #FFFFFF;	text-decoration: none;}.catbgnew a:visited{	color: #FFFFFF;	text-decoration: none;}.catbgnew a:hover{	text-decoration: underline;}/* Menu */.invertedshiftdown2{padding: 0;width: 100%;border-top: 5px solid #000000; /*Highlight red color theme*/background: transparent;voice-family: "\"}\"";voice-family: inherit;}.invertedshiftdown2 ul{margin:0;margin-left: 40px; /*margin between first menu item and left browser edge*/padding: 0;list-style: none;}.invertedshiftdown2 li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}.invertedshiftdown2 a{float: left;display: block;font: bold 12px Helvetica;color: black;text-decoration: none;margin: 0 1px 0 0; /*Margin between each menu item*/padding: 5px 10px 5px 10px; /*Padding within each menu item*/background-color: #CE2602; /*Default menu color*/}.invertedshiftdown2 a:hover{background-color: #000000; /*Highlight red color theme*/padding-top: 8px; /*Set padding-top value to default's padding-top + padding-bottom */padding-bottom: 0; /*Set padding-bottom value to 0 */border-bottom-color: #000000; /*Highlight red color theme*/color: white;}.invertedshiftdown2 .current a{ /** currently selected menu item **/background-color: #D10000; /*Highlight red color theme*/padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */padding-bottom: 0; /*Set padding-bottom value to 0 */border-bottom-color: #D10000; /*Highlight red color theme*/color: white;}#myform{ /*CSS for sample search box. Remove if desired */float: right;margin: 0;margin-top: 2px;padding: 0;}#myform .textinput{width: 190px;border: 1px solid gray;}#myform .submit{font: normal 12px Verdana;height: 22px;border: 1px solid #696969;background-color: black;color: white;}