/*
  The DeepSpaceRed Theme for Nuke 7.0 & PHPBB 2.0.6 Versions
  Same Style Sheet Doubled For Both Forum Style & Nuke Themes
  Design By Dave http://www.kissoftware.co.uk
  Webmaster@kissoftware.co.uk
  July 2004
  
Note::
All style references are taken from this sheet, ignore the style sheet
in the forums folder.

All graphics are in the style images folder & the forum icons are
in the forums images and forum/images/admin folder.

Some are not used as they are the original Phpbb2 files and templates!

Also included is a cursor to match the theme or nearly - keep the name!
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #000000;
	color:#FFFFFF;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	scrollbar-3dlight-color: #000066;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#999999;
	scrollbar-face-color:#000066;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color: #0099FF;
	scrollbar-track-color: #000000;
	cursor: url(themes/DeepSpaceBlue/style/images/DeepSpaceBlue.cur);
	background-attachment: fixed;
        background-position: x50% y50%;
	background-image: url(images/celestia_1024.jpg);
	background-repeat: repeat;
}





/* General font families for common tags */
font,th,td,p,div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
hr {
	height:0px;
	border-top: 2px groove #0099FF;
	border-right: 0px groove #0099FF;
	border-bottom: 0px groove #0099FF;
	border-left: 0px groove #0099FF;
}


/* This is the border line & background colour round the entire page */
.bodyline	{
	color: #FFFFFF;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
	height: 30px;
	border: 1px inset #000066;
	
}

/* This is the outline round the main forum tables */
.forumline	{ }


/* Main table cell colours and backgrounds */
td.row1	{
	border: 1px inset #003399;
}
td.row2	{
	border: 1px inset #003399;
}
td.row3	{
	border: 1px inset #003399;
}


