/*
Theme created by Team 101 Designs. Please do not remove the link at the bottem of the site.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body   { text-decoration: none; background-color: #ffffff; scrollbar-3dlight-color: #CFCFCF; scrollbar-arrow-color: #6BB71A; scrollbar-darkshadow-color: #ADADAD; scrollbar-face-color: #DBDBDB; scrollbar-highlight-color: #


FAFAFA; scrollbar-shadow-color: #DEE3E7; scrollbar-track-color: #EFEFEF  }

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

.forumline	   { text-decoration: none; background-color: #ffffff; border: solid 2px #858383 }

/* Main table cell colours and backgrounds */
td.row1	  { text-decoration: none; background-color: #cbcbcb }
td.row2	    { text-decoration: none; background-color: #c5c5c5; border: none }
td.row3	  { text-decoration: none; background-color: #cdcdcd }
td.row4 { text-decoration: none; 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     { text-decoration: none; background: #dbdede url("images/cellpic1.gif") repeat-x }

/* Header cells - the blue and silver gradient backgrounds */
th	  { color: #f5f5f5; font-size: 11px; font-weight: bold; text-decoration: none; background: #8c8c8c url("images/cellpic3.gif"); height: 25px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom    { text-decoration: none; background: #d1d7dc url("images/cellpic2.gif"); 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  { text-decoration: none; height: 29px; border-width: 0 }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR   { font-weight: bold; text-decoration: none; height: 28px }
td.row3Right,td.spaceRow   { text-decoration: none; background-color: #cdcdcd }

th.thHead,td.catHead   { font-size: 12px; text-decoration: none }
th.thSides,td.catSides,td.spaceRow	   { text-decoration: none }
th.thRight,td.catRight,td.row3Right	   { text-decoration: none }
th.thLeft,td.catLeft	    { text-decoration: none }
th.thBottom,td.catBottom    { text-decoration: none }
th.thTop	   { text-decoration: none }
th.thCornerL   { text-decoration: none }
th.thCornerR   { text-decoration: none }


/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1, h2 { color: #666; font-size: 22px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; text-decoration: none }
a.maintitle, h1, h2:visuted { color: silver; font-size: 22px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; text-decoration: none }
a.maintitle, h1, h2:hover { color: gray; font-size: 22px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; text-decoration: none }
/* General text */
.gen  { font-size: 12px }
.ann    { color: #424242; font-size: 18px; font-weight: bold; text-decoration: none; background-color: #d4d4d2; margin-left: 0; padding-right: 1px; padding-left: 21px }
.genmed  { font-size: 11px; text-decoration: none }
.gensmall  { font-size: 10px; text-decoration: none  }
.gen,.genmed,.gensmall  { color: #000000; text-decoration: none }
a.gen,a.genmed,a.gensmall   { color: #000000; text-decoration: none }
a.gen:hover,a.genmed:hover,a.gensmall:hover	   { color: #ff6000; text-decoration: none }


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


/* Forum category titles */
.cattitle		   { color: #555a64; font-size: 13px; font-weight: bold; text-decoration: none; letter-spacing: 2px }
a.cattitle		  { color: #555a64; text-decoration: none }
a.cattitle:hover  { color: #8c8c8c; text-decoration: none }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		  { color: #000000; font-size: 12px; font-weight: bold; text-decoration: none }
a.forumlink 	 { color: #000000; text-decoration: none }
a.forumlink:hover   { color: #ff6000; text-decoration: none }


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


/* titles for the topics: could specify viewed link colour too */
.topictitle			  { color: #000000; font-size: 11px; font-weight: bold; text-decoration: none }
a.topictitle:link      { color: #000000; text-decoration: none }
a.topictitle:visited  { color: #000000; text-decoration: none }
a.topictitle:hover	   { color: #ff6000; text-decoration: none }


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

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


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


/* Quote & Code blocks */
.code   { color: #000000; font-size: 11px; font-family: Courier, "Courier New", sans-serif; text-decoration: none; background-color: #ed9aa6; border: solid 1px }

.quote        { color: #4e4e4e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 125%; text-decoration: none; background-color: #d3d5d3; border: dashed 1px }


/* Copyright and bottom info */
.copyright		 { color: #444444; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 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: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-color: #000000 }

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

input  { text-decoration: none; text-indent: 2px }

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

/* The main submit button option */
input.mainoption  { font-weight: bold; text-decoration: none; background-color: #fafafa }

/* None-bold submit button */
input.liteoption  { font-weight: normal; text-decoration: none; background-color: #fafafa }

/* 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  { text-decoration: none; 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");