/* base layout from the excellent Layout Gala: http://blog.html.it/layoutgala/ */
html,body{margin:0;padding:0}

/* STYLE */
body {
	font: 0.7em/1.5 Verdana,sans-serif;
	text-align:center;
	background:#203121;
	color:#c7ccce;
}

p{margin:0px 34px 12px 0px}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
margin-top:0px;
margin-bottom: 12px;
}

h1{
font-size:125%;
font-weight:bolder;
color:#f0e1c7;
}

h2 {
font-size:150%;
font-weight:bold;
color:#f0e1c7;
}

h3 {
font-size:120%;
font-weight:bold;
color:#f0e1c7;
}


a:link, a:visited, a:hover, a:active{
color:#c7ccce;
font-weight:bold;
text-decoration:underline;
line-height:1.4;

}


div#header {
	position:relative;
	height:226px;
	margin:0;
	padding-left:10px;
	background-image:url(../MEDIA/SK_header_001.jpg);
	color: #79B30B;
}

div#container{
	background-image:url(../MEDIA/SK_container_bg_001.jpg);
	background-repeat:repeat-y;
	text-align:left
}

div#content p{line-height:1.6}

div#navigation_left {
position:absolute;
top:131px;
left:68px;
width:252px;
height:22px;
}

div#navigation_right {
position:absolute;
top:131px;
left:668px;
width:280px;
height:22px;
}

div#navigation_left img{
float:left;
}

div#navigation_right img{
float:left;
}

/* TOP-LEVEL NAVIGATION ROVERS */

#nav_home {
	display: block;float:left;width: 61px;height: 22px;
	background: url(../MEDIA/nav_HOME.gif) no-repeat 0 0;
}

#nav_home:hover{ 
	background-position: 0 -22px;
}

#nav_home span{
	display: none;
}

#nav_game {
	display: block;float:left;width: 59px;height: 22px;
	background: url(../MEDIA/nav_GAME.gif) no-repeat 0 0;
}

#nav_game:hover{ 
	background-position: 0 -22px;
}

#nav_game span{
	display: none;
}

#nav_setting {
	display: block;float:left;width: 81px;height: 22px;
	background: url(../MEDIA/nav_SETTING.gif) no-repeat 0 0;
}

#nav_setting:hover{ 
	background-position: 0 -22px;
}

#nav_setting span{
	display: none;
}

#nav_faq {
	display: block;float:left;width: 51px;height: 22px;
	background: url(../MEDIA/nav_FAQ.gif) no-repeat 0 0;
}

#nav_faq:hover{ 
	background-position: 0 -22px;
}

#nav_faq span{
	display: none;
}

#nav_forum {
	display: block;float:left;width: 69px;height: 22px;
	background: url(../MEDIA/nav_FORUM.gif) no-repeat 0 0;
}

#nav_forum:hover{ 
	background-position: 0 -22px;
}

#nav_forum span{
	display: none;
}

#nav_downloads {
	display: block;float:left;width: 120px;height: 22px;
	background: url(../MEDIA/nav_DOWNLOADS.gif) no-repeat 0 0;
}

#nav_downloads:hover{ 
	background-position: 0 -22px;
}

#nav_downloads span{
	display: none;
}

#nav_contact {
	display: block;float:left;width: 90px;height: 22px;
	background: url(../MEDIA/nav_CONTACT.gif) no-repeat 0 0;
}

#nav_contact:hover{ 
	background-position: 0 -22px;
}

#nav_contact span{
	display: none;
}









div#headline{
	height:60px;
	clear:both;
	width:1000px;
	color: #f0e1c7;
	padding: 10px 0px 0px 90px;
}


#headline .BLANK {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_Blank_001.jpg);
}

#headline .HOME {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_Home_001.jpg);
}

#headline .THE_GAME {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_TheGame_001.jpg);
}

#headline .THE_SETTING {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_TheSetting_001.jpg);
}

#headline .FAQ {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_FAQ_001.jpg);
}

#headline .FORUM {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_Forum_001.jpg);
}

#headline .DOWNLOADS {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_Downloads_001.jpg);
}

#headline .CONTACT {
display:block;
position:relative;
left:-90px;
top:-26px;
z-index:1;
width:1000px;
height:70px;
background-image:url(../MEDIA/SK_headline_Contact_001.jpg);
}



div#footer{
	clear:both;
	width:910px;
	height:109px;
	background-image:url(../MEDIA/SK_footer_001.jpg);
	padding: 91px 0px 0px 90px;
}

div#footer p{margin:0;padding:5px 10px}

/* LAYOUT */
div#container{width:1000px;margin:0 auto}
div#content{
	clear:both;
	width:820px; /* + padding_left:90px + padding_right:90px = 1000px */
	padding: 0px 90px 0px 90px;
}

.image_left{
	float:left;
	margin:0px 20px 0px 0px;
}

.image_right{
	float:right;
	margin:0px 0px 0px 20px;
}


/* FORUM CSS */

table, tr, td {
	font: 9pt/1.75 Verdana,sans-serif;
}
	

input{font:8pt Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:8pt Verdana,Arial,Helvetica,sans-serif}

textarea
{
	background:#ffffff;
	border:1px solid #e9f0f4;
	font:8pt Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:2px;
	padding-left:2px
}

