/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
background-color:		#656565;
scrollbar-face-color:		#454545;
scrollbar-highlight-color:	#454545;
scrollbar-shadow-color:		#454545;
scrollbar-3dlight-color:	#454545;
scrollbar-arrow-color:		#302D2C;
scrollbar-track-color:		#302D2C;
scrollbar-darkshadow-color:	#000000;
background-image: url('images/backs.gif');
background-repeat: repeat-x;
margin: 0px
}

/* General font families for common tags */
font, th, td, p			{ font-family: Verdana, Arial, Helvetica, sans-serif }
a:link, a:active, a:visited	{ color : #B4B1B1;  text-decoration:none; }
p, td			{ font-size : 11px; color : #B4B1B1; }
a:hover			{ text-decoration:none; color : #D48803; }
hr				{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; }

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #404040; border: 3px #303030 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #303030; border: solid #303030 1px;  }
.tableline { background-color: #303030; border: solid #cccccc 1px;  }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #3B3B3B; }
td.row2 { background-color: #454545; }
td.row3 { background-color: #454545; }
td.row_helped { background-color: #666666; }

/*
	This is for the table cell above the Topics, Post & Last posts on the index.php page
	By default this is the fading out gradiated silver background.
	However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #303030;
background-image: url('images/cellpic4.gif');
background-repeat: repeat-y; height: 22px;
}

/* Header cells - the blue and silver gradient backgrounds */
th {color:	#E9E9E9; font-size: 11px; font-weight: bold;background-color:#303030; height: 25px;background-image:url('images/cellpic3.gif');}
td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {background-image: url('images/cellpic1.gif');background-color:#D1D7DC; border: medium solid #303030; height: 28px}

/*
	Setting additional nice inner borders for the main table cells.
	The names indicate which sides the border will be on.
	Don't worry if you don't understand this, just ignore it :-)
*/
td.cat, td.catHead, td.catBottom { background-color: #303030; background-image: url('images/cellpic1.gif'); height: 22px; }
th.thHead, th.thSides, th.thLeft, th.thRight, th.thBottom {font-weight: bold; border: #303030; height: 28px;}
th.thCornerL, th.thTop, th.thCornerR {color: #E9E9E9; font-size: 70%; font-weight: bold; background-color: #303030; background-image: url('images/cellpic3.gif'); height: 28px; }
td.row3Right, td.spaceRow { background-color: #333333; border: #303030; border-style: solid; }
th.thHead, td.catHead			{ font-size: 12px; border-width: 0px; }
th.thSides, td.catSides, td.spaceRow	{ border-width: 0px; }
th.thRight, td.catRight, td.row3Right	{ border-width: 0px; }
th.thLeft, td.catLeft			{ border-width: 0px; }
th.thBottom, td.catBottom		{ border-width: 0px; }
th.thTop				{ border-width: 0px; }
th.thCornerL				{ border-width: 0px; }
th.thCornerR				{ border-width: 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;text-decoration: none; line-height : 120%; color : #B4B1B1;}

/* General text */
.gen						{ font-size : 12px; }
.genmed					{ font-size : 11px; }
.gensmall					{ font-size : 10px; }
.gen, .genmed, .gensmall			{ color : #B4B1B1; }
a.gen, a.genmed, a.gensmall			{ color: #B4B1B1; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover	{ color: #D48803; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #B4B1B1 }
a.mainmenu		{ text-decoration: none; color : #B4B1B1; }
a.mainmenu:hover	{ text-decoration: none; color : #D48803; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #B4B1B1}
a.cattitle		{ text-decoration: none; color : #B4B1B1; }
a.cattitle:hover	{ text-decoration: none; color : #D48803;}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 14px; color : #B4B1B1; }
a.forumlink		{ text-decoration: none; color : #B4B1B1; }
a.forumlink:hover	{ text-decoration: none;; color : #D48803; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: bold; font-size: 11px; color : #B4B1B1;}
a.nav	{ text-decoration: none; color : #B4B1B1; }
a.nav:hover	{ text-decoration: none; }
.nav1 { height: 23px; vertical-align:top; padding: 0; margin: 0; }
.nav_top { color: #4F4F4F; padding: 0; margin: 0; }
.nav_top a:link, .nav_top a:visited { font-size: 11px;  font-weight: bold;	padding: 4px 8px 6px 8px; text-decoration: none; color: #EEEEEE; }
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; background-color: #646464; }


/* titles for the topics: could specify viewed link colour too */
.topictitle, h1, h2	{ font-weight: bold; font-size: 11px; color : #B4B1B1; }
a.topictitle:link	{ text-decoration: none; color : #B4B1B1; }
a.topictitle:visited	{ text-decoration: none; color : #B4B1B1; }
a.topictitle:hover	{ text-decoration: none; color : #D48803; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #B4B1B1; text-decoration: none}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #B4B1B1; }

/* The content of the posts (body of text) */
.postbody		{ font-size : 12px; line-height: 18px }
a.postlink:link, a.postlink:visited	{ text-decoration: none; color : #D48803 }
a.postlink:hover	{ text-decoration: none; color : #DD6603 }

/* Quote & Code & PHP blocks */
.code {
font-family:Courier, 'Courier New', sans-serif; font-size: 11px; color: #999999;
background-color:#303030; border: #666666; border-style: solid;
border-left-width:1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

.php {
font-family:Courier, 'Courier New', sans-serif; font-size: 11px; color: #999999;
background-color:#303030; border: #666666; border-style: solid;
border-left-width:1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

.quote {
font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B4B1B1; line-height: 125%;
background-color:	#303030; border: #666666; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
text-align: justify;
}

/* Copyright and bottom info */
.copyright		{ font-size : 10px; color: #B4B1B1; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.copyright		{ text-decoration: none; color : #D48803; }
a.copyright:hover	{ text-decoration: none; color : #DD6603; }

/* Form elements */

form { margin: 0; }
input, textarea, select {background-color:#353533;color: #A2A2A2;font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid #151515 1px;text-indent: 2px;}
input.post, textarea.post, select	{ background-color:#353533;color: #A2A2A2;font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
input.post2, textarea.post2 	{ background-color:	#353533;color: #A2A2A2;font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;}
input.button {background-color:	#353533;color: #A2A2A2;font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* The main submit button option */
input.mainoption {
background-color:	#353533;
font-weight:		bold;
}

/* None-bold submit button */
input.liteoption {
background-color:	#353533;
font-weight:		normal;
}

/* This is the line in the posting page which shows the rollover
	help line. This is actually a text box, but if set to be the same
	colour as the background no one will know ;)
*/
.helpline { background-color: #303030; border-style: none; }

td.firstPostAd { border: #FFFFFF; border-style: solid; border-width: 0px; text-align: center; }

/* Highlight bad words for moderators instead of censoring them */
span.badwordhighlight { background-color: #FFFF00; }
.topbkg { background: #dbe3ee url('images/cellpic_bkg.jpg') repeat-x;  }
.topnav { border-left:0px solid #91a0ae; border-right:0px solid #91a0ae; border-top:1px solid #91a0ae; border-bottom:1px solid #91a0ae; font-size:10px;background: #e5ebf3 url('images/cellpic_nav.gif') repeat-x;color:#D48803; height: 21px; white-space: nowrap; text-align: center;  }
.pm { font-size: 11px; text-decoration: none; color: #FF0000 } 
.table0
{
	border-left:1px solid #000000; border-right:1px solid #303030; border-top:1px solid #000000; border-bottom:1px solid #303030; background-color : #303030;
	color : #B4B1B1;
	font-size : 10px
}

.pagination {
	color: #f60;
	font-size: 9px;
	padding: 4px;
	text-decoration: none;
}
.pagination a, .pagination a:visited, .pagination a:active {
	background-color: #333
	color: #6cf;
	font-weight: bold;
	border-color: #D4D7DA;
	border: #999 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #000;
	color: #f60;
	border-color: #EAECEF;
	border: #999 1px solid;
	text-decoration: none;
	padding: 1px;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");