/*
 * MAIN
 *
 * Made 2012 Rashid Shamsudinov (rash2x).
 * www.rash2x.ru
 */

#headerbg {
	background: url(../images/bg-new.jpg) no-repeat center top;
}
#footerbg {
	background: url(../images/footerbg.jpg) no-repeat center bottom;
}
#bg {
	background: url(../images/bg.jpg) repeat-y center center;
}

#wrapper {
	width: 980px;
	min-height: 2050px;
	margin: 0 auto;
}
	#header {
		height: 442px;
	}
		#logo {
			padding: 136px 323px 0 331px;
		}
			#logo a {
				display:  block;
				height: 106px;
			}
	#middle {
		min-height: 1274px;
		padding: 0 0 20px 0;
              position: relative;
	}
#ad_right {
position: absolute;
top: 950px;
right: -42px;
width: 300px;
height: 600px;
}
		#mainbar {
			width: 723px;
		}
			#server-status {
				height: 59px;
				width : 650px;
				padding: 0 0 0 10px;
				
				line-height: 59px;
			}
				.server-status-online {
					color: #e49f09;
					font-size: 16px;
				}
					.server-status-online b {
						color: #fff8d6;
					}
					.server-status-online b1 {
						color: #78e409;
					}
					.server-status-online b2 {
						color: #e40909;
					}


				#server-status > a {
					display: block;
					height: 59px;
					width: 188px;
					
					color: #fff;
					font:14px/59px "Philosopher", "PT Sans", Arial, Helvetica, sans-serif;
					text-align: center;
				}
			#navi {
				width: 198px;
				height: 470px;
				
				padding: 40px 0 0;
			}
			.inner #navi {
				width: 236px;
				height: 450px;
			}
				#navi ul li {
					margin: 14px 0 0;
				}
				#navi ul li:first-child {
					margin: 0;
				}
					#navi ul li a {
						font-size: 18px;
						color: #351e00;
						text-decoration: none;
						text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.75);
						text-transform: uppercase;
					}
					#navi ul li:first-letter {
						font-size: 20px;
					}
					#navi ul li a:hover,
					#navi ul li.active a {
						color: #8f652f;
					}
			#content {
				padding: 24px 24px 0 0;
				
				line-height: 17px;
			}
				#content h1 {
					margin: 0 0 20px 0;
				}
				#content h2 {
					margin: 0 0 16px 0;
				}
			#welcome {
				background: url(../images/welcome-bg2.jpg) no-repeat;
				width: 487px;
				height: 484px;
				
				margin: 1px 0 0 0;
				padding: 0 0 0 37px;
			}
				#welcome > h1 {
					height: 95px;
					font:30px/1 "Philosopher", "PT Sans", Arial, Helvetica, sans-serif;
				}
				.welcome-info-title {
					margin: 0 0 16px 0;
				}
				#welcome ul li {
					width: 310px;
					margin: 0 0 16px 0;
					
					font-size: 12px;
				}
					#welcome ul li p {
						margin: 0 0 0 15px;
					}
				.welcome-links {
					margin: 20px 0 0;
				}
					.welcome-social {
						padding: 0 28px 0 0;
					}
						.welcome-social a {
							margin: 0 0 0 14px;
							
							text-decoration: none
						}
			#news {
				position: relative;
			}
				.news-item {
					padding: 26px 0 30px 0;
					position: relative;
				}
				.news-item:first-child {
					padding: 0 0 30px 0;
				}
					.news-title,
					.news-image,
					.news-main {
						position: relative;
						z-index: 3;
					}
					.news-title a {
						color: #fff8d6;
						font-weight: 700;
						font-size:24px;
					}
					.article-date,
					.news-date {
						padding: 6px 0;
						
						color: #ac7145;
						font-size: 12px;
					}
					.news-date {
						padding: 6px 0 16px 0;
					}
					.news-image img {
						border: 1px solid #551f05;
					}
					.news-main {
						margin: 0 0 0 152px;
					}
						.news-message {
							margin: 0 0 16px 0;
						}
					.news-sep {
						background: url(../images/news-sep.png) no-repeat;
						width: 747px;
						height: 67px;
						
						position: absolute;
						bottom: 0;
						left: -25px;
					}
		#sidebar {
			width: 230px;
			padding: 58px 0 0 18px;
		}
			#auth {
				height: 140px;
			}
				.auth-login {
					margin: 2px 0 8px 0;
					position: relative;
					z-index: 3;
				}
					.auth-login select {
						width: 230px;
					}
					.select-server-open a {
						display: block;
					}
						.select-server-open a i {
							float: right;
							position: relative;
							top: 14px;
						}
					.select-server-wrap {
						position: absolute;
						top: 0;
						left: 0;
						
						background: #202020;
						width: 228px;
						
						border: 1px solid #707070;
						border-bottom: 1px solid #424242;
					}
						.select-server-wrap a {
							display: block;
							height: 30px;
							padding: 0 10px;
							
							color: #FFF8D6;
							line-height: 30px;
							text-decoration: none;
						}
						.select-server-wrap a:hover,
						.select-server-wrap a.active {
							background: #2b2b2b;
						}
				.auth-links a {
					font-size: 12px;
					color: #fff;
				}
			#files {
				width: 230px;
				height: 136px;
			}
				#files a {
					display: block;
				}
				#files a:first-child {
					margin: 0 0 8px 0;
				}
			#forum {
				height: 195px;
				padding: 30px 0 0;
			}
				#forum ul li {
					margin: 0 0 12px 0;
					
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
					#forum ul li a {
						padding: 0 0 0 3px;
						font-size: 16px;
						font-weight: 700;
						color: #fff8d6;
					}
			#social {
				width: 230px;
				height: 78px;
			}
				#social a {
					display: block;
					float: left;
					margin: 0 0 0 24px;
					width:38px;
					height: 38px;
					
					line-height: 38px;
					text-align: center;
					text-decoration: none;
				}
				#social a:first-child {
					margin: 0;
				}
			#articles {
				height: 254px;
				padding: 30px 0 0;
			}
				.article-item {
					padding: 16px 0 16px;
					border-top: 1px solid #311d11;
				}
					.article-message {
						font-size: 12px;
						line-height: 14px;
					}
				.article-item:first-child {
					border: none;
				}
	#footer {
		height: 146px;
		padding: 168px 0 0;
	}
		#copyright {
			width: 244px;
			
			font-size: 11px;
			font-weight: 100;
		}
			#copyright h5 {
				font-size: 11px;
			}
			.visits {
				margin: 6px 0 0;
			}
			#copyright b {
				color: #fff;
			}
		#banners {
			margin: 0 0 0 44px;
		}
		#unsimple,
		#copyright {
			padding: 66px 0 0;
		}
    
