/* General page style. The scroll bar colours only visible in IE5.5+ */


body {
background: #1d2225 url('images/tlo.jpg') no-repeat top;
margin: 6px;
padding: 0;
}

#searchform{float:right !important; padding-top:62px !important; padding-right:20px !important; margin:0 !important;height:36px;}
#searchform label{display:none;}
#searchform input{display:inline; float:left; vertical-align: text-bottom; height:36px;}
#searchBox{background: url('images/search_text.png'); border:0px; margin:0; height:36px; padding: 11px; width:229px; color: #f3f3f3; font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
#searchGo{background: url('images/search.png'); border:0px; margin-top:0px; border-right:0; height:36px; padding: 0; width:22px;}

#header {
width: 800px;
height: 228px;
margin: 0;
padding: 0;
}

#top {
width: 800px;
height: 153px;
margin: 0 0 10px 0;
padding: 0;
background: url('images/tlo2.png') no-repeat;
}

#navbar {
clear: both;
width: 800px;
height: 62px;
margin: 0 0 3px 0;
padding: 0;
}

#gora {
clear: both;
width: 800px;
height: 25px;
padding: 6px 0 0 0px;
margin: 0;
background: url('images/navbar.png') no-repeat top;
text-indent: 8px;
}

#dol {
clear: both;
width: 800px;
height: 31px;
padding: 0px 0 0 0px;
margin: 0;
background: url('images/navbar.png') no-repeat 0 -31px;
text-indent: 8px;
}

#dol img {
padding-top: 5px;
}

#panel {
clear: both;
width: 800px;
height: 24px;
padding: 8px 0 0 0px;
margin: 0px 0 4px 0;
background: url('images/panel.png') no-repeat;
text-indent: 8px;
}

#online h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #42413d;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 10px;
	color: #fff;
	margin-top: 12px;
}

#online p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

.stats {
background: url(images/stat.png); 
width: 792px; 
height: 23px; 
padding: 9px 0 0 8px;
}

#footbar {
clear: both;
width: 800px;
height: 43px;
padding: 13px 0 0 0px;
margin: 0;
background: url('images/footbar.png') no-repeat;
text-indent: 8px;
}

/* General font families for common tags */
font,th,td,p			{ font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited	{ color : #ffffff; text-decoration: none; }
p, td			{ font-size : 11px; color : #ffffff; font-weight: none; }
a:hover			{ text-decoration: underline; color : #00c3cf; }
hr				{ height: 0px; border: solid #4e4c41 0px; border-top-width: 1px; }

/* This is the border line & background colour round the entire page */
.bodyline { background: none; border: none; }

/* This is the outline round the main forum tables */
.forumline { background: #3a3934; border-width: 0; }
.forumline2 { border: #201f1a solid; border-width: 0 5px 0 5px; }
.forumline4 { background: #201f1a; border-width: 0; }

/* Main table cell colours and backgrounds */
td.row1, td.row2 { 
	background-color: #2b2a25;
}

td.row4 { 
	background-color: #201f1a;
}

td.row1q, td.row2q { 
	background-color: #2b2a25; 
	border-bottom-color : #201f1a;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #3a3934;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-width : 0px;
	border-top-color : #3a3934;
	border-top-style : solid;
	border-top-width : 1px;
}
td.row1q:first-child, td.row2q:first-child  { 
	background-color: #2b2a25; 
	border-bottom-color : #201f1a;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #201f1a;
	border-left-style : solid;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-color : #3a3934;
	border-top-style : solid;
	border-top-width : 1px;
}
td.row3 { background-color: #2b2a25; }
td.row_helped { background-color: #363327; }

/*
	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: #FFFFFF;
background-image: url('images/cellpic2.jpg');
background-repeat: repeat-y; height: 22px;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}

th.fast_reg {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 26px;
background:	url(images/fast_reg.png) no-repeat;
text-transform: uppercase;
text-align: left;
}

th.bg {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}

th.lef {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	url(images/lef.png) left no-repeat;
text-transform: uppercase;
}

th.rig {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	url(images/rig.png) right no-repeat;
text-transform: uppercase;
}

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}

/*
	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 { 
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}

th.thCornerL,th.thTop,th.thCornerR {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 10px; 
font-weight: none;
height: 25px;
background:	#201f1a;
text-transform: uppercase;
}

td.row3Right,td.spaceRow { background-color: #201f1a; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead			{ font-size: 10px; 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",Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #ffffff;
}

/* General text */
.gen						{ font-size : 12px; }
.genmed					{ font-size : 11px; }
.gensmall					{ font-size : 11px; }
.gen,.genmed,.gensmall			{ color : #ffffff; }
a.gen,a.genmed,a.gensmall			{ color: #ffffff; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #00c3cf; text-decoration: underline; }

.gensmall a					{ font-size : 11px; color:#eaf4ff; }
.table0 .gensmall a				{ font-size : 11px; color:#cae4ff; }

.gensmall2 { 
font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px; 
color: #d1bd92;
}

.gensmall3 { 
font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px; 
color: #d1bd92;
}

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

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #ffffff; }
a.cattitle		{ text-decoration: none; color : #00c3cf; }
a.cattitle:hover	{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color : #00c3cf; }
a.forumlink		{ text-decoration: none; color : #00c3cf; }
a.forumlink:hover	{ text-decoration: underline; color : #DD6900; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: none; font-size: 11px; color : #ffffff; }
a.nav	{ text-decoration: none; color : #ffffff; }
a.nav:hover	{ text-decoration: underline; }

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

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

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

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

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

.quote {
font-family:		"Tahoma mm", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #D2FFEE; line-height: 125%;
background-color:	#21201E; border: #383631; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

/* Copyright and bottom info */
.copyright		{ font-size : 11px; color: #ffffff; font-family: "Tahoma mm", Tahoma, Arial, Helvetica, sans-serif; }
a.copyright		{ text-decoration: none; color : #00c3cf; }
a.copyright:hover	{ text-decoration: underline; color : #00c3cf; }

/* Form elements */

form { margin: 0; }
form { display: inline; }

input,textarea, select {
color : #e8e7e1;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
border: #24231d 1px solid;
background-color : #3b3a34;
}

/* The text input fields background colour */
input.post, textarea.post, select			{ background-color : #3b3a34; }
input.post2, textarea.post2, select	{ background-color : #3b3a34; }
input						{ text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color :	#373736;
color :			#c9c8c0;
font-size:		11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
cursor:			pointer;
}

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

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

















/* 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: #5a5a5a; border-style: none; }

/* 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 { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900; height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0 }

.pm { font-size: 11px; text-decoration: none; color: #00c3cf; } 

.table0
{
	background-color : #4e4e4e;
	border-bottom-color : #4e4e4e;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #fefefe;
	border-left-style : solid;
	border-left-width : 0px;
	border-right-color : #dedede;
	border-right-style : solid;
	border-right-width : 0px;
	border-top-color : #fefefe;
	border-top-style : solid;
	border-top-width : 0px;
	color : #ffffff;
	font-size : 10px;
}

.pagination {
	color: #d7d7d7;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
   padding-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
}
.pagination a, .pagination a:visited, .pagination a:active {
	background-color: #505050;
	color: #e4e5e5;
	border-color: #2b2c2c;
	border: #2b2c2c 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #00c3cf;
	color: #f2f2f2;
	border-color: #c1c4c4;
	border: #c1c4c4 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");