html, body		{ padding: 0; margin: 0; font-family: Tahoma,Verdana,Arial, sans-serif; font-size: 14px; 
					height: 100%; min-width: 1000px; color: #f0f0f0; font-weight: normal; }

html			{ background: url(img/bg.png) top center #000; }

body			{ background: url(img/top_bg.png) repeat-x top center; }

a				{ color:#fff; }
img				{ border: 0; }
.main			{ width: 1000px; margin: 0 auto; }

.header			{ font-size: 20px; font-weight: bold; height: 90px; 
					text-shadow: 0.1em 0.1em 0.2em #000;
					margin: 0 0 25px 0; }
.logo			{ float: right; padding: 25px 0 0 0; }
.block			{ border: 1px solid #b7b7b7; background: url(img/bg_block.png) top left; 
					padding: 20px; box-shadow: 5px 5px 10px #000; border-radius: 3px; 
					margin: 0 0 25px 0; }

.soc			{ float:  right; padding: 7px 0 0 0; }

.menu			{ padding: 0 0 0 1px; }
.menu .item		{ float:  left; }
.menu .item a	{ display:  block; padding: 10px 15px; text-decoration: none; }
.menu .item a:hover{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#444));
					background: -moz-linear-gradient(top, #777, #444);
					background-image: -o-linear-gradient(#777,#444);  }
.adv			{ float: left; }
.vk				{ padding: 2px; }

.title			{ font-size: 24px; }
.clear			{ clear: both; }

.rotation-block			{ height: 310px; float:left; position: relative; overflow: hidden; }
.rotation-block .item	{ float:left; position: relative; width: 660px; }
.rotation-block .wrap	{ padding: 20px; overflow: hidden; height: 270px; }
.rotation-block h1		{ font-weight: normal; font-size: 32px; margin: 0;}
.rotation-block p		{ margin: 7px 0;}
.rotation-block ul		{ margin: 10px 0; padding: 0 15px; }
.rotation-block li		{ margin: 7px 0; }

.banner-block			{ width: 670px; float:left; overflow: hidden; }
.banner-block .dots		{ text-align: center; padding: 10px 0 0 0; }
.banner-block .dots a	{ margin: 0 10px; display: inline-block; width:16px; height: 16px; }
.banner-block .dots .empty{ background: url(/img/empty.png) no-repeat top left; }
.banner-block .dots .full { background: url(/img/full.png) no-repeat top left; }
.banner-block img		{ position: absolute; }
.banner-block .text		{ position: absolute; padding: 10px 25px; }

.buttons-block			{ float: left; width: 224px; padding: 30px; }
.buttons-block .button a{ display: block; border: 1px solid #b7b7b7; font-size: 30px; padding: 10px 20px;
							text-decoration: none; margin: 0 0 30px 0; border-radius: 3px;
							background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
							background: -moz-linear-gradient(top, #666, #333);
							background-image: -o-linear-gradient(#666,#333); }
.buttons-block .button a:hover{ 
							background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#444));
							background: -moz-linear-gradient(top, #777, #444);
							background-image: -o-linear-gradient(#777,#444); }

.left-col				{ float: left; width: 280px; }
.right-col				{ margin: 0 0 0 30px; width: 690px; float:left; }


.servers-list .name			{ float: left; }
.servers-list .peoples		{ float: right; }
.servers-list .item a		{ border-bottom: 1px dotted; display: block; margin:  0 0 0 25px; text-decoration: none; }
.servers-list .item			{ background: url(http://icons.hiasm.com/img/1/172_04.png) no-repeat left center; 
								margin: 10px 0; }
.servers-list .hard .current	{ color:#f00; }
.servers-list .selected a	{ color: gray; }

.news-list					{ }
.news-list .item			{ margin:  0 0 25px 0;}
.news-list .date			{ font-style: oblique; }
.news-list .title			{  }
.news-list .next			{ margin-top: 10px; }

.new-blocks .list			{ padding: 25px 0 0 0; }
.new-blocks .item			{ float:left; padding: 14px; margin: 0 25px 0 0; border-radius: 3px; 
								border: 1px solid #b7b7b7; 
								background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
								background: -moz-linear-gradient(top, #666, #333);
								background-image: -o-linear-gradient(#666,#333); }

.see-all					{ padding: 15px 0 0; }

.footer .copy				{ color: gray; font-size: 10px; text-align: center; padding: 0 0 15px 0; }

#server-players				{ color: silver; height: 210px; overflow: auto; width: 140px; font-size: 12px; }
#server-players div			{ width: 120px; overflow: hidden; }

#messages					{ padding: 7px; color: silver; height: 232px; border: 1px solid #444; overflow: auto; font-size: 12px; }
#server-online				{ float: left; margin-right: 4px; }

.guest { color: #FFF; }
.free { color: #888; }
.vip { color: #8F8; }
.girls { color: #F6F; }
.builders { color: #CCF; }
.codes { color: #888; }
.mods { color: #F77; }
.admins { color: #F44; }
.premium { color: gold; }
.helper { color: dodgerblue; }
.system { color: #F66; font-weight: bold; text-shadow: 0.1em 0.1em 0.2em black; }

.dialog						{ display: none; width: 500px; height: 410px; position: absolute; margin: 200px 0 0 -77px;
								cursor: default; z-index: 0; overflow: hidden; }
.dlg-bg						{ background-color: black; border: 1px solid gray; border-radius: 7px 7px 7px 7px; 
								box-shadow: 0 0 15px #888888; height: 410px; opacity: 0.7; position: absolute; width: 500px; z-index: -1; }
.dlg_title					{ color: white; font-size: 12px; font-weight: bold; height: 17px; padding-top: 3px; text-align: center; }
.edit						{ width: 412px; border-radius: 3px; height: 22px; border: 1px solid gray; padding: 0; }
.edit-login					{ width: 141px; border-radius: 3px; }
.action-btn					{ background-color: #444444; border: 1px solid gray; color: gray; cursor: pointer; 
								height: 22px; padding: 0 5px; border-radius: 3px; }
.msg-say					{ color: white; }
.msg-warn					{ color: red; }
.msg-console				{ color: green; }
#server-total				{ font-size:  12px; border-bottom: 1px solid gray; margin: 0 0 3px 0; }