/*

  The original subSilver Theme for phpBB version 2+

  Created by subBlue design

  http://www.subBlue.com

*/





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

body {

	background-color: #E5E5E5;

	scrollbar-face-color: #DEE3E7;

	scrollbar-highlight-color: #FFFFFF;

	scrollbar-shadow-color: #DEE3E7;

	scrollbar-3dlight-color: #D1D7DC;

	scrollbar-arrow-color:  #006699;

	scrollbar-track-color: #EFEFEF;

	scrollbar-darkshadow-color: #98AAB1;

}



/* General font families for common tags */

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link,a:active,a:visited { color : #99cc99; }

a:hover		{ text-decoration: underline; color : #DD6900; }

hr	{ height: 0px; border: dotted #777 0px; border-top-width: 1px;}





/* This is the border line & background colour round the entire page */

.bodyline	{ background-color: #FFFFFF; border: 0px #98AAB1 solid; }



/* This is the outline round the main forum tables */

.forumline	{ border: 0px #006699 solid; }



/*

//====================================================================== |

//==== Start Advanced BBCode Box MOD =================================== |

//==== v5.1.0 ========================================================== |

//====

*/

.postimage {

	cursor: pointer;

	cursor: hand;

}

.postimage:hover {

	background-color: #C2CFE5;

	cursor: pointer;

	cursor: hand;

}

/*

//====

//==== End Advanced BBCode Box MOD ==================================== |

//===================================================================== |

*/



/* Main table cell colours and backgrounds */

td.row1	{ background-color: #333333; }

td.row2	{ background-color: #222222; }

td.row3	{ background-color: #222222; }





/*

  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: #333333;

		border-bottom: 1px solid black;

}



/* Header cells - the blue and silver gradient backgrounds */

th	{

	color: #fff; font-size: 11px; font-weight : bold;

	background-color: #69706a; height: 25px;

	border-bottom: 1px solid black;

}



td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

		background-color: #333333;

		border-bottom: 1px solid black;

		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: 29px;

}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {

	font-weight: bold; height: 28px; }

td.row3Right,td.spaceRow {

	background-color: #222222;}



/* 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.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,h1,h2	{

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

.gen,.genmed,.gensmall { color : #ccc; }

a.gen,a.genmed,a.gensmall { color: #99cc99; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #99cc99; text-decoration: underline; }





/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 11px; color : #cccccc }

a.mainmenu		{ text-decoration: none; color : #99cc99;  }

a.mainmenu:hover{ text-decoration: underline; color : #99cc99; }





/* Forum category titles */

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #99cc99}

a.cattitle		{ text-decoration: none; color : #99cc99; }

a.cattitle:hover{ text-decoration: underline; }





/* Forum title: Text and link to the forums used in: index.php */

.forumlink		{ font-weight: bold; font-size: 12px; color : #99cc99; }

a.forumlink 	{ text-decoration: none; color : #99cc99; }

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: bold; font-size: 11px; color : #ccc;}

a.nav			{ text-decoration: none; color : #99cc99; }

a.nav:hover		{ text-decoration: underline; }





/* titles for the topics: could specify viewed link colour too */

.topictitle			{ font-weight: bold; font-size: 11px; color : #ccc; }

a.topictitle:link   { text-decoration: none; color : #99cc99; }

a.topictitle:visited { text-decoration: none; color : #669966; }

a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }





/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name			{ font-size : 11px; color : #ccc;}



/* Location, number of posts, post date etc */

.postdetails		{ font-size : 10px; color : #ccc; }





/* The content of the posts (body of text) */

.postbody { font-size : 11px;}

a.postlink:link	{ text-decoration: none; color : #006699 }

a.postlink:visited { text-decoration: none; color : #5493B4; }

a.postlink:hover { text-decoration: underline; color : #DD6900}





/* Quote & Code blocks */

.code {

	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #ccc;

	background-color: #444; border: #666; border-style: dotted;

	border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px

}



.quote {

	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ccc; line-height: 125%;

	background-color: #444; border: #666; border-style: dotted;

	border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px

}



/* Lexicon navigation*/

.letter { font:bold 10pt Verdana; text-decoration:none }

.letter:hover { text-decoration:underline }

.letter2 { font:bold 11pt Verdana; text-decoration:none; }

.letter3 { font:bold 10pt Verdana; color:#C0C0C0 }



/* Lexicon categorie */

.categorie { font: 7pt Verdana; color:#B0B0F0; text-decoration:none }



/* Lexicon crosslinks */

crosslink: { color : #000000; }

a.crosslink:link { text-decoration: none; color : #777755; }

a.crosslink:visited { text-decoration: none; color : #777755; } 

a.crosslink:hover { text-decoration: none; color : #773366; }



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





/* Form elements */

input,textarea, select {

	color : #000000;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	border-color : #000000;

}
.radiobutton {background: #333;}


/* The text input fields background colour */

input.post, textarea.post, select {

	background-color : #dedede;

	border: 1px solid black;

}



input { text-indent : 2px; }



/* The buttons used for bbCode styling in message post */

input.button {

	background-color : #EFEFEF;

	color : #000000;

	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

}



/* The main submit button option */

input.mainoption {

	background-color : #29322a; 

	font-weight : bold;

	color: #ccc;

	border: 1px solid gray;

}



/* None-bold submit button */

input.liteoption {

	background-color : #69706a;

	font-weight : normal;

	color: #ccc;

	border: 1px solid gray;

}



/* 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");





body {

margin: 0px;

background: url(images/backdrop.jpg) #394f3a;

background-repeat: repeat-x

}



a {

color: #99cc99;

text-decoration: none;

}



a:hover {

color: white;

}



img { border: 0px;}



td, table, tr { font-family; Arial, Helvetica; font-size: 11px; color: #CCCCCC;}



input, select { font-size: 9px; background: #CCCCCC; border: 0px;}



.RadioBorder { border: 0px 0px 0px 0px; background-color: transparent;}



form div { color: #ccc; }

form span { color: #ccc; }



#BodyWrapper {

width: 1000px;

background: url(images/bg_overall.gif) #222222;

margin: auto;

border-bottom: 1px solid black;

}



#ContentWrapper {

width: 990px;

margin: auto;

}



.Content {

margin: 0 10px 0 10px;

/* background: url(images/menu_drop3.gif) no-repeat; */

}



.Header {

width: 990px;

height: 98px;

}



.NavContainer

{

width: 990px;

height: 28px;

background: url(images/menu_drop.gif) #222222;

}



.SearchBox {

position: relative;

left: 720px;

top: -80px;

width: 260px;

height: auto;

}



/* IE6 creates extra padding here */

* html .SearchBox {margin-bottom: -49px;}



.SearchBox form {

margin: 0px;

padding: 0px;

}



.SearchBox input, select {

font-size: 9px;

border: 1px solid gray;

}



.SearchBox .submit {

border: 0px;

}



.BannerTop {

text-align: center;

margin-bottom: 18px;

}



/* Sub Navigation Bar */



#SubNav {

width: 990px;

height: 18px;

background-color: #333;

background: url(images/menu_drop2.gif) #333;

background-repeat: no-repeat;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

color: #999;

margin-bottom: 18px;

clear: both;

}



#SubNav .left {

padding-left: 12px;

padding-top: 2px;

float: left;

}



#SubNav .right {

padding-right: 12px;

padding-top: 2px;

float: right;

}



a.TopNavSup { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #8e8e8e; text-decoration: none;}

a.TopNavSup:Visited { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #8e8e8e; text-decoration: none;}

a.TopNavSup:Hover { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #99cc99; text-decoration: none;}

.TopNavSup { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #8e8e8e; text-decoration: none;}



.TopNavCounter {

color: #CCC;

}



/* Content Structure */



#PortalContainer {

margin: 0 -10px 0 -10px;

}



#LeftColumn {

width: 200px;

float: left;

}



#RightColumn {

width: 200px;

float: left;

}



#MainColumn {

width: 580px;

float: left;

}



/* Content Blocks */



.PortalBlockHead {

margin: auto;

width: 180px;

}



.PortalBlock {

background: url(images/portal_block_top.gif) 0 0 no-repeat #333;

margin: auto;

width: 170px;

padding: 5px;

}



.PortalBlockFoot {

background: url(images/portal_block_bottom.gif) no-repeat;

margin: auto;

width: 180px;

height: 7px;

margin-bottom: 10px;

}



h1 {

background: url(images/portal_h1.gif) no-repeat;

width: 580px;

height: 21px;

margin-bottom: 0px;

padding: 0px;

margin-top: 0px;

}



/* IE problem */

* html h1 {margin-bottom: -8px;}



h1 span {

font-family: Verdana;

font-size: 8px;

display: block;

height: 21px;

padding: 6px 0 0 18px;

text-decoration: none; 

line-height : 100%; 

color : #ccc;

text-transform:uppercase;

}



.ContentBlock {

background: url(images/content_block_top.gif) 0 0 no-repeat #333;

width: 560px;

padding: 10px;

float: left;

}



.ContentBlockFoot {

background: url(images/content_block_bottom.gif) no-repeat;

width: 580px;

height: 7px;

margin-bottom: 10px;

}



/* Portal Page Styles */



.CalDay {

background-color: #444;

}



.CalEvent {

border-top: 1px dotted #ccc;

}



.RecentTopics {

width: 270px;

float: left;

}



.LatestOffers {

width: 270px;

float: right;

}



.ContentBlock h2 {

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #ccc;

text-decoration: none; 

line-height : 150%; 

}



.ContentBlock ul, p {

list-style-type: square;

font-size: 10px;

line-height: 150%;

}



.NewsDivider {

border-bottom: 1px solid black;

border-top: 1px solid #444;

margin: 15px -10px 15px -10px;

}



.NewsBlockImg {

border: 1px solid black;

margin: 0px 0px 10px 10px;

float: right;

}



.NewsBlock h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: bold;

margin-bottom: 0px;

padding-bottom: 2px;

}



.NewsBlock h3 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

padding-top: 2px;

padding-bottom: 0px;

margin-top: 0px;

margin-bottom: 3px;

font-weight: normal;

color: #808080;

}



.NewsFoot {

text-align: left;

font-size: 10px;

color: #808080;

}



.MoreAction {

line-height: 150%;

padding-top: 7px;

display: block;

}



.Chunk { /* For comic pages display */

width: 190px;

height: 181px;

text-align: center;

float: left;

padding-bottom: 20px;

}



/* Main Navigation Rollovers */



#mainnav {padding: 0px 0; margin: 0px 0; background-color:#000000; position: relative; bottom: 0px; z-index: 4000; float: right;}



#mainnav ul {

margin:0;

padding:0;

}



#mainnav li{float: left; padding: 0px; position: relative; list-style-type: none; width: auto;} 

#mainnav li a {color: #ffffff} 

 

#mainnavlist a{ 

     display: block; 

     height: 19px; 

     background-image: url(images/menu_master.gif); 

     background-repeat: no-repeat; 

     margin: 0px auto; 

     padding:0; 

    z-index:20; 

     float: left; 

     }



#mainnavlist a span {display: none;}



.menuforums{ width: 124px; background-position: 0 0; }

.menureviews{  width: 124px; background-position: -124px 0; }

.menumedia{ width: 124px; background-position: -248px 0; }

.menuclassifieds{ width: 124px; background-position: -372px 0; }

.menuinfo{ width: 124px; background-position: -496px 0; }



.forums .menuforums, .menuforums:hover{ width: 124px; background-position: 0 -19px; }

.reviews .menureviews, .menureviews:hover{  width: 124px; background-position: -124px -19px; }

.media .menumedia, .menumedia:hover{ width: 124px; background-position: -248px -19px; }

.classifieds .menuclassifieds, .menuclassifieds:hover{ width: 124px; background-position: -372px -19px; }

.info .menuinfo, .menuinfo:hover{ width: 124px; background-position: -496px -19px; }

	

/* Main Navigation Drop Down Menus */



#mainnav li ul{

	position:absolute;

	left:-999em; 

	top: 19px;

	margin-top:-13px;

	display: block;

	width: 114px;

	border-left: 1px solid black;

	}



* html #mainnav li ul {top:19px; margin-top: -3px; }



#mainnav li:hover ul, #mainnav li.over ul{

	left: 1px;

	margin: 0px;

    border-top: 0;

	}



#mainnav li ul li {

	display:block;

    width: 114px;

	}



#mainnav li ul li a{

	background-image: none;

	float:none;

	display:block;

    height: auto;

	width:114px;

	color: #ffffff;

    font: 10px Arial, Helvetica, sans-serif ;

	text-decoration: none;

	padding: 5px 5px 5px 5px;

   	background-color: #464646;

    filter:alpha(opacity=70);

    -moz-opacity:.70;

    opacity:.70;	

   	}



#mainnav li ul li a:hover {

    color: #f1f1f1;

    background-color: #000000;

    filter:alpha(opacity=100);

    -moz-opacity:.99;

    opacity:.99;	

    }

	

/* Footer Styles */	



.BannerBottom {

text-align: center;

padding-top: 10px;

padding-bottom: 18px;

clear: both;

}

	

#FootNav {

width: 990px;

height: 28px;

background-color: #29322a;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

color: #999;

clear: both;

border-top: 1px solid black;

}	



#FootNav div {

padding-right: 12px;

padding-top: 8px;

text-align: right;

}	



/* Utility Classes */



.clear {clear: both;}

.right {float: right; padding: 0 0 5px 5px;}

.left {float: left; padding: 0 5px 5px 0;}

/* Checkbox borders for IE */
.checkborder {border: 0px; background: transparent;}