ul.yiiPager {
  margin: 5px;
  padding: 10px 5px 5px 5px;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
  color: #FFB100;
}

ul.yiiPager .selected a {
    background:#FFB100;
    color:#000;
}

ul.yiiPager .hidden a
{
	display:none;
}

.left_img {
  float: left;
  margin: 0 14px 10px 0;
}

div.row {
    margin: 20px;
    center;
}

div.row img{
    margin-right: 20px;
}

div.row label {
    display: block;
    float: left;
    width: 200px;
}

.server {
    position: relative;
    width: 115px;
    height: 88px;
    float: left;
    padding-left: 80px;
    margin: 10px 0 10px 26px;
    color: #573B00;
}

.addon1 {
    background: url(../images/addon1.png) no-repeat top center;
}

.addon2 {
    background: url(../images/addon2.png) no-repeat top center;
}

.addon3 {
    background: url(../images/addon3.png) no-repeat top center;
}

.server .name {
    margin-top: 10px;
}

.server .online {
    position: absolute;
    bottom: 10px;
    width: 100px;
    color: #9a1d00;
    font-weight: bold;
    text-align: center;
    left: 75px;
}

.server .online span {
    display: block;
    text-decoration: underline;
}

#title .online {
    position: absolute;
    left: 330px;
    top: 48px;
    color: #9a1d00;
    font-size: 24px;
}

div.row select {
    max-width: 380px;
}

.block_server {
    width: 463px;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

#locale-tool {
    list-style: none;
    float: left;
    padding: 0;
    margin: -4px 0 0 30px;
}

#locale-tool li {
    float: left;
    margin: 3px 0px 0 10px;
}

.table{
    width: 100%;
    border-collapse: collapse;
    border: 0px solid black;
}

.table th{
    font-weight: bold;
    text-align: center;
    background-color: rgba(70,72,48,0.4);
    padding: 10px;
}

.table td{
    font-weight: bold;
    text-align: center;
    background-color: rgba(60,42,48,0.4);
    padding: 10px;
}

.table  tr:nth-child(2n) {
    background: rgba(50,50,30,0.4);
}

.online {
	color: green;
}

.offline {
	color: red;
}
.addon-color-1 {
	color: #3366FF;
}

.addon-color-2 {
	color: #FF6633;
}

.addon-color-3 {
	color: #00CC00;
}
.addon-color-4 {
color: #F8CE3A;
}
div.select {
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.select select {padding-right: 20px !important;}
}

div.select:after {
	background: url(../images/icons.png) no-repeat -15px -247px;
	position: relative;
	content:'\00a0\00a0\00a0';
	right:80px; top:30px;
	position:absolute;
	pointer-events:none;
	z-index: 100;
}

div.select select {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}

.spoiler-content {
	display: none;
}

.spoiler-content  th {
	padding: 5px;
}

.table.spoiler tr {
	border-bottom: rgba(70,72,48,0.4) solid 1px;
}

.spoiler-content td {
	padding: 3px;
}
