/*
	Dark Bit Factory front end portal by Shockwave - 2011.
	===============================================
	
	This is the style sheet that is used for the portal.
	General rules below:
	
*/
body{
		font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
		color:#fff;
		font-size:.95em;
		font-weight:normal;
		background-color:#1c1c1c;
		background-image:none;
}
/*
	Defaults;
*/
a:link{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a:visited{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a:active{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


/*
	Navigation.
	==========
*/
#navigation {
	margin-left:auto;
	margin-right:auto;
	display:block;
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	background-color:#1c1c1c;
	font-size:16px;	
	font-weight:bold;
	width:100%;
	height:60px;			
}
#navigation a{
	text-decoration:none;
	overflow:hidden;
	background: #1c1c1c url('../link_buttons/buttonsprite.png') -1px -1px no-repeat;	
	padding:10px 40px;
	min-width: 158px;
	height: 40px;
	font-size:15px;
}
#navigation a:link{	
	background-position:-1px -1px;
	color: #4af;}	
#navigation a:visited{	
	background-position:-1px -1px;
	color: #aaf;}
#navigation a:hover{	
	background-position:-1px -49px;
	color: #fff;}
#navigation a:active{	
	background-position:-1px -49px;	
	color: #fff;}	

/*
	Page Elements.
	=============

*/
/*
	In Between the Flash Banner And The Content. Heading Tags Are Used for SEO Keyword rich headings!
	========================================================================================
*/
b.compDesc
{
	font-size:10px;
	font-weight:normal;
	color:#f74;
	text-decoration:none;
}
b.compDescH
{
	font-size:12px;
	font-weight:normal;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

b.SSIContent
{
	color:#ee9933;
	font-size:50px;
}
a.SSIlink1:link{
	border:none;
	color:#f74;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1:visited{
	color:#f74;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1:hover{
	color:#fff;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1:active{
	color:#fff;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}


a.SSIlink1b:link{
	border:none;
	color:#d52;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1b:visited{
	color:#d52;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1b:hover{
	color:#fff;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink1b:active{
	color:#fff;
	border:none;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

a.SSIlink2:link{
	border:none;
	color:#47f;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink2:visited{
	color:#47f;
	border:none;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink2:hover{
	color:#fff;
	border:none;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
a.SSIlink2:active{
	color:#fff;
	border:none;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}








a.enterForum:link{
	border:none;
	color:#ddd;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
}
a.enterForum:visited{
	color:#ddd;
	border:none;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
}
a.enterForum:hover{
	color:#fff;
	border:none;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
}
a.enterForum:active{
	color:#fff;
	border:none;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
}




h4.catHeading
{
	text-align:center;	
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

h1.Top
{
	text-align:center;
	color:#fb7;
	font-weight:bold;
	font-size:19px;
	text-decoration:none;
}
h2.Top
{
	text-align:center;
	color:#f84;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

/*
	Bottom Of The Screen in the Copyright bit;
	=====================================
*/

b.bbCode
{
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#49e;
	text-decoration:none;
}
p.middleBottom
{
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#f73;
	text-decoration:none;
}
p.smallBottom
{
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#d51;
	text-decoration:none;
}
a.linkBot:link{
	border:none;
	color:#557799;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
a.linkBot:visited{
	color:#557799;
	border:none;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
a.linkBot:hover{
	color:#5577aa;
	border:none;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}
a.linkBot:active{
	color:#5577aa;
	border:none;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

/*
	Shoutbox.
	=========
*/
p.shoutbox 
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	color:#bb5511;
	background-color:#151515;
	border:1px;
	border-style:solid;
	border-color:#000;
	width: 95%;
	height: 380px;
	overflow: auto;      
}

p.shoutbox:hover 
{
	background-color: #181818;
}

input.btn
{

	border-style:etched;
	border-width:2px;
	border-color:#333;	
	background-color:#141414;
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	color:#f73;	
	min-width:125px;
}

input.shoutbox
{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	background-color:#121212;
	border-style:double;
	border-width:3px;
	border-color:#333;
	color:#f73;
	width:80%;
}

input.login
{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	background-color:#121212;
	border-style:double;
	border-width:3px;
	border-color:#333;
	color:#f73;
	width:150px;
}
submit.login
{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	background-color:#121212;
	border-style:double;
	border-width:3px;
	border-color:#333;
	color:#f73;
	width:150px;
}
/*

	Logout Button;

*/
a.logout:link{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#f73;
}
a.logout:visited{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;

}
a.logout:hover{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
a.logout:active{
	font-family: Century Gothic, Tahoma, Helvetica, Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}



b.shoutContent
{
	font-size:13px;
	font-weight:bold;
	color:#f84;
	text-decoration:none;
}
b.SSI_Content
{
	font-size:12px;
	font-weight:bold;
	color:#f84;
	text-decoration:none;
}


h6.shoutWrap
{
	text-align:center;
}
b.shout1
{
	font-size:14px;
	font-weight:normal;
	color:#f84;
	text-decoration:none;
}
b.shout2
{
	font-size:14px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
b.shout3
{
	font-size:11px;
	font-weight:normal;
	color:#57a;
	text-decoration:none;
}

b.descript
{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

/*

	Content Divs
	===========
	
	The following Divs are the content parts.
	The shoutbox div is  always used for the shoutbox, the Right-hand one is used for various things depending on what is selected by the user.

*/
div.showcaseBox
{
	margin-left:4px;
	margin-top:4px;
	padding-top:6px;
	padding-left:0px;
	width:145px;	
	min-width:145px;
	height:210px;
	float:left;
	background-color:#111111;		
	border: 1px;
	border-style:solid;
	border-color:#000;
}

div.showcaseBox:hover 
{
	background-color: #1c1c1c;
	border-color:#8af;
}

div.shoutBox
{
	width:340px;	
	min-width:340px;
	height:600px;
	float:left;
	background-color:#1c1c1c;		
	border: 1px;
	border-style:solid;
	border-color:#000;
}
div.contentBox
{
	margin-left:20px;
	width:552px;	
	min-width:552px;
	height:600px;
	float:left;
	background-color:#1c1c1c;		
	border: 1px;
	border-style:solid;
	border-color:#000;
}
/*

	Layout Divs.
	===========
	
	The front page uses a table-less layout but there is a fixed width of 900 pixels for the content  ( inc. borders)  Auto-Centered.
	The following divs are used to construct the frame in which the front page sits.
	
	
*/
div.wrapper
{

	width:1000px;	
	min-width:1000px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}
div.content
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:1000px;	
	min-width:1000px;
    background-color: #191919;		
	
}
/*
	Top:
	====
*/
div.tLeftCorner
{
	width:40px;
	height:40px;
	background-image:url('../layout/topl.gif');
	float:left;
	background-repeat:no-repeat;		
}
div.topLine
{
	width:920px;
	height:40px;
	background-image:url('../layout/topbg.gif');
	background-repeat:repeat-x;		
	float:left;
}
div.tRightCorner
{
	width:40px;
	height:40px;
	background-image:url('../layout/topr.gif');	
	float:right;
	background-repeat:no-repeat;		
}
/*
	Middle;
	=======
*/
div.leftBorder
{
	width:40px;
	height:602px;
	background-image:url('../layout/border-left.gif');	
	float:left;
	background-repeat:repeat-y;		
}
div.rightBorder
{
	width:40px;	
	height:602px;
	background-image:url('../layout/border-right.gif');	
	float:right;
	background-repeat:repeat-y;		
}
div.hLeftBorder
{
	width:40px;
	max-height:202px;
	min-height:202px;
	background-image:url('../layout/border-left.gif');	
	float:left;
	background-repeat:repeat-y;		
}
div.hRightBorder
{
	width:40px;	
	max-height:202px;
	min-height:202px;
	background-image:url('../layout/border-right.gif');	
	float:right;
	background-repeat:repeat-y;		
}
/*
	Bottom;
	=======
*/
div.bLeftCorner
{
	width:40px;
	height:40px;
	background-image:url('../layout/bot-l.gif');
	float:left;
	background-repeat:no-repeat;		
}
div.botLine
{
	width:920px;
	height:40px;
	background-image:url('../layout/bot-bg.gif');
	background-repeat:repeat-x;		
	float:left;
}
div.bRightCorner
{
	width:40px;
	height:40px;
	background-image:url('../layout/bot-r.gif');	
	float:right;
	background-repeat:no-repeat;		
}
/*
	Footer;
	======
*/
div.footer
{
	padding-top:5px;
	width:920px;	
	height:300px;
	min-height:280px;
	background-image:url('../layout/footMiddle.png');	
	float:left;
	background-repeat:repeat-x;		
}
div.footerLeft
{
	padding-top:5px;
	width:40px;
	height:280px;
	background-image:url('../layout/footLeft.png');	
	float:left;
	background-repeat:no-repeat;		
}
div.footerRight
{
	padding-top:5px;
	width:40px;
	height:280px;
	background-image:url('../layout/footRight.png');	
	float:right;
	background-repeat:no-repeat;		
}
/*
	This is needed to safely move down  to the next line!
*/
#clearDivs{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs2{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs3{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs4{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs5{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs6{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs7{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs8{	
	clear: both;
	background-color:transparrent;		
}
#clearDivs9{	
	clear: both;
	background-color:transparrent;		
}