/*
  The original spfreaks Theme for phpBB version 2+
  Created by RedWolf
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
  background: url(/data/site/site_logo_background.jpg) black fixed no-repeat center center;
  margin: 0px;

  SCROLLBAR-DARKSHADOW-COLOR: #444444;
	SCROLLBAR-3DLIGHT-COLOR: #777777; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR: #666666; 
	SCROLLBAR-SHADOW-COLOR: #555555; 
	SCROLLBAR-FACE-COLOR: #BC0000; 
}

/* General font families for common tags */
font, th, td, p { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff;
  font-size: 12px;
  }
A:link, A:visited
	{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	}
A:hover, A:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}
IMG, a:link.img, a:visited.img, a:hover.img, a:active.img
	{
	border: none;
	}

.PageTitleBox
{
  padding-right: 2px;
  border-top: #BC0000 2px solid;
  padding-left: 2px;
  padding-bottom: 2px;
  width: 100%;
  padding-top: 2px;
  border-bottom: #BC0000 2px solid;
  border-right-style: none;
  border-left-style: none;
}
.PageTitle
{
  font-weight: bold;
  font-size: 14px;
  color: white;
  font-family: Verdana,Arial,sans-serif;
}
.PageFooter
{
  padding-right: 2px;
  border-top: #BC0000 2px solid;
  padding-left: 2px;
  padding-bottom: 5px;
  width: 100%;
  padding-top: 5px;
  border-bottom: #BC0000 2px solid;
  border-right-style: none;
  border-left-style: none;
}
.SmallText
{
  font-size: 8pt;
  color: #cccccc;
  font-family: Verdana, Arial,sans-serif;
}

.ImageFrame
{
  BORDER: solid 3 #444444;
}

hr	{ height: 0px; border: solid #BC0000 0px; border-top-width: 1px;}
hr.gray { height: 0px; border: solid #222222 0px; border-top-width: 1px; }

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

/* This is the outline round the main forum tables */
.forumline	{ background-color: transparent; border: 0px #BC0000 solid; }

/* */
.legendline { background-color: transparent; border: 1px #444444 solid; border-width: 1px 0px 1px 0px; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: transparent; border: 1px #444444 solid; border-width: 0px 1px 1px 1px;}
td.row2	{ background-color: transparent; border: 1px #444444 solid; border-width: 0px 1px 1px 0px;}
td.row3	{ background-color: transparent; border: 1px #444444 solid; border-width: 0px 1px 1px 0px;}


/*
  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: transparent;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #5694FE; font-size: 12px; font-weight : bold;
	background-color: #222222; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.catTop {
  background-color: transparent; border: #444444; border-style: solid; 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,td.catTop {
	height: 29px;
	border-width: 1px 1px 1px 1px;
	background-color: #222222;
}
td.catLeft,td.catRight,td.catSides {
	background-color: #222222;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #444444; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: transparent; border: #444444; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 1px 1px; }
th.thSides,td.catSides	 { border-width: 0px 1px 0px 1px; }
td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 1px 1px 1px 0px; }
th.thLeft,td.catLeft	  { border-width: 1px 1px 1px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 1px 1px 0px; }
td.catTop	 { border-width: 1px 1px 0px 1px; }
th.thCornerL { border-width: 1px 1px 1px 1px; }
th.thCornerR { border-width: 1px 1px 1px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: Verdana, 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 : 10px; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall, a.gen:visited,a.genmed:visited,a.gensmall:visited { 	
  background-color: transparent;
	color: #ffffff;
	text-decoration: none;
 }
a.gen:hover,a.genmed:hover,a.gensmall:hover,a.gen:active,a.genmed:active,a.gensmall:active	{ 	
  background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
 }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 10px; color : #FFFFFF }
a.mainmenu:link, a.mainmenu:visited
	{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	}
a.mainmenu:hover, a.mainmenu:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #5694FE;}
a.cattitle:link, a.cattitle:visited
	{
	background-color: transparent;
	color: #5694FE;
	text-decoration: none;
	}
a.cattitle:hover, a.cattitle:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #BC0000; }
a.forumlink:link, a.forumlink:visited
	{
	background-color: transparent;
	color: #BC0000;
	text-decoration: none;
	}
a.forumlink:hover, a.forumlink:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}

/* 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:link, a.nav:visited
	{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	}
a.nav:hover, a.nav:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}

/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #FFFFFF; }
a.topictitle:link, a.topictitle:visited
	{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	}
a.topictitle:hover, a.topictitle:active
	{
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	}


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

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFFF; }
.postbody a:link, .postbody a:visited
	{
	background-color: transparent;
	color: #bc0000;
	text-decoration: none;
	}
.postbody a:hover, .postbody a:active
	{
	background-color: transparent;
	color: #ff0000;
	text-decoration: none;
	}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #FFFFFF;
	background-color: #222222; border: #444444; border-style: dashed;
	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: 12px; color: #FFFFFF; line-height: 100%;
	background-color: #222222; border: #444444; border-style: dashed;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}


/* Copyright and bottom info */
.copyright		{ font-size: 12px; 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: underline;}

/* */
td.button { 
  font-weight: bold;
  font-size: 12px;
  color: #a8a8a8;
  font-family: Verdana,Arial,sans-serif;
  border: 1 #FFFFFF outset;
  background-color: #222222;
  text-align: center;
  text-decoration: none;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left :5px;
  padding-right: 5px;
  margin: 5px;
  cursor: hand;
}

/* Form elements */
form { margin: 0px; }
input,textarea, select {
  font-weight: normal;
  font-size: 12px;
  color: #a8a8a8;
  font-family: Verdana,Arial,sans-serif;
  background-color: #222222;
  text-align: left;
  text-decoration: none;
  padding: 2px;
  margin: 5px;
}

/* The text input fields background colour */
input.post, textarea.post, select {
  text-align: left;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
  text-align: center;
  font-weight: bold;
}
input.radio, input.checkbox {
  background-color: transparent;
}

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

/* None-bold submit button */
input.liteoption {
  font-weight: bold;
  text-align: center;
}

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


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