﻿/* DD-Cod4 Style.css */

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

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

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

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

BODY {
FONT-SIZE: 11px; 
CURSOR: default; 
COLOR: #ffffff; 
BACKGROUND-color: #040B02; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}

BODY {
SCROLLBAR-BASE-COLOR: #858567;  
SCROLLBAR-ARROW-COLOR: #202000;}

TEXTAREA {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
color:#C7C79E;
font-size: 11px;
background-color : #454545;
BORDER-TOP: 1px solid #121212; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #121212; 
BORDER-RIGHT: 1px solid #171717;
font-size: 11px;
color: #C7C79E;}

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: #C7C79E; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none;}

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

TD.extra {
background-color : #0B0701;
BORDER-TOP: 0px solid #787861; 
BORDER-BOTTOM: 0px solid #141617; 
BORDER-LEFT: 0px solid #121212; 
BORDER-RIGHT: 0px solid #212121;}

hr {
border-top: 1px solid #121212;
border-bottom: 1px solid #171717;
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: #566470; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
LETTER-SPACING: 1px; 
TEXT-DECORATION: none;}

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

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

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

.storytitle {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #dcdcdc; 
FONT-FAMILY: Arial; 
LETTER-SPACING: 1px; 
TEXT-DECORATION: none;}

SELECT {
color:#ffffff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color : #0E0E0E;
BORDER-TOP: #121212 0px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 0px solid; 
BORDER-RIGHT: #171717 1px solid;}


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


input {
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #725323;
BORDER-TOP: 1px solid #4F4F4F; 
BORDER-BOTTOM: 1px solid #000000; 
BORDER-LEFT: 1px solid #4F4F4F; 
BORDER-RIGHT: 1px solid #000000;
font-size: 11px;
color: #ffffff}

input.1 {
background-image: url('../images/input.gif');
background-repeat: repeat-x;
background-color : #141414;
BORDER-TOP: 0px solid #121212; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 0px solid #121212; 
BORDER-RIGHT: 1px solid #171717;
font-size: 11px;
color: #ffffff}

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


/* This is the border line &amp; background colour round the entire page */
.bodyline	{ 
background-color: #111105; 
border:1px solid; 
border-color:#181818;}

.tablein {
BORDER-TOP: #121212 0px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 0px solid; 
BORDER-RIGHT: #171717 1px solid;}


/* This is the outline round the main forum tables */
.forumline	{ 
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: #121212 0px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 0px solid; 
BORDER-RIGHT: #171717 1px solid;}

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


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

td.row1cell	{
background-image: url('../images/bar.gif');
background-color : #24240C;
BORDER-TOP: #121212 1px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;}

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

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

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

td.row1u	{
background-image: url('../images/bar.gif');
background-color : #24240C;
BORDER-TOP: #121212 1px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;}

td.row2u	{
background-color : 24240C;
BORDER-TOP: #121212 1px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;}

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

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

/* Category Row Right */
td.rowpic {
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #24240C;
BORDER-TOP: #121212 1px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;}

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

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

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

/* Recent Topics Row*/
th {
color: #FFFFFF; 
font-size: 11px; 
font-weight : bold;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 1px solid #121212; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #121212; 
BORDER-RIGHT: 1px solid #171717;
height: 15px}

th.bar	{
color: #FFFFFF; 
font-size: 11px; 
font-weight : bold;
height: 15px;
background-image: url('../images/bar.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 1px solid #121212; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #121212; 
BORDER-RIGHT: 1px solid #171717}

th.1	{
border:1px solid #121212; color: #ffffff; 
font-size: 11px; 
font-weight : bold;
height: 15px;
background-image: url('../images/bar2.gif');
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: 1px solid #121212; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #121212; 
BORDER-RIGHT: 1px solid #171717}

/* Category Row Left */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-image: url('../images/bar3.gif');
background-repeat: repeat-x;
background-color : #24240C;
BORDER-TOP: #121212 1px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;
height: 20px;}


/*
  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 : #141414;
BORDER-TOP: #121212 11px solid; 
BORDER-BOTTOM: #171717 1px solid; 
BORDER-LEFT: #121212 1px solid; 
BORDER-RIGHT: #171717 1px solid;}

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


/* 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 : 100%; color : #171717;}

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 : 11px; }
.gen, .genmed, .gensmall { color : #E6E6C5; }
a.gen, a.genmed, a.gensmall { color: #ffffff; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover { color: #CAC9BA; 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: 1px; color : #E6E6C5}
a.cattitle		{ text-decoration: none; color : #E6E6C5; }
a.cattitle:hover{ text-decoration: none; color : #CAC9BA;}

/* WhosOnline category title */
.cattitle2		{ font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #E6E6C5}
a.cattitle2		{ text-decoration: none; color : #E6E6C5;}
a.cattitle2:hover{ text-decoration: none; color : #CAC9BA;}

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

/* Forum Navigation Text Links */
.fheader	    { font-weight: bold; font-size: 11px; color : #CAC9BA; }
a.fheader 	    { text-decoration: none; color : #CAC9BA; }
a.fheader:hover { text-decoration: none; color : #E6E6C5; }

/* 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 : #8C8C8C;}
a.nav			{ text-decoration: none; color : #8C8C8C; }
a.nav:hover		{ text-decoration: NONE; color : #CAC9BA;}

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

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

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 11px; color : #ffffff; }

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

.quote {
background-image: url('../images/back.jpg');
background-repeat: repeat-x;
background-color : #1E1E16;
BORDER-TOP: 1px solid #DBDBDB; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #DBDBDB; 
BORDER-RIGHT: 1px solid #171717;
font-size: 11px;
color: #FFFFFF}

.code {
background-image: url('../images/back.jpg');
background-repeat: repeat-x;
background-color : #1E1E16;
BORDER-TOP: 1px solid #DBDBDB; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #DBDBDB; 
BORDER-RIGHT: 1px solid #171717;
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 : #636363;
BORDER-TOP: 1px solid #DBDBDB; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #DBDBDB; 
BORDER-RIGHT: 1px solid #171717}

/* 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 : #636363;
BORDER-TOP: 1px solid #DBDBDB; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #DBDBDB;
BORDER-RIGHT: 1px solid #171717}

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

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

/* 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 : #141414;
BORDER-TOP: 1px solid #0A0A0A; 
BORDER-BOTTOM: 1px solid #171717; 
BORDER-LEFT: 1px solid #0A0A0A; 
BORDER-RIGHT: 1px solid #171717;
font-size: 11px;
color: #ffffff}