@charset "utf-8";

@font-face{
	font-family:'Trajan Pro Bold';
	src: url(/fonts/Trajan Bold.ttf);
}

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:'Trajan Pro Bold';
	color:#eee;
}
body {
	background:url('img/bg.png') no-repeat top center #010101;
	background-size:960px 300px;
}
#logo {
	background:url('top.png') no-repeat center 100px;
	background-size:500px 100px;
	height:200px;
}
#nav {
	background:url('img/top_menu.png') no-repeat top center;
	height:80px;
	width:1024px;
	position:relative;
	margin:0 auto;
	z-index:999;
	font-family: 'Trajan Pro Bold',sans-serif;
	font-size:20px;
	text-align:center;
	color:rgba(238, 238, 238, 1);
	text-shadow: 1px 1px 0px rgba(7, 70, 99, 1);
}
#nav > a {
	transition:0.3s all;
	height:80px;
	padding:28px;
	border-right:thin solid rgba(0,0,0,0.3);
	text-decoration:none;
	line-height:79px;
	font-family: 'Trajan Pro Bold',sans-serif;
	margin-left:-8px;
	margin-right:0;
	color:rgba(238, 238, 238, 1);
	text-shadow: 1px 1px 0px rgba(7, 70, 99, 1);
}
#nav > a:hover {
	background:rgba(0,0,0,0.2);
	transition:0.5s all;
}
#nav > a:active {
	box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.8);
}
#nav > a:first-of-type {
	border-left:thin solid rgba(0,0,0,0.3);
}
#cont {
	background:url('img/bg-.png');
	width:996px;
	min-height:800px;
	margin:0 auto;
	margin-top:-20px;
	padding:50px 12px;
}
#foot {
	background:#111;
	padding:12px;
	height:76px;
	width:996px;
	margin:0 auto;
	font-family:tahoma;
}
#right {
//	background:rgba(238, 238, 238,0.3);
	width:65%;
	min-height:100px;
	padding:12px;
	float:left;
	margin-left:-12px;
	margin-top:-30px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	font-family:tahoma;
	margin-bottom:20px;
}
#right > #title {
	margin-bottom:0px;
}
a {
	text-decoration: none;
	color:#eee;
}
a:hover {
	color:#dddbdb;
}
#content > p:first-of-type {
	margin-top:5px;
	padding-top:0;
}
#content {
	height:200px;
	overflow:auto;
	width:100%;
	padding:0px 11px;
	margin-left:-12px;
	background:rgba(238, 238, 238,0.3);
}
#close {
	line-height:30px;
	cursor:pointer;
	text-align:center;
	height:30px;
	width:100%;
	margin-top:-30px;
	margin-left:-12px;
	padding:12px;
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(122,188,255,0.3) 0%, rgba(96,171,248,0.3) 99%, rgba(64,150,238,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(122,188,255,0.3)), color-stop(99%,rgba(96,171,248,0.3)), color-stop(100%,rgba(64,150,238,0.3))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(122,188,255,0.3) 0%,rgba(96,171,248,0.3) 99%,rgba(64,150,238,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(122,188,255,0.3) 0%,rgba(96,171,248,0.3) 99%,rgba(64,150,238,0.3) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(122,188,255,0.3) 0%,rgba(96,171,248,0.3) 99%,rgba(64,150,238,0.3) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(122,188,255,0.3) 0%,rgba(96,171,248,0.3) 99%,rgba(64,150,238,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#title {
	width:100%;
	margin-left:-12px;
	padding:12px;
	margin-top:-12px;
	margin-bottom:10px;
	background:url('img/title.png');
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#account {
	background:rgba(238, 238, 238,0.3);
	width:32%;
	min-height:10px;
	padding:12px;
	float:right;
	margin-right:-12px;
	margin-top:-30px;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	font-family:tahoma;
}
#latest {
	background:rgba(238, 238, 238,0.3);
	width:32%;
	min-height:10px;
	padding:12px;
	float:right;
	margin-right:-12px;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 0px 0px rgba(50, 50, 50, 0.75);
	font-family:tahoma;
}
#avatar {
	border-radius:50%;
	height:100px;
	width:100px;
	border:thin solid rgba(255,255,255,0.5);
	display:inline;
	float:left;
}
#account > #info {
	display:inline;
	min-height:100px;
	width:auto;
	float:left;
}
#account > #info > p {
	margin-top:0;
	padding-top:0;
}
#account > #info > a {
	text-decoration:none;
	color:#eee;
}
#account > #info > p#username {
	margin-left:-8px;
	margin-top:5px;
	margin-bottom:0;
}
#account > #info > p#rank {
	font-size:12px;
	margin-bottom:0;
}
.button {
	background:#255F85;
	padding:5px;
	font:24px;
	margin-left:0px;
	margin-bottom:0px;
	transition:0.3s;
}
/*a.button:hover {
	opacity:0.5;
}*/
#play {
	background:url('img/top_menu.png');
	height:78px;
	width:100%;
	text-align: center;
	color: rgba(238, 238, 238, 1);
	text-shadow: 1px 1px 0px rgba(7, 70, 99, 1);
	border-radius:5px;
	line-height:78px;
	font-size:24px;
	font-family:'Trajan Pro Bold';
}
#play > a {
	padding: 24px 93px 24px 94px;
	background:;
	transition:0.5s;
	border-radius:5px;
	border-top:thin solid rgba(0,0,0,0.5);
}
#play > a:hover {
	background: rgba(0,0,0,0.2);
	transition:0.2s;
}
#play > a:active {
	border-top:thin solid #000;
	border-bottom:thin solid #000;
}