/*
  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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF;
	font-size: 10px;
	font-weight : bold;
	background-color: #999999;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	margin-bottom: 5px;
	border: 1px inset #003366;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
}
td.catBottom {
	background-image:  url(images/cell.gif);
	background-color:#000000;
	height: 30px;
	background-repeat: repeat-x;
	border: 1px inset #000066;
}
th.thBottom{
	font-weight: bold; height: 28px; }
td.row3Right{
	background-color: #000066; }

th.thHead{ font-size: 10px; }
td.spaceRow	 { }
th.thRight{
	border: 1px inset #000066;
}
th.thLeft{
	border: 1px inset #000066;
}
td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 {
	background-color: #000000;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
	border: 1px outset #000066;
	color: #FFFFFF;
}
th.thCornerL {
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
	border: 1px outset #000066;
	color: #FFFFFF;
}
th.thCornerR {
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
	border: 1px outset #000066;
	color: #FFFFFF;
}

/* Background images for tables */
.tbltop      { background-color: #2e2e2e}
.tblleft     { background-color: #2e2e2e}
.tblright    { background-color: #2e2e2e}
.tblbot		{
	background-color: #0000FF;
}

.topnav     {
	font-size: 10px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	height: 30px;
	border: 1px outset #000066;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
}


/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #FFFFFF;
}


/* General text */
.gen {
	font-size : 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.genmed {
	font-size : 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.gensmall {
	font-size : 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gen{
	color : #FFFFFF;
	font-size: 9px;
}
a.gen,a.genmed,a.gensmall {
	color: #000099;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover	{
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 10px; color : #FFFFCC}
a.mainmenu		{ text-decoration: none; color : #FFFFCC;  }
a.mainmenu:hover{ text-decoration: none; color : #FFFFFF; }

/* Standard links*/
a:link, a:active, a:visited, a.postlink {
	color: #0099FF;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover      {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Category gradients*/
td.cat2{
	height:25px;
	text-indent:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	border-top: none;
	border-right: 2px groove #990000;
	border-bottom: 2px groove #990000;
	border-left: 2px groove #990000;
	color: #FFFFFF;
}

/* Forum category titles */
.cattitle		{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-weight: bold;
	font-size: 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.cattitle		{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-size: 10px;
	text-decoration: none;
	color : #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.cattitle:hover{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-weight: bold;
	font-size: 10px;
	color : #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.forumlink 	{
	font-size: 10px;
	color : #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.forumlink:hover{
	text-decoration: overline;
	font-size: 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-weight: bold;
	font-size: 10px;
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}
a.nav			{
	font-size: 10px;
	text-decoration: none;
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.nav:hover		{
	font-size: 10px;
	text-decoration: none;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-weight: bold;
	font-size: 12px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.topictitle:link   {
	font-size: 10px;
	text-decoration: none;
	color : #FF0000;
	font-weight: bold;
}
a.topictitle:visited {
	font-size: 10px;
	text-decoration: none;
	color : #FFFF00;
	font-weight: bold;
}
a.topictitle:hover	{
	font-size: 10px;
	text-decoration: none;
	color : #FFFFFF;
	font-weight: bold;
}


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{
	font-size : 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* Location, number of posts, post date etc */
.postdetails		{
	font-size : 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* The content of the posts (body of text) */
.postbody {
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-size : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
a.postlink:link	{ font-size: 10px ; text-decoration: none; color : #FFFFFF}
a.postlink:visited { font-size: 10px ; text-decoration: none; color : #FFFFFF; }
a.postlink:hover { font-size: 10px ;text-decoration: none; color : #FF0000}


/* Quote & Code blocks */
.code {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006600;
	background-color: #000000; border: 1px solid #CCCCCC}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; line-height: 125%;
	background-color: #FFFFFF; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
}
a.copyright		{ color: #FF0000; text-decoration: none;}
a.copyright:hover { color: #FFFF00; text-decoration: none;}


/* Form elements */
input,textarea, select {
	color: #FFFFFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #000066;
}
textarea.post, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000066;
	cursor: url(themes/DeepSpaceRed/style/images/DeepSpaceRed.cur);
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	cursor: url(themes/DeepSpaceRed/style/images/DeepSpaceRed.cur);
	background-image: url(images/blk_rear.gif);
	background-repeat: repeat;
}
/* Line below is needed to block out the groove style for input boxes & buttons etc
or it will all blend together*/
input{
	background-image: url(images/blk_rear.gif);
	background-repeat: repeat;
}
/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #000000;
	color : #000066;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #AE5700;
	cursor: url(themes/DeepSpaceRed/style/images/DeepSpaceRed.cur);
}

/* The main submit button option */
input.mainoption {
	background-color : #000000;
	font-weight : bold;
	border: 1px solid #AE5700;
	color: #000066;
}

/* None-bold submit button */
input.liteoption {
	background-color : #000000;
	font-weight : normal;
	color: #000066;
}

/* 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: #CCCCCC;
	border-style: none;
	background-image: url(images/blk_rear.gif);
	background-repeat: repeat;
}

.title 		 {
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1); 
	COLOR: #CCCCCC; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}
.content 	 {
	color: #FFFFFF;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.block-title {
	height:16;
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-variant: normal;
}
.storytitle {
	height:16;
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-variant: normal;
}   
			   
			   
			   
			   
			   
			   
			   
			   
.storycat	 {COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.boxtitle    { color: #FF3300; 
               font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; 
               text-decoration: none; font-weight: bold}
.boxcontent  {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.option 	 {COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.tiny	{
	BACKGROUND: none; 
	COLOR: #FFFFFF; 
	FONT-SIZE: 9px; 
	FONT-WEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}
.small		 {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}n
td.catBottom  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}a.postlink  { font-family: Verdana, Arial, Helvetica, sans-serif }td.catHead {
	height: 30px;
	border: 1px inset #990000;
	color: #FFFFFF;
	background-color: #990000;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
 } td.spaceRow  {
} td.catLeft {
	background-image:  url(images/cell.gif);
	background-color:#666666;
	height: 30px;
	color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px outset #990000;
 } td.catRight {
	background-image:  url(images/cell.gif);
	background-color:#333333;
	height: 28px;
	color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px outset #990000;
 } td.catSides {
	background-image:  url(images/cell.gif);
	background-color:#333333;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px outset #990000;
 } 

/*
  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 {
	height: 30px;
	background-image:  url(images/Untitled-2.gif);
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px outset #990000;
}			
			
td.row3Right	  {
	border: 1px outset #0066FF;
} th.thRight {
	font-weight: bold;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
	border: 1px outset #990000;
} th.thSides { } th.thSides { 	font-weight: bold; height: 28px;  } th.thTop {
	font-weight: bold;
	height: 28px;
	color: #FFFFFF;
} th.thHead {
	font-weight: bold;
	height: 28px;
	color: #FFFFFF;
} th.thLeft {
	font-weight: bold;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
} th.thCornerR  {
	font-weight: bold;
	height: 28px;
	color: #FFFFFF;
} th.thCornerL { 	font-weight: bold; height: 28px;  } th.thBottom { } 
/* The text input fields background colour */
input.post { 	background-color : #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
 }
.borderblocks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/blk_rear.gif);
	background-repeat: repeat;
}
.genmed {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} .gensmall  {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
} .border {
	border: 1px solid #000000;
}
.scrolltext {
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.footer {
	height:10;
	filter: DropShadow(color=#000000, offx=1, offy=1);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
 .frames {
	border: 1px inset #003399;
	}
.bottomnav {
	font-size: 10px;
	height: 30px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	background-image: url(images/cell.gif);
	background-repeat: repeat-x;
}
