/* General page style. */
body
{
	color:#404040;
	background:url(/graphics/construct/bg.gif) repeat-x #8FABC1; 
	font: 0.7em Verdana, sans-serif;
	margin:0px;
	padding:0px;
}

img
{
	border:0px;
}

/* --Navigation Bar things---------------------------- */


#top
{
	width:100%; 
	height:66px; 
	background:url(/graphics/construct/bar_top.png) repeat-x; 
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

#logo
{
	width:140px;
	height:50px;
	float:left;
}

#topleft
{
	width:100%;
	height:66px; 
	background:url(/graphics/construct/logo.png) no-repeat; 
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}

#topnav
{
	text-align:center;
	margin:auto;
	z-index:12;
	padding:0px;
	width:650px;
	position:relative;
	left:50px;
}

#topnav a
{
	text-decoration:none;
}

.navp, .navpborder
{
	display:block; 
	float:left; 
	width:90px; 
	height:24px; 
	margin:0px;
	padding-top:16px;
	color: black;
	font: 1.0em Arial, sans-serif;
	font-weight:bold;
	cursor:pointer;
}

.navp:hover
{
	color:#1E629E;
	background:url(/graphics/construct/button_bg.gif) repeat-x;
}

.navpborder
{
	width:1px; 
	background:url(/graphics/construct/button_border.gif);
}

.navp-on
{
	background:url(/graphics/construct/button_bg.gif) repeat-x;
}

#login
{
	margin:auto;
	text-align:center;
	width:500px;
	position:relative;
	top:70px;
}

#footer
{
	width:100%; 
	height:21px; 
	background:url(/graphics/construct/bar_bottom.png) repeat-x; 
	position:relative; 
	text-align:center;
	margin-top:36px;
}


#copyright
{
	width:100%; 
	position:absolute; 
	left:0; 
	bottom:3px;
	padding:0;
	font-size:10px;
}

.centered
{
	padding:0;
	margin:0 auto; 
	text-align:center;
}


a, a.static:visited 	  
{
	color:#A6731A; 
	text-decoration:none;
}

a:hover, a:active, a.static:hover    
{
	color:#D2901E; 
	text-decoration:underline;
}

a.post_action
{
	font-family: trebuchet ms, sans-serif;
	font-size:14px;
	font-weight:bold;
}


.left
{
	float:left;
}

.right
{
	float:right;
}

.centered
{
	margin:0px auto; 
	text-align:center;
}

.logout
{
	font-weight:bold;
	position:absolute;
	right:13px;
	top:16px;
	z-index:70;
	font-family: arial, sans-serif;
}

a.logoutlink, a.logoutlink:visited
{
	color: black;
}

a.logoutlink:hover
{
	color:#1E629E; 
	text-decoration:none;
}

.box, .boxthin
{
	background: #F5F5F5;
	border:1px solid #E3E1E1;
	border-width:0px 0px 1px 0px;
	margin: -4px 0px 10px 0px;
	height:30px;
	text-align:center;
	padding: 6px 10px 5px 10px;
}
.boxthin
{
	height:15px;
	font: 1.1em "Trebuchet MS", sans-serif;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
p, td		{ font-size : 11; color : #000000; }
hr	{ height: 0px; border: solid #5B6C80 0px; border-top-width: 1px;}
h1,h2		{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}


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

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

/* This is the outline round the main forum tables */
.forumline2	{ background-color: #D6D6D6; padding:0; border: 0; margin-bottom:-1px; width:100%;}


/* Main table cell colours and backgrounds */
td.row1	{ background-color: white; }
td.row2	{ background-color: #FDFDFD; }
td.row3	{ background-color: white; }


/*
  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: url(images/cellpic1a.gif) repeat-x white; */
		background-color:#F5F5F5; 
		border:1px solid #E3E1E1;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{ 
	font-size: 9px; 
	color: #6F6F6F;
	background-color: white; 
	height: 15px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#F5F5F5; 
			border:1px solid #E3E1E1;
			height: 22px;
			padding:0px;
}

/*
  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 {
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; 
	border: #CFCFCF; 
	border-style: solid; 
	height: 10px; 
	font-size: 9px; 
	color: #6F6F6F;
}
	
td.row3Right,td.spaceRow {
	background-color: #FDFDFD; 
	border: #CBD9E8; 
	border-style: solid; 
	}

th.thHead,td.catHead { border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 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 : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.brightsmall { font-size : 10px; color:black; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #805106; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #D2901E; text-decoration: none; }
a.bottom:link    {color:#4C9EF2; text-decoration:none;}
a.bottom:visited {color:#4C9EF2; text-decoration:none;}
a.bottom:hover   {color:#A3C5EB; text-decoration:none;}
a.bottom:active  {color:#4C9EF2; text-decoration:none;}
a.topright:link    {color:#102C51; text-decoration:none; font-size : 10px;}
a.topright:visited {color:#102C51; text-decoration:none; font-size : 10px;}
a.topright:hover   {color:#D2901E; text-decoration:none; font-size : 10px;}
a.topright:active  {color:#102C51; text-decoration:none; font-size : 10px;}
a.topunder:link    {color:#D5D6D6; text-decoration:none; font-size : 10px;}
a.topunder:visited {color:#D5D6D6; text-decoration:none; font-size : 10px;}
a.topunder:hover   {color:#F5F5F5; text-decoration:none; font-size : 10px;}
a.topunder:active  {color:white; text-decoration:none; font-size : 10px;}


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


/* Forum category titles */
.cattitle		{ font-family:trebuchet ms, verdana, sans-serif; font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #805106;}
a.cattitle		{ text-decoration: none; color : #805106;}
a.cattitle:hover	{ text-decoration: none; color : #D2901E;}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-family:trebuchet ms, verdana, sans-serif; font-weight: bold; font-size: 13px; color: #805106;}
a.forumlink 		{ text-decoration: none; color : #805106;}
a.forumlink:hover	{ text-decoration: none; color : #D2901E;}


/* 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 : #000000;}
a.nav			{ text-decoration: none; color : #805106;}
a.nav:hover		{ text-decoration: none; color : #D2901E;}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-family:trebuchet ms, sans-serif; font-weight: bold; font-size: 13px; color: black; }
a.topictitle:link   	{ text-decoration: none; color : #805106;}
a.topictitle:visited 	{ text-decoration: none; color : #805106;}
a.topictitle:hover	{ text-decoration: none; color : #D2901E;}

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

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


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


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #0F69B7;
	background-color: #FFFFFF; border: #F5F5F5; 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: #444444; line-height: 125%;
	background-color: #FFFFFF; border: #F5F5F5; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: none;}


input { text-indent : 2px; }


/* User inputs, buttons and textareas */

select
{
	height:1.6em;
	font:1.0em Verdana, sans-serif; 
	cursor: default;
	border: 1px solid #C3C3C3;
	background-color:#F8F8F8;
	color: #6D7579;
	padding:1px;
	margin-left:2px;
	margin-top:0px;
}

select:hover
{
	border-color: #939DA1;
}

select:focus
{
	border: 1px solid #774A00; 
	color: black;
	background: white;
}

input	
{ 
	color: #6D7579; 
	padding: 2px; 
	border: 1px solid #C3C3C3;
	font: 1.0em Verdana, Sans-Serif;
}

textarea	
{
	color: #6D7579; 
	padding: 2px 2px 2px 4px;  
	border: 1px solid #C3C3C3; 
	font: 1.0em Verdana, Sans-Serif; 
	overflow:auto;
	background:url(/graphics/construct/textarea.png) no-repeat 50% 50%;
}

input[type="text"], input[type="password"], textarea  
{
	margin: 0px 2px 0px; 
	background-color:#F8F8F8;
}


input[type="text"]:hover, input[type="password"]:hover, textarea:hover 
{
	border-color: #939DA1;
}


input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
	border: 1px solid #774A00; 
	color: black;
	background: white;
}

input[type="submit"], input[type="reset"]	   
{
	cursor:pointer;
	color:#774A00;
	background-color:#F8F8F8;
	padding:1px;
}

input[type="submit"]:hover, input[type="reset"]:hover    
{
	border-color:#939DA1;
	background-color:#F8F8F8; 
}

input[type="submit"]:focus, input[type="reset"]:focus  
{
	border-color:black; 
	color:black;
	background-color:#F8F8F8;
}

input[type="checkbox"]
{
	border-width:0; 
}

.meta
{
	font-size:9px;
}

/* The buttons used for bbCode styling in message post */
input.button {
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.liteoption {
	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: #ECEEF0; border-style: none; }


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