/* This file controls the style (colours, images, fonts etc.) of the page */

@import url(http://fonts.googleapis.com/css?family=Coda);

html {
	font-family: 'Coda', cursive;
	background-color: #000000;
	/*background-image: url(../img/map.png);*/
	background-repeat: no-repeat;
	background-position: center;
	color: #747375;
	line-height: 25px;
	font-size: 15px;
}

a {
	color: #54FC54;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

a.logo {
	background-image: url(../img/logo3.png);
	background-repeat: no-repeat;
	background-position: center;
}

section, div#stats {
	/* background-color: rgba(9, 9, 9, 0.96); */
}

nav#menu, nav#phonenav {
	background-color: #080808;
	border-right: 2px solid #202020 ;
}

nav#menu ul li a, nav#phonenav ul li a, .button{
	font-family: 'Coda', cursive;
	text-transform: uppercase;
	color: #54FC54;
	text-decoration: none;
	background-color: #101010;
	border: 1px solid #202020;
	border-left: 6px solid #202020;
}

nav#menu ul li a:hover, nav#phonenav ul li a:hover, .button:hover  {
	border-left: 6px solid #0E960E;
	color: #0E960E;
}

nav#menu ul li a:active, nav#phonenav ul li a:active, .button:active {
	background-color: #00C200; 
}

hr {
	height: 0; 
	border: 0; 
	margin: 20px 0 20px 0;
	border-top:2px solid #000000;
}

b {
	font-weight: bold;
}

footer {
	border-top: 2px solid #303030;
}

div.content {
	border: 1px solid #303030;
}

h2, h3 {
	color: #009933;
}

h2 {
	font-family: 'Coda', cursive;
	font-weight: bold;
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
}

/* Cover navigation */

ul.games {
	text-align: center;
}

ul.games li {
	background-color: #000000;
}

ul.games li a {
	opacity: 1;
}

ul.games li a:hover {
	opacity: 0.60;
}

ul.games li a.cc {
	background-image: url(../img/cccover.png);
}

ul.games li a.ra {
	background-image: url(../img/racover.png);
}

ul.games li a.ts {
	background-image: url(../img/tscover.png);
}

ul.games li a.ra2 {
	background-image: url(../img/ra2cover.jpg);
}

/* Stats */

div#stats {
	border: 0 1px 0 1px solid #2B2B2B;
}

div#stats ul li {
	background-repeat: no-repeat;
	background-position: left;
}

/* Stats icons */

div#stats ul li.cnc95 {
    padding-left: 24px;
    background-image: url(../img/icons/cnc95.png);
}

div#stats ul li.cncnet5 {
    padding-left: 24px;
    background-image: url(../img/icons/cncnet.png);
}

div#stats ul li.ra95 {
    padding-left: 24px;
    background-image: url(../img/icons/ra95.png);
}

div#stats ul li.ts {
    padding-left: 24px;
    background-image: url(../img/icons/ts.png);
}

div#stats ul li.ra2 {
    padding-left: 24px;
    background-image: url(../img/icons/ra2.png);
}

div#stats ul li.tsdta {
    padding-left: 24px;
    background-image: url(../img/icons/tsdta.png);
}

div#stats ul li.tsti {
    padding-left: 24px;
    background-image: url(../img/icons/tsti.png);
}

div#stats ul li.ra2mo {
    padding-left: 24px;
    background-image: url(../img/icons/ra2mo.png);
}

div#stats ul li.ra2cncr {
    padding-left: 24px;
    background-image: url(../img/icons/ra2cncr.png);
}
section.ccbg, section.rabg, section.tsbg {
	background-repeat: no-repeat;
	background-position: center top;
}

/* Game/download bgs */

section.ccbg {
	background-image: url(../img/cc-cover-blank.png);
}

section.rabg {
	background-image: url(../img/ra-boxfront.jpg);
}

section.tsbg {
	background-image: url(../img/ts-box-big.jpg);
}