/* STYLESHEET FOR SCREEN */

body {
background: #040a14 url(../images/bg_body2.gif) repeat-x top;
font: small Arial, Helvetica, sans-serif;
color:#fff;
margin: 0;
padding: 0;
}


#left {float: left; width: 231px; margin-top:143px}
#right {width:545px; float:left;}

#logo {background: url(../images/logo.gif); width: 545px; height: 121px;}

#maincontent {
background: url(../images/bg_maincontent.png) no-repeat top;
padding: 25px 50px;
font-size: 95%;
line-height: 1.8em;
}

#maincontent p:first-child {
color:#c8ac3f;
font-size:140%;
line-height: 1.7em;
}

ul#nav {
float:right;
list-style: none;
}
ul#nav li {
margin-top:1px;
width: 200px;
text-align: right;
}

ul#nav a {background: url(../images/transparent.png); display:block; padding: 8px 20px 8px 20px; text-decoration: none;}
ul#nav a.active {background: #040a14; color:#fff;}
ul#nav a:link {color:#fff}
ul#nav a:visited {color:#fff;}
ul#nav a:hover {background: url(../images/transparent2.png); color:#f6c812;}

ul#nav a.active span {color:#f6c812;}

#credit {
float:right; 
background: #3d5a85; 
color:#000; 
width: 170px; 
margin: 10px 0 0 0; 
padding:10px;
font-size: 85%;
}

#maincontent a:link {border-bottom: 1px solid #5a5a5a; color: #c8ac3f; text-decoration: none;}
#maincontent a:visited {border-bottom: 1px solid #5a5a5a; color:#bbb;}
#maincontent a:hover {border-bottom: 1px solid #c8ac3f; color:#f6c812;}

a.next {font-size:120%; text-decoration: none; float:right;}


code {
border-top: 1px solid #3d5a85;
color:#bbb;
font-family: Arial, Helvetica, sans-serif;

}

#code {
background: #000;
border: 1px solid #040a14;
color:#bbb;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
padding: 5px 10px;
}

#code:hover {
border: 1px solid #3d5a85;
background: #000 url(../images/code.gif) no-repeat top right;
font-size: 140%;
position: relative;
left:-50px;
width:500px;
padding:10px 25px;
}