form{
	width:820px;
	margin:0px;
}

input{border:1px solid #e9f0f4;font-size:8pt;}

input.pbutton{background:#EEEEEE;}

/* For BBCode Post Buttons */
.ButtonOut
{
	filter: alpha(opacity=70);
	border: #7F9DB9 1px solid;
}
.ButtonOver
{
	background-color: #FFE1AC;
	border: #FFAD55 1px solid;
}
.ButtonChecked
{
	background-color: #FFCB7E;
	border: #FFAD55 1px solid;
}
.ButtonOff
{
	filter: gray() alpha(opacity=30);
	background-color: #C0C0C0;
	border: #7F9DB9 1px solid;
}

/*  */
img 
{
	border: 0;
}

/* hyperlinks */
a		{ text-decoration: underline; color: #e9f0f4; }
a:hover		{ text-decoration: underline; }

/* Header 1 - Main header */
.header1
{
	background: url('bg_header1.png');
	background-color: #353535;
	color: #FFFFFF;
	font-weight: bold;
	height: 32px;
	font-size:12px;
}

/* Links in header1 */
tr.header1 a		{color:#cfa66c;text-decoration:none}
tr.header1 a:hover	{color:#e9f0f4;text-decoration:none}

.header1Title
{
	color: #FFFFFF;
	font-weight: bold;
	height: 32px;
	font-size:12px;	
}

/* Header 2 - Sub header */
.header2
{
	background-color: #4d5a62;
	color: #252525;
	font-weight: bold;
	height: 28px;
}

td.header2links a				{color: #c7ccce;text-decoration:underline;font-size:7.5pt;}
td.header2links	a:hover	{color: #c7ccce;text-decoration:underline;font-size:7.5pt;}

/* Footer1 - Bottom of tables */
.footer1
{
	font-size: 7pt;
	height: 28px;
	background-color:#4d5a62;
}

.footer1 select, .footer1 td
{
	font-size: 7pt;
}

.UserBox
{
	font-size:7.5pt;	
	color:#b1babd;
}

.postformheader 
{
	background-color: #4d5a62;
	font-weight:bold;
}

/* Header of posts */
.postheader 
{
	background-color: #4d5a62;
	color:#e9f0f4;
}

.postheader a
{
	font-size:10pt;
	
}

/* User info and post/article */
.post 
{
	background-color: #39464e;
	color:#e9f0f4;
	font-size: 9pt;
}

.postdiv {
	font-size: 1.0em;
}

.post_alt
{
	background-color: #39464e;
	color:#e9f0f4;	
}

.post_priority
{
	font-weight:bold;
}

.post_link
{
	font-size:10pt;
	font-weight:bold;
}

/* Footer of posts */
.postfooter 
{
    background-color: #4d5a62;
}

/* Area between posts */
.postsep 
{
	background-color: #939393;
	height: 2px 
}

/* most tables are class 'content' */
.content
{
	font-family: verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border: solid 1px #000000;
	color: #000000;
	padding: 0px;
	background-color:#000000;
}

.content td {
	padding: 4px;
}

.forumheading 
{
	font-size:10pt;
	font-weight:bold;
}

.forumviewing
{
	font-size:8pt;
	color:#a0a0a0;
}
.forumsubheading
{
	font-size:7.5pt;
}

#RichEdit td 
{
	padding: 0px;
}

/* links inside content table*/
.content a		{ color: #f0e1c7; text-decoration: underline; }
.content a:hover	{ color: #cfa66c; text-decoration: underline; }

/* used for quoting messages */
.quote 
{
	margin-left: 16px;
	padding-left: 16px;
}

.innerquote 
{
	padding: 4px;
	background-color: #4b6f85;
	border: solid 1px #000000;
}

/* used for code */
.code
{
	margin-left: 16px;
	padding-left: 16px;	
}

.innercode
{
	padding: 4px;
	background-color: #efefef;
	border: solid 1px #b1babd;
	color:#000000;
	font-size:8pt;
	font-family:Courier New,Courier;
}

/* font sizes */
.smallfont	{ font-size: 7.5pt; }
.largefont	{ font-size: 9pt; }

/* Image Links */
a.imagelink 
{
	font-size: 8pt;
	font-weight: bold;
	color: #000080;
}
a:hover.imagelink
{
	text-decoration: underline;
	color: #0000FF;
	/*background-color: #D0D0D0;*/
}

/* Used for editor textarea */
.posteditor 
{
	width: 100%;
	height: 200px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
}

/* Table just above and below tables */
table.command 
{
	/*border: solid 1px blue;*/
	padding: 3px;
}

/* p-tag at the top of pages with navigation links */
.navlinks { font-weight: bold; color: #c7ccce; font-size: 9pt; }
.navlinks a { color: #c7ccce; text-decoration: underline; }
.navlinks a:hover { color: #939b9f; text-decoration: underline; }
.navlinks #current { color: #f0e1c7; } 

/* for printing */
.print 
{
	border: solid 1px #C0C0C0;
}
.printheader 
{
	background-color: #4d5a62;
	color: #000000;
	padding: 4px;
}
.printbody 
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}

/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
div.postdiv
{
	width: 100%;
	min-height: 100px;
	overflow: auto;	
}
*/