/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. */
body {
	color				: white;
	background-color	: inherit; }

/* General font families for common tags */

font,th,td,p { font-family			: Verdana, Arial, Helvetica, sans-serif; }

a:link,a:active,a:visited {
 	color				: red;
	background-color	: inherit; }

a:hover {
	text-decoration		: underline;
	color				: #dd6900; }

hr {
	height				: 0px; 
	border				: solid #d1d7dc 0px; }


/* This is the border line & background colour round the entire page */
.bodyline {
	background-color	: transparent;
	border: none; }

/* This is the outline round the main forum tables */
.forumline {
	background-color	: #730a0d; 
	color				: white;
	border: 1px black solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: transparent; }
td.row2	{ background-color: transparent; }
td.row3	{ background-color: transparent; }


/*
  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 { 
	background-color	: #7f0c0f; 
	color				: white; }

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color				: white; 
	font-size			: 11px; 
	font-weight			: bold;
	background-color	: inherit; 
	height				: 25px; }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-color	: #7f0c0f; 
	color				: white;
	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 {
	height				: 29px;
	border-width		: 0px 0px 0px 0px; }
	
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; 
	height: 28px; }
	
td.row3Right,td.spaceRow { background-color: transparent; }

th.thHead,td.catHead { font-size: 12px}
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
	font-weight				: bold; 
	font-size				: 22px; 
	font-family				: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration			: none; 
	line-height				: 120%; 
	color					: #efefef;
	background-color		: inherit; }


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall,.gensmallb { font-size : 10px; }
.gen,.genmed,.gensmall { 
	color					: white;
	background-color		: inherit; }
	
.gensmallw { 
	color					: white;
	background-color		: inherit; }
	
a.gen,a.genmed,a.gensmall { 
	color					: red; 
	background-color		: inherit;
	text-decoration			: none; }
	
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ 
	color					: red; 
	background-color		: inherit;
	text-decoration			: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ 
	font-size				: 11px;
	color					: #000000;
	background-color		: inherit; }
	
a.mainmenu		{ 
	text-decoration			: none;
	color 					: red;
	background-color		: inherit;  }
	
a.mainmenu:hover { 
	text-decoration			: underline;
	color					: red;
	background-color		: inherit; }


/* Forum category titles */
.cattitle		{ 
	font-weight				: bold;
	font-size				: 12px ;
	letter-spacing			: 1px;
	color					: #dce1e5;
	background-color		: inherit; }
	
a.cattitle		{ 
	text-decoration			: none;
	color					: red;
	background-color		: inherit; }
	
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ 
	font-weight				: bold; 
	font-size				: 12px; 
	color					: red;
	background-color		: inherit; }

a.forumlink 	{ 
	text-decoration			: none;
	color					: red;
	background-color		: inherit ; }
	
a.forumlink:hover {
	text-decoration			: underline;
	color					: red;
	background-color		: inherit; }


/* 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 					: black;
	background-color		: inherit; 	}
	
a.nav			{ 
	text-decoration			: none; 
	color 					: red;
	background-color		: inherit }
	
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ 
	font-weight				: bold; 
	font-size				: 11px; 
	color					: #d3d3d3;
	background-color		: inherit; }
	
a.topictitle:link   { 
	text-decoration			: none; 
	color					: white;
	background-color		: inherit; }
	
a.topictitle:visited { 
	text-decoration			: none; 
	color					: #d3d3d3;
	background-color		: inherit; }
	
a.topictitle:hover	{ 
	text-decoration			: underline; 
	color					: red;
	background-color		: inherit; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ 
	font-size				: 11px; 
	color					: white;
	background-color		: inherit; }

/* Location, number of posts, post date etc */
.postdetails		{ 
	font-size				: 10px; 
	color					: white; 
	background-color		: inherit; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ 
	text-decoration			: none; 
	color					: #d3d3d3; 
	background-color		: inherit; }
	
a.postlink:visited { 
	text-decoration			: none;
	color					: yellow; 
	background-color		: inherit; }
	
a.postlink:hover { 
	text-decoration			: underline; 
	color					: white;
	background-color		: inherit; }


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; 
	font-size: 11px; 
	color: red;
	background-color: #fafafa; 
	border: #d1d7dc; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; }

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #444444; 
	line-height: 125%;
	background-color: #fafafa; 
	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		{ 
	font-size					: 10px; 
	font-family					: Verdana, Arial, Helvetica, sans-serif; 
	color						: white; 
	background-color			: inherit;
	letter-spacing				: -1px;}
	
a.copyright		{ 
	color						: gray; 
	background-color			: inherit;
	text-decoration				: none; 
	font-weight					: bold;}
	
a.copyright:hover { 
	color						: black; 
	background-color			: inherit;
	text-decoration				: underline;}

/* Form elements */
input,textarea, select {
	color						: black;
	background-color			: #730a0d;
	font						: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : black;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color			: #730a0d;
	color						: white;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #efefef;
	color : black;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color			: #fafafa;
	color						: black;
	font-weight					: bold;
}

/* None-bold submit button */
input.liteoption {
	background-color			: white;
	color						: black;
	font-weight					: normal;
}

/* 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			: #dee3e7;
	color						: white;
	border-style: none; }


body
{
	background-color			: #989898;
	color						: white;

}

.bold
{
	font-weight				: bold;
}

.noborder
{
	border					: none;
}

a:link
{
	color					: #ffffff;
	background-color		: inherit;
	text-decoration			: none;
}

a:visited
{
	color					: #ffffff;
	background-color		: inherit;
	text-decoration			: none;
}

a:hover
{
	color					: #cccccc;
	background-color		: inherit;
	text-decoration			: none;
}

.container
{
	position				: relative;
	padding					: 0px;
	top						: -8px;
	margin					: 0 auto;
	width					: 993px;
	height					: 100%;


}

.header
{
	position				: absolute;
	top						: 0px;
	left					: 0px;
	margin					: 0px;
	padding					: 0px;
	width					: 993px;
	height					: 222px;
	background-image		: url(/images/header.jpg);
	z-index					: 1;
	border					: 0px;
}

.index_main
{
	position					: absolute;
	top							: 222px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(/images/index_main.jpg);
	background-repeat:			no-repeat;
	height:						715px;
	width:						993px;

}

.footer
{
	position					: absolute;
	top							: 937px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(/images/footer.jpg);
	background-repeat:			no-repeat;
	height:						107px;
	width:						993px;
	color						: black;
	background-color			: inherit;
}

.credits
{
	position					: relative;
	top							: 50px;
	text-align					: center;
}

.valid_code
{
	position					: relative;
	text-align					: center;
	top							: 50px;
}

.navi
{
	position				: absolute;
	margin					: 0px;
	top						: 222px;
	left					: 141px;
	padding					: 0px;
	width					: 718px;
	height					: 33px;
	background-image		: url(/images/nav.jpg);
	z-index					: 1;
	border					: 0px;
}

.home a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.home a i
{
	visibility				: hidden;
}

a#home
{
	left					: 32px;
	top						: 9px;
	height					: 13px;
  	width					: 46px;
}

a#home:hover {border: none; background-image: url(/images/active_home.jpg); background-repeat: no-repeat; }

.about a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.about a i
{
	visibility				: hidden;
}

a#about
{
	left					: 180px;
	top						: 10px;
	height					: 13px;
  	width					: 53px;
}

a#about:hover {border: none; background-image: url(/images/active_about.jpg); background-repeat: no-repeat; }

.projects a
{
	position				: absolute;
  	top						: 0px; 
	color					: black;
	background-color		: inherit;
	text-decoration			: none;
}
.projects a i
{
	visibility				: hidden;
}

a#projects
{
	left					: 321px;
	top						: 9px;
	height					: 13px;
  	width					: 79px;
}

a#projects:hover {border: none; background-image: url(/images/active_projects.jpg); background-repeat: no-repeat; }

.interact a
{
	position				: absolute;
  	top						: 0px; 
	background-color		: inherit;
	color					: black;
	text-decoration			: none;
}
.interact a i
{
	visibility				: hidden;
}

a#interact
{
	left					: 470px;
	top						: 10px;
	height					: 13px;
  	width					: 87px;
}

a#interact:hover {border: none; background-image: url(/images/active_interact.jpg); background-repeat: no-repeat; }

.contact a
{
	position				: absolute;
	background-color		: inherit;
  	top						: 0px; 
	color					: black;
	text-decoration			: none;
}
.contact a i
{
	visibility				: hidden;
}

a#contact
{
	left					: 630px;
	top						: 10px;
	height					: 13px;
  	width					: 69px;
}

a#contact:hover {border: none; background-image: url(/images/active_contact.jpg); background-repeat: no-repeat; }

.section_1_header
{
	position				: absolute;
	top						: 50px;
	left					: 150px;
	font-family				: georgia, "times new roman", serif;
	background-color		: inherit;
	font-size				: 22pt;
	color					: white;
}
.section_1_subheader
{
	position				: absolute;
	top						: 82px;

	left					: 150px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	color					: #C8C8C8;
	background-color		: inherit;
}

.header_1_image
{
	position				: absolute;
	top						: 110px;
	left					: 160px;
	height					: 83px;
	width					: 213px;
	background-image		: url("/images/header_1.png");
	
}

.section_1_text_1
{
	position				: absolute;
	top						: 100px;
	left					: 382px;
	font-family				: arial, helvetica, sans-serif;
	background-color		: inherit;
	font-size				: 10pt;
	color					: #C8C8C8;
	width					: 450px;
	
}

.section_1_text_2
{
	position				: absolute;
	top						: 190px;
	left					: 168px;
	font-family				: arial, helvetica, sans-serif;
	font-variant			: small-caps;
	background-color		: inherit;
	text-align				: center;
	font-size				: 9pt;
	color					: #C8C8C8;
	width					: 203px;
	font-weight				: bold;
	
}

.section_2_header
{
	position				: absolute;
	top						: 287px;
	left					: 150px;
	font-family				: georgia, "times new roman", serif;
	font-size				: 22pt;
	background-color		: inherit;
	color					: white;
}

.section_2_subheader
{
	position				: absolute;
	top						: 349px;
	left					: 150px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	background-color		: inherit;
	color					: #C8C8C8;
}

.section_2_image
{
	position				: absolute;
	top						: 485px;
	left					: 184px;
	background-image		: url("/images/section_2_image.png");
	background-repeat		: no-repeat;
	width					: 261px;
	height					: 144px;
}


.section_2_text_1
{
	position				: absolute;
	top						: 360px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}

.section_2_text_2
{
	position				: absolute;
	top						: 640px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}


.section_3_header
{
	position				: absolute;
	top						: 287px;
	left					: 520px;
	font-family				: georgia, "times new roman", serif;
	font-size				: 22pt;
	color					: white;
	background-color		: inherit;
}

.section_3_subheader
{
	position				: absolute;
	top						: 349px;
	left					: 520px;
	font-family				: tahoma, sans-serif;
	font-size				: 9pt;
	font-weight				: bold;
	color					: #C8C8C8;
	background-color		: inherit;
}

.section_3_image
{
	position				: absolute;
	top						: 370px;
	left					: 554px;
	background-image		: url("/images/section_3_image.png");
	background-repeat		: no-repeat;
	width					: 261px;
	height					: 217px;
}

.section_3_text_1
{
	position				: absolute;
	top						: 590px;
	left					: 525px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 325px;
	
}

.contact_main
{
	position					: absolute;
	top							: 222px;
	left						: 0px;
	margin:						0 auto;
	background-image:			url(/images/contact_main.jpg);
	background-repeat:			no-repeat;
	height:						715px;
	width:						993px;
	overflow					: auto;

}

.forum_window
{
	position					: relative;
	top							: 55px;
	left						: 136px;
	background-color			: transparent;
	width						: 725px;
	height						: 615px;
	overflow					: auto;
}
.contact_section_1_text_1
{
	position				: absolute;
	top						: 125px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 450px;
	
}

.contact_table
{
	border					: 0px;
	width					: 725px;
	
}

.about_section_1_text_1
{
	position				: absolute;
	top						: 100px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 685px;
	
}

.projects_section_1_text_1
{
	position				: absolute;
	top						: 100px;
	left					: 155px;
	font-family				: arial, helvetica, sans-serif;
	font-size				: 10pt;
	color					: #C8C8C8;
	background-color		: inherit;
	width					: 685px;
	
}

