/* RESET */
*{ margin: 0; padding: 0;}
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 12px; padding:2px;}
select{ margin: inherit; }
td, th, caption{ font-size: 100%; font-weight: normal; }

/* LAYOUT */
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333; background: #1E1D19 url(bg_content.gif) repeat-x; }
body#Inner{ background: #1E1D19 url(bg_content.gif) repeat-x 0 -182px; }
.wrap{ width: 960px; margin: 0 auto; }

#Head{ float:left; width:100%; height:350px; background:url(bg_nav.jpg) no-repeat center 24px;}
#Inner #Head{ height: 98px; }
	#Quick{ float: left; width: 100%; height: 24px; text-align: right; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		#Quick *{ vertical-align: middle; }
		#Quick li{ display: inline; margin:0 0 0 20px;}
		#Quick a{ text-decoration: none; color: #535A62; }
		#Quick a:hover{ color: orange; }
		#Quick .vivid{ color: #E55B0E; }
	#Nav{ }
	#Head h1{ float: left; margin: 18px 0 15px 0; width: 139px; height: 39px; background: url(logo.gif); }
	#Inner #Head h1{ position: relative; left: -20px; }
		#Head h1 a{ display: block; width: 100%; height: 39px; text-indent: -5000px; }
	#Nav{ float: right; width: 820px; padding: 26px 0 0 0; text-align: right; }
		#Nav ul{ list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; }
		#Nav li{ display: inline; list-style: none; margin: 0 0 0 40px; }
		#Nav a{ text-decoration: none; color: #8190a4; }
		#Nav li.active a, #Nav a:hover{ color: white; border-bottom: 2px solid white; }		
	#Visual{ float: left; width: 936px; height: 235px; padding:18px 0 0 24px; background: #d04916 url(visual.jpg); overflow: hidden; color: white; }
		#Visual p{ float: left; width: 520px; height: 52px; font-size: 14px; }
		#Visual ol{ float: left; clear: left; list-style: none; width:500px; height:100px; padding: 0 0 0 30px; }
			#Visual ol li{ float: left; width: 205px; padding: 0px 0 6px 20px; background: url(ico_ok.png) no-repeat 0 1px; font-weight: bold; }
			#Visual ol li.r{width:250px; }
		#Vnav{ float: left; list-style: none; clear:left; }
			#Vnav li{ float:left; list-style: none; margin: 0; padding: 0; }
			#Vnav li a{ float:left;  background: url(sprite_visualbuttons.gif); width: 122px; height: 38px; text-indent: -5000px; }
			#Vnav .buy a{ background-position: 0 0; margin: 0 29px 0 0; }
			#Vnav .buy a:hover{ background-position: 0 -38px; }
			#Vnav .admin a{ background-position: -122px 0; margin: 0 32px 0 0; }
			#Vnav .admin a:hover{ background-position: -122px -38px; }
			#Vnav .site a{ width:132px; background-position: -244px 0; }
			#Vnav .site a:hover{ background-position: -244px -38px; }
#Content{ float: left; width: 100%; background: white; min-height: 500px; padding: 20px 0 0 0; }
#Inner #Content{ background: white url(bg_inner_content.png) repeat-x top center; }
#Add{ float: left; width: 100%; background: white url(bg_add.gif) repeat-x; padding: 25px 0 5px 0; }
#Footer{ float: left; width: 100%; min-height: 130px; padding: 27px 0 0 0; background: url(bg_footer.gif) repeat-x; color: #B4B4B4; }
* html #Footer{ height: 130px; }
	#Footer .left{width: 575px;  }
	#Footer .right{ width: 250px;  }
	#Footer ul{ list-style: none; margin-bottom: 9px; padding: 0; }
	#Footer li{ display: inline; padding:0 14px 0 0; }
	#Footer a{ color: #B4B4B4; text-decoration: none; }
	#Footer a:hover{ color: white; }
	#Footer .copyright{		line-height:1.5em;	}
	#Footer .copyright span{ color: #434343;}
	#Footer .copyright span a{ color: #434343; }
	#Footer .copyright span a:hover{ color: #eeeeee; }

