/*

  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

	Frother Theme created by Nick 'Doc' Ashton
	at Frothers Unite! UK (www.frothersunite.com)
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #000000;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #AAAAC0;
	scrollbar-arrow-color:  #C00000;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #AAAAC0;
	height: 100%;
}

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

/* This is the border line & background colour round the entire page */
.bodyline	{ 	background-color: #FFFFFF; /*background-image:url(images/steelcloudslt.gif);*/
				border: 2px #C00000 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #DEE3E7; border: 2px #AAAAC0 solid;}

/* Main table cell colours and backgrounds */
/*td.row0	{ background-color: #000000; }*/
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #B6BCC2; }

/*
  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: #EFEFEF;
		background-image:   url(images/cellpic2.gif);
		background-repeat: no-repeat;
		background-position: left;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #222C2F; font-size: 90%; font-weight : bold;
	background-color: #EFEFEF; height: 180%;
	background-image:   url(images/cellpic1.gif);
	background-repeat: repeat-x;
	background-position: center;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image:   url(images/cellpic1.gif);
			background-repeat: repeat-x;
			background-position: center;
			background-color: #EFEFEF; border: #FFFFFF; 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 {
	height: 180%;
	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: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #B6BCC2; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 100%; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 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 */
span.gen, td.gen { font-size : 90%; }
span.genrev, td.genrev, p.genrev  { font-size : 90%; color: white}
span.genmed, td.genmed { font-size : 80%; }
span.gensmall, div.gensmall, td.gensmall { font-size : 65%; }
.gen,.genmed,.gensmall { color : #000000; }
a.genrev, a.genrev:visited { color: yellow; text-decoration: none; }
a.genrev:hover { color: yellow; text-decoration: underline; }
a.gen,a.genmed,a.gensmall, a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #C00000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #C00000; text-decoration: underline; }

/* Forum category titles */
.cattitle		{ font-weight: bold; letter-spacing: 1px; color : #C00000}
span.cattitle, td.cattitle { font-size: 80%; }
a.cattitle, a.cattitle:visited	{ text-decoration: none; color : #C00000; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; color : #000000; }
a.forumlink:link, a.forumlink:visited	{ font-size: 80%; text-decoration: none; color : #C00000; }
a.forumlink:hover, a.forumlink:active { font-size: 80%; text-decoration: underline; color : #C00000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
td.nav, span.nav, div.nav		{ font-weight: bold; font-size: 80%; color : #000000;}
a.nav, a.nav:visited	{ text-decoration: none; color : #C00000; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
span.topictitle,td.topictitle,div.topictitle,h1,h2	{ font-weight: bold; font-size: 80%; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #C00000; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #C00000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
span.name, div.name, td.name	{ font-size : 71%; color : #000000;}

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

/* The content of the posts (body of text) */
.postbody { font-size : 90%; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : #C00000 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #C00000}

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

/* Copyright and bottom info */
span.copyright, td.copyright, div.copyright		{ font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright, a.copyright:visited	{ color: #C50601; text-decoration: none;}
a.copyright:hover { color: #C50601; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
	border: 1px;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

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

/* The main submit button option */
input.mainoption {
	font-size : 80%;
	background-color : #FAFAFA;
	font-weight : bold;
	border-style : outset;
}

/* None-bold submit button */
input.liteoption {
	font-size : 78%;
	background-color : #FAFAFA;
	font-weight : normal;
	border-style : groove;
}

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

/*Additional*/
	.toplink {background-color:#C50601;}

  .W1, A.W1, A.W1:visited  {	
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 100%;
	color: white;
	text-decoration: none;
	text-align: center;
	background-position: center;
}

  A.W1:hover { text-decoration: underline; color: white; }

  .title{ font-family: Arial, Helvetica, sans-serif; font-size: 36pt; color: white; }
  
  .big {font-size: 180%;}
  
  .admin_online, a.admin_online{color: black; font-weight:bold;}
  .mod_online, a.mod_online{color:#6A0300; font-weight:bold;}

	ol { list-style-type: lower-alpha; }

/*Div tag CSS positioning etc*/

  #index_subheader {
  	width: 100%;
	float:left;
  }
  #index_welcomebox, #index_mailbox{
  	background-color: #DEE3E7; background-image:url(images/steelcloudslt.gif);
	border: 3px #AAAAC0 solid; height: inherit;
	padding: 5px;
  }
  #index_welcomebox{
  	width: 40%; float:left;
  }
  #index_mailbox{
	width: 30%; float:right;
  }
  
td.tag, td.tag_selected {
	text-align: center;
	background-color: #CCCCCC;
	border-top: 2px outset;
	border-right: 2px outset;
	border-bottom: 0px outset;
	border-left: 2px outset;
}
td.tag_selected {
	background-color: #EEEEEE;
}
.nowrap {
	white-space:nowrap;
}