body{
font-size: 14px;
color: #fcfcfc;
background: #000000 url("../img/bg-galaxy.jpg") no-repeat top center;
font-family: Verdana, sans-serif;
margin:0;
padding:0;
}
a, a:visited {
color:#ffcc66;
text-decoration:none;
border-bottom: 1px dotted #df8f31;
}
a:hover{
color: #ffd580;
border-bottom: 1px dotted #875111;
}
a img{
border:none;
}


h1,h2,h3{
text-shadow: 0 0 0.5em #075cc1, 0 0 0.1em #0a7aff;
}
h1{
font-size:30px;
text-transform:uppercase;
text-align: center;
font-weight: normal;
color: #075cc1;
margin: 0;
}
#game-header {
padding-top: 160px;
}
#game-header h1{
margin:0 auto;
padding: 0;
font-size:12px;
text-indent:-9000px;
width:710px;
height:122px;
background: url("../img/gamecyborg.png") no-repeat 0 0;
}
h2{
color: #075cc1;
font-size: 20px;
margin: 0;
padding: 10px 0 0 0;
text-shadow: 0 0 0.5em #075cc1, 0 0 0.1em #0a7aff;
}
h3{
font-size:18px;
margin:0;
text-align: center;
}

hr {
display: block;
margin: 0.5em auto;
border: none;
border-bottom: 1px dotted #00326d;
}
#sidepanel hr{
border-bottom: 1px dotted #0064da;
}

code {
display: block;
font-size: 14px;
color: #c2eee0;
line-height: 18px;
padding-bottom: 8px;
}
p{
line-height: 1.4em;
padding-bottom: 7px;
margin: 0;
}
header{
display: block;
height: 370px;
}

/* The navigation styling: */
#menu{
height: 80px;
width: 1000px;
margin:0 auto;
font-size: 14px;
border: none;
}
nav ul li{
list-style-type:none;
}
nav ul li a, nav ul li a:visited{
width:auto;
display:block;
float: left;
padding:4px 15px;
color:#075cc1;
text-decoration:none;
text-shadow: 0 -1px 0.2em #000000;
font-weight: bold;
border: none;
}
nav ul li a:hover{
text-decoration:none;
color: #64abff;
text-shadow: 0 0 1.5em #0068e4, 0 0 0.5em #64abff;
}

#gamecyborg{
width: 1000px;
margin: 0 auto;
padding-bottom: 70px;
}

#sidepanel{
float: right;
width: 270px;
font-size: 13px;
}
#sidepanel .p1{
height: 74px;
background: url("../img/panel1.png") no-repeat top center;
text-align: center;
color: #000000;
}
#sidepanel .p1 p{
padding-top: 35px;
text-shadow: 0 0 0.5em #ffffff;
}
#sidepanel .p2{
background: url("../img/panel2.png") repeat-y top center;
padding: 5px 10px;
text-shadow: 0 0 0.2em black;
}
#sidepanel .p3{
height: 40px;
background: url("../img/panel3.png") no-repeat top center;
}

section{
display: block;
float: left;
width: 710px;
padding-left: 10px;
border-left: 1px dotted #075cc1;
}

footer{
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
background: url("../img/footer.png") repeat-x bottom center;
font-size: 12px;
color: #282828;
}
footer p{
display: block;
float: left;
margin: 20px 0 0 20px;
font-weight: bold;
text-shadow: 1px 1px 0.1em black;
}
footer a,footer a:visited{
color: #282828;
padding: 1px;
border: none;
}
footer a:hover{
color: #646464;
text-decoration: none;
}

.icon-bm {
cursor:pointer;
position: absolute;
bottom: 5px;
right: 60px;
display: block;
width: 40px;
height: 38px;
background: url("../img/bookmark.png") bottom left;
}
.icon-bm:hover {
background-position: 0 0;
}
.icon-up {
position: absolute;
bottom: 5px;
right: 20px;
display: block;
width: 40px;
height: 38px;
background: url("../img/up.png") bottom left;
}
.icon-up:hover {
background-position: 0 0;
}
.icon-contact {
position: absolute;
bottom: 5px;
right: 100px;
display: block;
width: 40px;
height: 38px;
background: url("../img/contact.png") bottom left;
}
.icon-contact:hover {
background-position: 0 0;
}

.clear{clear: both;}
.clearleft{clear: left;}
.clearright{clear: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.floatleft{float: left;}
.floatright{float: right;}
.mini{font-size: 9px;}
.small{font-size: 10px;}
.medium{font-size: 13px;}
.pad5{padding: 5px;}
.blue{color: #075cc1;}
.bluel{color: #006ae7;}
.blued{color: #00479b;}
.cream{color: #f5c587;}
.gold{color: #ffd143;}
.red{color: #f94e3c;}
.aqua{color: #07586b;}
.vanilla{color: #fef1b5;}

.box {
width: 100%;
margin: 10px 0;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: url("../img/bg-box.png") repeat-y top left; border-left:1px solid #bd1a0c; border-right:1px solid #bd1a0c;}
.xb1 {margin:0 5px; background:#bd1a0c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: url("../img/bg-box.png") repeat-y top left; border:0 solid #bd1a0c; border-width:0 1px; padding: 10px 10px 10px 10px}