/* XD-Vapor Style.css */

A:link {
FONT-SIZE: 11px; 
COLOR: #747474; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

A:visited {
FONT-SIZE: 11px; 
COLOR: #747474; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

A:active {
FONT-SIZE: 11px; 
COLOR: #6C0000; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

A:hover {
FONT-SIZE: 11px; 
COLOR: #454545; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

BODY {
FONT-SIZE: 11px; 
CURSOR: default; 
COLOR: #ffffff; 
BACKGROUND-color: #110101; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

BODY {
SCROLLBAR-BASE-COLOR: #454545;  
SCROLLBAR-ARROW-COLOR: #FFFFFF;}

TEXTAREA {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #454242;
BORDER-TOP: 1px solid #353535; 
BORDER-BOTTOM: 1px solid #8A8A8A; 
BORDER-LEFT: 1px solid #353535; 
BORDER-RIGHT: 1px solid #8A8A8A;
font-size: 11px;
color: #747474}

P {
FONT-SIZE: 11px; 
COLOR: #FFFFFF; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

/* Changes colors for: Main Menu Block, Table Box, Story Box */
TABLE {
FONT-SIZE: 11px; 
COLOR: #FFFFFF; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none}

TD.content {
FONT-SIZE: 11px;
COLOR: #ffffff; 
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;}

TD.extra {
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 1px solid #282828; 
BORDER-BOTTOM: 1px solid #898989; 
BORDER-LEFT: 0px solid #282828; 
BORDER-RIGHT: 1px solid #898989}

hr {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #111111;
height: 1px;
width: 100%;}

UL {
LIST-STYLE-TYPE: square}

.center {
TEXT-ALIGN: center}

.justify {
TEXT-ALIGN: justify}

.right {
TEXT-ALIGN: right}

H1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none}

.heading {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none}

.heading1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none}

.blocktitle {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #FFFFFF; 
FONT-FAMILY: arial; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none}

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

SELECT {
color:#ffffff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color : #111111;
BORDER-TOP: #2A2A2A 1px solid; 
BORDER-BOTTOM: #111111 1px solid; 
BORDER-LEFT: #2A2A2A 1px solid; 
BORDER-RIGHT: #111111 1px solid;}


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


input {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #3F3F3F;
BORDER-TOP: 1px solid #2A2A2A; 
BORDER-BOTTOM: 1px solid #8A8A8A; 
BORDER-LEFT: 1px solid #2A2A2A; 
BORDER-RIGHT: 1px solid #8A8A8A;
font-size: 11px;
color: #ffffff}

input.1 {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #444647;
BORDER-TOP: 1px solid #2A2A2A; 
BORDER-BOTTOM: 1px solid #8A8A8A; 
BORDER-LEFT: 1px solid #2A2A2A; 
BORDER-RIGHT: 1px solid #8A8A8A;
font-size: 11px;
color: #ffffff}

input.noborder {
color:#ffffff;
background : #;
font:11px Arial,Helvetica,sans-serif;
BORDER-TOP: #ffffff 0px solid; 
BORDER-BOTTOM: #ffffff 0px solid; 
BORDER-LEFT: #ffffff 0px solid; 
BORDER-RIGHT: #ffffff 0px solid;}


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

.tablein {
BORDER-TOP: #353535 1px solid; 
BORDER-BOTTOM: #8A8A8A 1px solid; 
BORDER-LEFT: #353535 1px solid; 
BORDER-RIGHT: #8A8A8A 1px solid;}


/* This is the outline round the main forum tables */
.forumline	{ 
background: #000000;
BORDER-TOP: #353535 1px solid; 
BORDER-BOTTOM: #353535 1px solid; 
BORDER-LEFT: #353535 1px solid; 
BORDER-RIGHT: #353535 1px solid;}

.forumline2	{ 
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #111111; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 1px solid #282828}


/* Main table cell colours and backgrounds */
td.row1	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

td.row1cell	{
background-color : #111111;
BORDER-TOP: #282828 0px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 1px solid; 
BORDER-RIGHT: #282828 1px solid;}

td.row1rt	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 0px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

td.row1lt	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 0px solid #282828}

td.row1d	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 0px solid #282828; 
BORDER-LEFT: 0px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

td.row1u	{
background-color : #111111;
BORDER-TOP: #282828 0px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 0px solid; 
BORDER-RIGHT: #282828 1px solid;}

td.row2u	{
background-color : #111111;
BORDER-TOP: #282828 0px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 1px solid; 
BORDER-RIGHT: #282828 1px solid;}

td.row2	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

td.row3	{
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

/* Category Row Right */
td.rowpic {
background-color : #000000;
BORDER-TOP: #282828 1px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 1px solid; 
BORDER-RIGHT: #282828 1px solid;}

td.pic {
border:1px solid #111111; color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 25px;
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #525252
}

td.piclt {
color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 25px;
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #525252;
BORDER-TOP: 1px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 0px solid #282828}

td.picrt {
color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 25px;
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #525252;
BORDER-TOP: 1px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 0px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

/* Recent Topics Row*/
th {
color: #ffffff; 
font-size: 11px; 
font-weight : bold;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 0px solid #282828; 
BORDER-LEFT: 0px solid #282828; 
BORDER-RIGHT: 0px solid #282828;
height: 25px}

th.bar	{
color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 25px;
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #525252;
BORDER-TOP: 0px solid #282828; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #282828; 
BORDER-RIGHT: 1px solid #282828}

th.1	{
border:1px solid #282828; color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 25px;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #1F0000
}

/* Category Row Left */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-color : #000000;
BORDER-TOP: #282828 1px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 1px solid; 
BORDER-RIGHT: #282828 1px solid;
height: 15px;}


/*
  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 :-)
*/

/* Recent Topics, Row1, Viewforum_Body.tpl */
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
font-weight: bold; 
background-color : #111111;
BORDER-TOP: #282828 0px solid; 
BORDER-BOTTOM: #282828 1px solid; 
BORDER-LEFT: #282828 1px solid; 
BORDER-RIGHT: #282828 1px solid;}

/* Forum_Body.tpl - Last Column */
td.row3Right, td.spaceRow {
border:1px solid #282828; height: 25px;
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
}


/* 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.maintitle:link   { text-decoration: none; color : #ffffff; font-size: 18px; }
a.maintitle:visited { text-decoration: none; color : #ffffff; font-size: 18px; }
a.maintitle:hover	{ text-decoration: NONE; color : #494949; font-size: 18px; }


/* General text */
.gen { font-size : 11px; color : #ffffff; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen, .genmed, .gensmall { color : #ffffff; }
a.gen, a.genmed, a.gensmall { color: #ffffff; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover { color: #ffffff; 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.mainmenu:hover{ text-decoration: none; color : #494949;}


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


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


/* 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.nav:hover		{ text-decoration: NONE; color : #494949;}


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


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


.quote {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #1F0000;
BORDER-TOP: 1px solid #2A2A2A; 
BORDER-BOTTOM: 1px solid #450000; 
BORDER-LEFT: 1px solid #2A2A2A; 
BORDER-RIGHT: 1px solid #450000;
font-size: 11px;
color: #FFFFFF}

.code {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #1F0000;
BORDER-TOP: 1px solid #2A2A2A; 
BORDER-BOTTOM: 1px solid #450000; 
BORDER-LEFT: 1px solid #2A2A2A; 
BORDER-RIGHT: 1px solid #450000;
font-size: 11px;
color: #FFFFFF}

input.sub {
color:#ffffff;
font-size:11px;
font-family: Arial,Helvetica,sans-serif;
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #494949;
BORDER-TOP: 0px solid #450000; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #450000; 
BORDER-RIGHT: 1px solid #282828}

/* The buttons used for bbCode styling in message post */
input.button {
color:#ffffff;
font-size:11px;
font-family: Arial,Helvetica,sans-serif;
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 0px solid #4B4B4B; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #4B4B4B;
BORDER-RIGHT: 1px solid #282828}

/* The main submit button option */
input.mainoption {
color:#ffffff;
font-size:11px;
font-family: Arial,Helvetica,sans-serif;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 0px solid #4B4B4B; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #4B4B4B; 
BORDER-RIGHT: 1px solid #282828}

/* None-bold submit button */
input.liteoption {
color:#ffffff;
font-size:11px;
font-family: Arial,Helvetica,sans-serif;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 0px solid #4B4B4B; 
BORDER-BOTTOM: 1px solid #282828; 
BORDER-LEFT: 1px solid #4B4B4B; 
BORDER-RIGHT: 1px solid #282828}

/* 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/bar.gif');
background-repeat: repeat-x;
background-color : #111111;
BORDER-TOP: 1px solid #2A2A2A; 
BORDER-BOTTOM: 1px solid #8A8A8A; 
BORDER-LEFT: 1px solid #2A2A2A; 
BORDER-RIGHT: 1px solid #8A8A8A;
font-size: 11px;
color: #ffffff}