body {
	margin: auto;
	padding: 0;
	background-color:#040b1e;
	color: #d8ded3;
	font-size:16px;
	font-family: Tahoma;
	overflow-x:hidden;
}
a:link {
	color: #d8ded3;
	text-decoration: none;
}
a:visited {
	color: #d8ded3;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
a:active {
	color: #fff;
	text-decoration: none;
}
/* width */
::-webkit-scrollbar {
  background: #5a6a50;
width:20px; 
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #5a6a50; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4c5844; 
  	border-top:    2px solid #889180;
	border-right:  2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left:   2px solid #889180;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5a6a50; 
}
@media (max-width: 600px){
	.menu{
		text-align:center;
		width:100%;
		line-height:28px;
		font-family: Verdana;
		font-size:18px;
		margin-bottom:50px;
	}
}
@media (min-width: 601px){
	.menu{
		left:2%;
		bottom:5%;
		position:fixed;
		line-height:28px;
		font-family: Verdana;
		font-size:18px;
	}
}
.menu-item{
	color:#d8ded3;
	cursor:default;
}
.menu-item a{
	cursor:default;
}

.menu-item:hover{
	color:#fff;
}
#preload-01 { background: url(images/game_menu_mouseover.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(images/game_menu_mouseover.png) no-repeat -9999px -9999px; }
.image_off, #home:hover .image_on{
	display:none;
	margin-left:-11px;
	margin-top:10px;
	margin-bottom:-15px;
}
.image_on, #home:hover .image_off{
	display:block;
	margin-left:-11px;
	margin-top:10px;
	margin-bottom:-15px;
}
@media (max-width: 600px){
	.main{
		/* max-width:900px;
		margin-top:10%;
		min-width:200px; */
		width:90%;
		text-align:left;
		background-color:#4c5844;
		color:#d8ded3;
		border-top:    2px solid #889180;
		border-right:  2px solid #282e22;
		border-bottom: 2px solid #282e22;
		border-left:   2px solid #889180;
		margin: auto;
		/*left: 0; 
		right: 0;*/

		padding:15px;
	}
}
@media (min-width: 601px){
	.main{
		/* max-width:900px;
		margin-top:10%;
		min-width:200px; */
		width:50%;
		text-align:left;
		background-color:#4c5844;
		color:#d8ded3;
		border-top:    2px solid #889180;
		border-right:  2px solid #282e22;
		border-bottom: 2px solid #282e22;
		border-left:   2px solid #889180;
		margin: auto;
		position:absolute;
		z-index:2;
		/*left: 0; 
		right: 0;*/
		transform: translate(50%, 0);
		top:20%;
		padding:15px;
	}
}
.loadinghelp{
		width:348px;
		text-align:left;
		background-color:#4c5844;
		color:#a5aa94;
		font-size:13px;
		line-height:16px;
		margin-top:-25px;
		border-top:0;
		border-right:  1px solid #282e22;
		border-bottom: 1px solid #282e22;
		border-left:   1px solid #889180;
		margin: auto;
		padding:15px;
}

/*#element-header{
	cursor:default;
	color:#fff;
	font-size:14px;
}*/
hr{
	border-top: 1px solid #292c21;
	border-bottom: 1px solid #8c9284; 
}
.close{
	float:right;
	margin-top:-25px;
	border-top:    2px solid #889180;
	border-right:  2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left:   2px solid #889180;
	width:15px;
	height:15px;
}
.close img{
	margin-bottom:2px;
	margin-left:1px;
}
.close:active{
	float:right;
	margin-top:-24px;
	margin-right:1px;
	width:15px;
	height:15px;
	border:0;
	opacity:0.8;
}

h1{
	color:#c4b550;
	text-align:center;
	font-family: Verdana;
}
h3{
	color:#c4b550;
	font-family: Verdana;
}

screenshots_text{
	font-size:16px;
	font-weight:bold;
}

.centered{
	text-align:center;
}
.centered-both{
	text-align:center;
	margin-top:20%;
}
.screenshot{
	max-width:100%;
	border-top:    2px solid #889180;
	border-right:  2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left:   2px solid #889180;
}
.but-down{
	margin-right:20px;
	margin-left:20px;
	max-width:300px;
	min-width:200px;
	border-top:    2px solid #889180;
	border-right:  2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left:   2px solid #889180;
	background-color:#617056;
	/*color:#272425;*/
	padding:15px;
	font-family: Verdana;
	font-weight:bold;
	display:inline-block;
}
.but-down:active{
	border:0;
}
.but-down2{
	margin-left:0;
	width:237px;
	border-top: 2px solid #889180;
	border-right: 2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left: 2px solid #889180;
	background-color:#617056;
	padding:5px;
	font-family: Verdana;
	font-weight:bold;
}
.but-down2:active{
	border:0;
}
.edition{
	width:250px;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;}
.edition img{
	width:250px;
}
.article{
	width:100%;
	min-height:200px;
}
.useful{
	float:left;
	padding-right:20px;
}
.useful-name a:link{
	color:#c4b550;
	font-family: Verdana;
	font-weight:bold;
}
.useful-name a:hover{
	color:#fff;
}

.useful-info{
	margin-top:15px;
	margin-bottom:15px;
}
.useful-more a:link{
	text-decoration:underline;
}
.useful-more a:hover{
	text-decoration:none;
}
.map-title{
	font-family:Verdana;
	margin-bottom:5px;
	color:#c4b550;
	font-weight:bold;
}
.but-cmnt{
	margin-left:0;
	color:#d8ded3;
	width:237px;
	border-top: 2px solid #889180;
	border-right: 2px solid #282e22;
	border-bottom: 2px solid #282e22;
	border-left: 2px solid #889180;
	background-color:#617056;
	padding:5px;
	font-family: Verdana;
	font-weight:bold;
}
.but-cmnt:active{
	border:0;
}
@media (max-width: 600px){
	.com-nick{
		background:#3e4637;
		color:#d8ded3;
		border:#636363 1px solid;
		width:30%;
	}
	.com-bar{
		margin-left:-100px;
	}
}
@media (min-width: 601px){
	.com-nick{
		background:#3e4637;
		color:#d8ded3;
		border:#636363 1px solid;
		width:90%;
	}
	.com-bar{
		margin-left:0;
	}
}
@media (max-width: 600px){
	.servers{
		display:none;
	}

}
@media (min-width: 601px){
	.servers{
		right:2%;
		bottom:2%;
		position:fixed;
		line-height:28px;
		font-family: Verdana;
		font-size:18px;
		color:#fff;
		cursor:default;
	}

}
.fucker{
	margin-top:10px;
	margin-left:-50px;
	opacity:0.8;
}
.fucker:hover{
	opacity:1.0;
}

.srvs{
	opacity:0.8;
}
.srvs:hover{
	opacity:1.0;
}