/* Helpers */
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 
.clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; }
.left{ float: left; }
.right{ float: right; }
.center{ display: block; margin: 0 auto; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.tj{ text-align: justify; }
.larger{ font-size: 1.3em; }
.more{ padding: 0 15px 0 0; color:#666; background: url(ico_more.gif) no-repeat right; font-weight: bold; font-size:11px;}
.hidden{	display:none;}
.root{ float: left; width: 100%; }
.large,
.largetext{	font-size:1.3em;}
.small,
.smalltext{	font-size:0.9em;}
.middletext{ font-size: 1.2em; }
.normaltext{  }
.middlepadding{	padding:5px;}
.errors{ font-size:0.9em; color: #EA0000; margin-bottom:5px;}


/* tags */
h1, h2, h3, h4, h5{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444;}
h2{ font-size: 21px; margin: 30px 0 10px 0;}
h3{ font-size: 15px; font-weight: bold; margin: 30px 0 10px 0;}
h4{ font-size: 12px; font-weight: normal; margin: 20px 0 7px 0;}
a{ color: #20649f; }
a:hover{ color: #c62626; }
p, ul{ margin: 0 0 15px 0; }
ul, ol{ padding: 0 0 0 20px; }


/* CONTENT */
	ul.type1{ list-style: none; }
	ul.type1 li{ background: url(ul_arrow1.gif) no-repeat left; padding:0 0 0 24px; margin-bottom:7px;}

	#Content #frmLogin{ float:left; padding:5px 0 5px 0; margin:0; list-style:none; background-color: #FCFCFC; border: 5px solid #FAFAFA;  }
	#Content .block{ float:left; padding:0 0 5px 0;  }
	#Content .smallform{ width: 280px; margin-left:auto; margin-right:auto;   }
	#Content .smallform .block{ float:left; width:260px; padding:5px 10px 5px 10px;}
	#Content .text{ height: 18px; line-height: 18px; padding: 2px; border: 1px solid #C8C8C8; }
	#Content .block .text{	width: 253px; }
	#Content .block .short{		width:60px;	}
	#Content .block .title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-size: 0.85em; font-weight: bold; color: Black; }
	#Content div.submit{clear: both;  border-top:3px solid #FAFAFA; padding-top:5px; text-align:center;	}
	#Content div.submit input{font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; padding:0px 27px 0px 27px;	}	

#Recent li{ margin-bottom: 5px; }
	

/* 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;}
.maintable td{ padding: 9px; }

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ font-weight: normal; }

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

/* A quote, perhaps from another post. */
.quote{ color: #666; background-color: #F9F9F9; border: 1px solid #ACACAC; margin: 1px 0 10px 0; padding: 3px; font-size: 0.9em;  }

/* A code block - maybe even PHP ;). */
.code{ color: #333; background-color: #dddddd; font-family: "courier new", "times new roman", monospace; font-size:11px; 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; max-height: 24em; }

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader{ font-style: normal; line-height: 1.2em; font-size:11px; margin:0 0 3px 0; }
.quoteheader a, .codeheader a{ color: #999; text-decoration: none;}

/* 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%; font-size:0.9em;}

/* 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{  background-color: #FFFFFF; padding:4px;}
.windowbg2{  background-color: #FFFFFF; padding:4px;}
.windowbg3{  background-color: #FAFAFA; padding:4px;}
/* 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; border-top: solid 1px #FFFFFF; border: 1px solid #eeeeee; padding: 5px 9px; }

.titlebg, 
.titlebg a:link, 
.titlebg a:visited { font-weight: normal; 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 { color:black; background-color: #F4f4f4;}

.catbg2, 
tr.catbg2 td{ color: black; padding:0 10px; }

.catbg, 
.catbg2, 
.catbg3{	border-bottom: 1px solid #C2C2C2;}

.catbg, 
.catbg2{	font-weight: bold;}

.catbg3, 
tr.catbg3 td, 
.catbg3 a:link, 
.catbg3 a:visited{ color:black;	text-decoration: none; padding:3px;}
.catbg a:link, 
.catbg a:visited , 
.catbg2 a:link, 
.catbg2 a:visited{	color: black;	text-decoration: none;}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ color: #D00000; }
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{	background-color: #eeeeee;	padding: 0px;}

/* This is used on tables that should just have a border around them. */
.tborder{ padding: 1px; background-color: #FFFFFF; border:1px solid #eeeeee; }


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width: 100%; line-height: 1.3em; }
.post ul{ margin-left: 27px; padding-top: 7px; }

/* 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 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: tahoma, sans-serif; }

.mirrortab_first{ background: url(mirrortab_first.gif) no-repeat; width: 10px; }
.mirrortab_back{ background: url(mirrortab_back.gif) repeat-x; }
.mirrortab_last{ background: url(mirrortab_last.gif) no-repeat; width: 6px; }
.mirrortab_active_first{ background: url(mirrortab_active_first.gif) no-repeat; width: 6px; }
.mirrortab_active_back{ background: url(mirrortab_active_back.gif) repeat-x; }
.mirrortab_active_last{ background: url(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; }	

/* registration form */
#creator{clear:both; padding:10px 0 0 0;}
    #creator td{padding:5px;}