A:link {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  Arial; 
TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  Arial; 
TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:  Arial; 
TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px; 
COLOR: #cccccc; 
FONT-FAMILY:  Arial; 
TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px; 
CURSOR: default; 
COLOR: #ffffff; 
BACKGROUND-color: #000000; 
FONT-FAMILY:  Arial; 
TEXT-DECORATION: none
}

TEXTAREA {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}
P {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
TABLE {
FONT-SIZE: 12px; 
COLOR: #ffffff;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}

TD.content {
FONT-SIZE: 12px;
COLOR: #ffffff; 
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
 
}
TD.storytitle {
color:#FFFFFF;
background-color : #000000; 
font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial

}
TD.extra {
background-image: url('../images/messs.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}

hr {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #666666;
height: 2px;
width: 100%;
}
TD.infolt {
background-image: url('../images/mess.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}
TD.infort {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}

TD.storyx {
color:#ffffff;
background-color : #000000;  
font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}

UL {
	LIST-STYLE-TYPE: square
}
.center {
	TEXT-ALIGN: center
}
.justify {
	TEXT-ALIGN: justify
}
.right {
	TEXT-ALIGN: right
}
H1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR:#ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.heading {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.heading1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.blocktitle {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: arial; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none

}.storytitle {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: arial; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}

SELECT {
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;

}
/*Only IE will show for the scroller style */
BODY {
SCROLLBAR-BASE-color:  #313131;
SCROLLBAR-ARROW-color: #cccccc;
}

/* Copyright and bottom info */
.copyright { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
a.copyright { font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;}
a:link.copyright { font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: NONE;}
a:active.copyright { font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: NONE;}
a:visited.copyright { font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: NONE;}
a:hover.copyright { font-size: 10px; font-weight: bold; color: #666666; text-decoration: NONE;}


input {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial
}

input.noborder {
color:#ffffff;
background-color : #000000; 
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
/* This is the border line & background colour round the entire page */
.bodyline	{ 
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
.tablein {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}

.tableout {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}	
/* This is the outline round the main forum tables */
.forumline	{ 
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
.forumline2	{ 
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}

/* Main table cell colours and backgrounds */
td.row1 {
background-image: url('../images/messs.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
td.row2	{
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
td.row3	{
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
td.rowpic {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
td.pic
{
font-size: 11px; 
font-weight : bold;
height: 25px;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
th	{
background-image: url('../images/messs.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
height: 20px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif
}
th.1	{
font-weight : bold;
height: 25px;
background-image: url('../images/messs.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666; font-weight:normal; font-style:normal; font-variant:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif
	
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	color:#CCCCCC;
	BORDER-TOP: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #666666;
	BORDER-LEFT: 1px solid #cccccc;
	BORDER-RIGHT: 1px solid #666666;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}


.thCornerR{ font-size : 12px; color : #ffffff; }
.thCornerL{ font-size : 12px; color : #ffffff; }

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
color:#ffffff;
background-color : #000000; 
height: 28px; 
}
td.row3Right,td.spaceRow {
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}
a:link.maintitle   { text-decoration: none; color : #ffffff; font-size: 18px; }
a:visited.maintitle { text-decoration: none; color : #ffffff; font-size: 18px; }
a:hover.maintitle	{ text-decoration: NONE; color : #666666; font-size: 18px; }

/* General text */
.gen { font-size : 12px; color : #ffffff; }
.genmed { font-size : 11px; color : #ffffff; }
.gensmall { font-size : 10px; color : #ffffff; }
.gen,.genmed,.gensmall { color : #ffffff; }
a.gen,a.genmed,a.gensmall { color: #ffffff; text-decoration: none; }
a:hover.gen, a:hover.genmed, a:hover.gensmall	{ color: #666666; text-decoration: none; }


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


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #ffffff}
a.cattitle		{ text-decoration: none; color : #ffffff; }
a:hover.cattitle{ text-decoration: none; color : #666666;}


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


/* 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 : #ffffff;}
a.nav			{ text-decoration: none; color : #ffffff; }
a:visited.nav		{ text-decoration: NONE; color : #ffffff;}
a:link.nav		{ text-decoration: NONE; color : #ffffff;}
a:hover.nav		{ text-decoration: NONE; color : #666666;}


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


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #ffffff;}
a:link.postlink	{ text-decoration: none; color : #ffffff; }
a:visited.postlink { text-decoration: none; color : #ffffff; }
a:hover.postlink { text-decoration: NONE; color : #666666; }

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #FFFFFF; }
a:link.postlink	{ text-decoration: none; color : #ffffff; }
a:visited.postlink { text-decoration: none; color : #ffffff; }
a:hover.postlink { text-decoration: NONE; color : #666666; }

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

/* Quote & Code blocks */
.code {

background-repeat: repeat-x;
color:#434444;
background-color : #999999;
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #cccccc; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #cccccc; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif
}

.quote {
background-repeat: repeat-x;
color:#ffffff;
background-color : #999999;
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #cccccc; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #cccccc; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif
}



/* Form elements */

input.sub {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#ffffff;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}
/* The text input fields background colour */
input.post, textarea.post {
	background-color : #000000; 
}


/* The buttons used for bbCode styling in message post */
input.button {
background-image: url('../images/messs.gif');
background-repeat: repeat-x;
color:#FFFFFF;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}

/* The main submit button option */
input.mainoption {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#FFFFFF;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}

/* None-bold submit button */
input.liteoption {
background-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#FFFFFF;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}


/* 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-image: url('../images/bg.gif');
background-repeat: repeat-x;
color:#FFFFFF;
background-color : #000000; 
BORDER-TOP: 1px solid #cccccc; 
BORDER-BOTTOM: 1px solid #666666; 
BORDER-LEFT: 1px solid #cccccc; 
BORDER-RIGHT: 1px solid #666666;
}