.clear {
	clear: both;
}

@font-face {
    font-family: 'Thong';
    src: url('../fonts/thong-regular.ttf');
}

body {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #000;
}

h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #3e7abe;
	font-weight: normal;
}

h2 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #3e7abe;
	font-weight: normal;
}

h3 {
	font-size: 13px;
	margin: 2px;
	padding: 0;
	color: #000;
	font-weight: bold;
}

p {
	margin: 5px 0;
}

a, a:visited {
	color: #3e7abe;
}

a:hover {
	color: #ff7d01;
}

.l2top {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.3;
}

.l2top:hover {
	opacity: 1.0;
}

.vkontakte {
	position: absolute;
	right: 100px;
	top: 6px;
	opacity: 0.3;
}

.vkontakte:hover {
	opacity: 1.0;
}

.vkontakte tr {
	border: 0;
}

.vkontakte td {
	padding: 0;
}

.background {
	width: 100%;
	background: #fcfefe url('../images/site/background.jpg') center top no-repeat;
	min-width: 1000px;
}

.content-background {
	background: #fcfefe url('../images/site/background-content.jpg') center top no-repeat;
}

.content-background-top {
	background: transparent url('../images/site/background-top.jpg') center top no-repeat;
}

.content-background-bottom {
	min-height: 100px;
	background: #fcfefe url('../images/site/background-bottom.jpg') center bottom no-repeat;
}

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

.head {
	height: 492px;
}

.contenthead {
	height: 173px;
}

.middle {
	height: 123px;
}

.foot {
	padding-top: 78px;
}

.content {
	height: 739px;
	margin: 50px 0 35px;
	overflow: auto;
}

.head .logo {
	display: block;
	position: relative;
	top: 41px;
	width: 200px;
	height: 80px;
	background: url('../images/site/logo.png') left top no-repeat;
}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 560px;
	width: 450px;
	height: 22px;
}

ul.nav li {
	padding: 0;
	margin: 0;
	height: 100%;
	float: left;
	background: url('../images/site/menu_default.png') no-repeat;
}

ul.nav li:hover {
	background: url('../images/site/menu_selected.png') no-repeat;
}

ul.nav li.selected {
	background: url('../images/site/menu_selected.png') no-repeat;
}

ul.nav li.main {
	background-position: 0 0;
	width: 68px;
}

ul.nav li.quickstart {
	background-position: -68px 0;
	width: 115px;
}

ul.nav li.info {
	background-position: -183px 0;
	width: 110px;
}

ul.nav li.stats {
	background-position: -293px 0;
	width: 95px;
}

ul.nav li.forum {
	width: 60px;
	background-position: -388px 0;
}

ul.nav li a {
	display: block;
	height: 100%;
	width: 100%;
}

.about {
	position: relative;
	width: 450px;
	height: 260px;
	left: 568px;
	top: 60px;
}

.registerBlock {
	display: block;
	float: left;
	width: 314px;
	height: 123px;
	margin-right: 28px;
	background: url('../images/site/block-registration.png') -314px 0 no-repeat;
}

.registerBlock:hover {
	background: url('../images/site/block-registration.png') 0 0 no-repeat;
}

.downloadBlock {
	display: block;
	float: left;
	width: 314px;
	height: 123px;
	margin-right: 28px;
	background: url('../images/site/block-download.png') -314px 0 no-repeat;
}

.downloadBlock:hover {
	background: url('../images/site/block-download.png') 0 0 no-repeat;
}

.authBlock {
	display: block;
	float: left;
	width: 314px;
	height: 123px;
	background: url('../images/site/block-auth.png') left top no-repeat;
}

.authBlock input {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	font-size: 11px;
	padding: 0 3px;
	color: #acacac;
}

.authBlock input:focus {
	color: #000;
}

.authBlock input.login {
	height: 22px;
	width: 122px;
	left: 18px;
	top: 48px;
}

.authBlock input.password {
	height: 22px;
	width: 122px;
	left: 26px;
	top: 48px;
}

.authBlock input.captcha {
	height: 22px;
	width: 97px;
	left: 20px;
	top: 52px;
}

.authBlock input.login:focus,
.authBlock input.password:focus {
	background: url('../images/site/block-auth.png') 0 -123px no-repeat;
}
.authBlock input.captcha:focus {
	background: url('../images/site/block-auth.png') -128px -123px no-repeat;
}

.authBlock img.captcha-image {
	position: relative;
	left: 18px;
	top: 59px;
	width: 90px;
	height: 22px;
}

.authBlock .processButton {
	display: block;
	position: relative;
	width: 38px;
	height: 17px;
	left: 247px;
	top: 34px;
}

.authBlock .processButton:hover {
	background: url('../images/site/block-auth.png') -233px -123px no-repeat;
}

.authBlock .remind a {
	font-size: 11px;
	left: 205px;
	position: relative;
	top: -52px;
}

.cpBlock {
	display: block;
	float: left;
	width: 314px;
	height: 123px;
	background: url('../images/site/block-cp.png') left top no-repeat;
}

.cpBlock .cpButton {
	display: block;
	position: relative;
	width: 141px;
	height: 23px;
	left: 16px;
	top: 11px;
}

.cpBlock .logoutButton {
	display: block;
	position: relative;
	width: 38px;
	height: 17px;
	left: 247px;
	top: 62px;
}

.cpBlock .logoutButton:hover {
	background: url('../images/site/block-cp.png') -233px -123px no-repeat;
}

.cpBlock p {
	margin: 0 18px;
}

ul.news {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	width: 560px;
	height: 400px;
}

ul.news li {
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.news li .post-date {
	text-align: center;
	font-family: 'Thong', sans-serif;
	float: left;
	width: 50px;
}

ul.news li .post-date .day {
	color: #3e7abe;
	font-size: 48px;
}

ul.news li .post-date .month-year {
	color: #888;
	font-size: 24px;
}

ul.news li .post-content {
	margin-left: 60px;
	font-size: 12px;
}

ul.news li.post-divider {
	margin: 12px 0;
	height: 1px;
	background: url('../images/site/divider.png') left repeat-x;
}

.copyrights {
	height: 75px;
	width: 100%;
	font-size: 11px;
	color: #727a7d;
}

.copyrights .endoria {
	float: left;
}

.copyrights .unsimple {
	width: 174px;
	float: right;
}

.copyrights .unsimple .logo {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	background: url('../images/site/unsimple.png') 0 0 no-repeat;
	margin-right: 5px;
}

.copyrights .unsimple:hover .logo {
	background: url('../images/site/unsimple.png') -30px 0 no-repeat;
}

ul.cp-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cp-index {
	margin-left: 10px;
}

.cp-index .block {
	margin: 0 10px 20px;
}

table {
	border: 0;
	border-collapse: collapse;
}

table th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 6px;
}

table tr {
	border-bottom: 1px solid #777;
	margin-bottom: 2px;
}

table tr.odd {
}

table tr.thead-tr {
}

table td {
	padding: 1px 6px;
}

ul.servers_state {
	margin: 5px;
	padding: 0;
	font-size: 14px;
	list-style: none;
}

ul.servers_state li img {
	position: relative;
	top: 5px;
}