/* Reset styles d*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


#site {
  margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
  min-width: 980px;
  max-width: 1400px;
}

a img, :link img, :visited img {
	border:0;
}

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

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

body {
	font:0.7em Arial;
	margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
	 min-width: 980px;
      max-width: 1400px;
	color:#fff;
	background:#40534C url("../images/header-center.png") repeat-x top;
}

a {
	text-decoration:underline;
	color:#C0E0DA;
}

a:hover {
	text-decoration:none;
}

h1 {
	color:#B2D362;
	font:normal 1.6em Arial;
	margin-bottom:3px;
}

h2 {
	color:#C0E0DA;
	font:normal 1.2em Arial;
}

h3 {
	color:#6DA293;
	padding:5px;
	font:bold 1.2em Arial;
	margin-bottom:7px;
}

	h3 span {
		background:#fff;
		padding:5px 10px;
	}
	
h4 {
	color:#C3E0DA;
	font:bold 1.2em Arial;
	margin-bottom:7px;
}
	
/* Form elements */

.textbox {
	border:1px solid #666;
	background:#fff;
	color:#000;
	font:normal 1em Arial;
}

.button {
	background:#40534C;
	border:1px solid #666;
	color:#fff;
	font:normal 1em Arial;
	cursor:pointer;
}

.vote-button {
	background:#40534C;
	border:1px solid #677C74;
	color:#fff;
	font:normal 0.9em Arial;
	cursor:pointer;
}

select {
	background:#fff;
	border:1px solid #666;
	font:normal 1em Arial;
}

textarea {
	background:#fff;
	border:1px solid #666;
	font:normal 1em Arial;
}

/* Structure */

#wrapper {
	background:url("../images/header-right.jpg") no-repeat right top;
	min-width:1000px;
}

#container {
	width:100%;
	float:left;
	margin-right:-240px;
}

/* Header */

#header {
	background:url("../images/logo.jpg") no-repeat left top;
	height:215px;
	position:relative;
	margin-bottom:0px;
}

	.logo {
		display:block;
		left:170px;
		top:66px;
		position:left;
		width:820px;
		height:190px;
		background:url("../images/logo.gif") no-repeat left top;
		cursor:pointer;
	}
	
	.menu {
		position:absolute;
		top:210px;
		right:0;
	}
	
		.menu ul {
			overflow:hidden;
			padding:0 15px 0 0;
		}
	
			.menu li {
				float:left;
				padding:0 8px;
				border-left:1px solid #464646;
				margin-left:-1px;
			}
			
				.menu li a {
					color:#464646;
					font:bold 1.1em Arial;
					text-decoration:none;
				}
				
				.menu li a:hover {
					text-decoration:underline;
				}
	
	.searchbox {
		position:absolute;
		top:210px;
		left:0;
		width:40%;
		padding:0 0 0 15px;
	}
	
		.searchbox .textbox {
			width:80%;
			background:#96A6A0;
			color:#fff;
		}

/* Content */

#content {
	margin-right:240px;
}

	/* Corners */

	.l-t, .r-t, .l-b, .r-b {
		background-repeat:no-repeat;
		position:absolute;
		width:8px;
		height:8px;
		font-size:0;
	}
	
	.l-t {
		background-position:right bottom;
		top:0;
		left:0;
	}
	
	.r-t {
		background-position:left bottom;
		margin-left:100%;
		top:0;
		left:-8px;
	}
	
	.l-b {
		background-position:right top;
		bottom:0;
		left:0;
	}
	
	.r-b {
		background-position:left top;
		margin-left:100%;
		bottom:0;
		left:-8px;
	}
	
	/* Alphabet */

	.alphabet {
		margin:0 10px 5px;
		background:#395E5E;
		position:relative;
		text-align:center;
		padding:10px;
	}
	
		.alphabet a {
			color:#fff;
			text-decoration:none;
		}
		
		.alphabet a:hover, .alphabet .current {
			color:#9FEDD4;
			text-decoration:underline;
		}
		
			.alphabet i {
				background-image:url("../images/alphabet.gif");
			}
	
	.filter {
		text-align:center;
		margin-bottom:10px;
		color:#D9F9F3;
	}
	
/* Central column */

#main {
	margin-left:240px;
	padding:0 10px;
}

	.news-block {
		background:#4A716A url("../images/n-l-t.gif") no-repeat left top;
		margin-bottom:25px;
	}
	
	.news-block .ins {
		background:url("../images/n-l-b.gif") no-repeat left bottom;
	}
	
	.news-block .ins .ins {
		background:url("../images/n-r-b.gif") no-repeat right bottom;
	}
	
	.news-block .ins .ins .ins {
		background:url("../images/n-r-t.gif") no-repeat right top;
		padding:10px 15px;
	}
	
		.title-bottom {
			color:#D9D8D8;
			background:#567972;
			margin:0 -15px 10px;
			padding:1px 15px;
		}
		
			.title-bottom a {
				text-decoration:none;
			}
			
			.title-bottom a:hover {
				text-decoration:underline;
			}
			
		.news {
			overflow:hidden;
			margin-bottom:5px;
		}
		
			.news img {
				margin:0 6px;
			}
		
		.post-footer {
			border-top:1px solid #C3E0DA;
			font:normal 1.5em Verdana;
			padding:5px;
		}
		
			.post-footer .ratingbox {
				float:right;
				line-height:15px;
				padding-top:2px;
			}
			
		.related-news {
			padding:10px 0;
		}
		
			.related-news li {
				list-style-image:circle;
				margin-left:25px;
			}
	
	.banner-block {
		text-align:center;
		margin-bottom:20px;
	}

/* Block */

.block {
	background:url("../images/block.gif") no-repeat right bottom;
	padding-bottom:8px;
	width:230px;
	margin-bottom:20px;
}

	.block dt {
		color:#C0E0DA;
		font:normal 1.6em Arial;
		background:url("../images/h2-arrow.gif") no-repeat right;
		margin:0 10px 5px 20px;
	}

	.block dd {
		background:#597269 url("../images/block.gif") no-repeat left top;
		padding:10px 10px 2px;
	}
	
/* Left column */

#leftside {
	width:230px;
	float:left;
	padding:0 0 0 10px;
}

	.nav {
		
	}
	
		.nav li {
			line-height:34px;
		}
		
			.nav li a {
				color:#fff;
				font-size:1.2em;
				padding-left:12px;
				display:block;
				position:relative;
			}
			
			.nav li a:hover {
				background:url("../images/nav-act.png") no-repeat center top;
			}

/* Right column */

#rightside {
	width:230px;
	float:right;
	padding:0 10px 0 0;
}

	.login {
		padding:0 30px 0 5px;
		line-height:18px;
	}
	
		.login p {
			margin-bottom:8px;
			text-align:right;
		}

		.login label {
			float:left;
			width:60px;
		}
		
		.login .textbox {
			width:100px;
			color:#fff;
			background:#96A6A0;
		}

/* Footer */

#footer {
	background:url("../images/footer.png") repeat-x bottom;
	text-align:center;
	font:bold 1.2em Arial;
}

	#footer .ins {
		background:url("../images/footer-left.png") no-repeat left;
	}
	
	#footer .ins .ins {
		background:url("../images/footer-right.png") no-repeat right;
		height:63px;
		padding:30px 0 0;
	}

.clearing {
	height:0;
	clear:both;
	font-size:0;
	overflow:hidden;
}

/* Navigation */

.navigation {
	color:#666;
	padding:0 0 5px;
}

	.navigation a {
		text-decoration:none;
		color:#636363;
		background:#F9F9F9;
		border:1px solid #999;
		padding:3px 6px;
		font-size:11px
	}

	.navigation a:hover {
		background:#55B4B9;
		color:#FFFFFF;
		border-color:#999;
	}

	.navigation span {
		text-decoration:none;
		background:#fff;
		padding:3px 6px;
		border:1px solid #999;
		color:#999;
		font-size:11px;
	}

/* Add comments */

.addcomment {
	width:462px;
	border-collapse:separate;
	margin-bottom:10px;
	vertical-align:top;
	text-align:left;
}

	.addcomment th {
		padding:4px;
		background:#E7F6FA;
		color:#333;
		text-align:center;
		font-weight:bold;
	}

		.addcomment textarea {
			width:100%;
			border:none;
			height:100px;
		}

	.commentform {
		line-height:25px;
		width:24%;
	}

	.center {
		text-align:center;
		width:100%;
	}

	.center .addcomment {
		margin:0 auto 5px;
		border:1px solid #ccc;
	}

/* Comments styles */

.comment-head {
	text-align:right;
	color:#C3E0DA;
	margin-bottom:5px;
}

	.comment-head h2 {
		color:#fff;
	}
	
	.comment-head a {
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	
	.icq img {
		margin-bottom:-5px;
	}
	
	.right {
		float:right;
	}
	
.comment {
	overflow:hidden;
	padding-bottom:7px;
}

	.comment dt {
		float:left;
		width:120px;
	}
	
	.comment dd {
		display:table;
	}
	
	.quote {
		margin:5px 0;
		background:#3D5C56;
		border:1px solid #5F938A;
	}
	.quote2 {
		margin:5px 0;
		background:#3D5C56;
		border:1px solid #ffffff;
		border-color:#FFFFFF
	}

/* Add news */

.addnews {
	width:98%;
}

	.addnews td {
		padding:3px;
	}

		.addnews textarea {
			width:100%;
			height:100px;
		}

		.addnews .textbox {
			width:200px;
		}
		
		.addnews img {
			vertical-align:top;
		}

/* Feedback */

.feedback {
	width:98%;
}

	.feedback td {
		padding:3px;
	}

		.feedback textarea {
			width:100%;
			height:100px;
		}

/* Lost password */

.lostpassword td {
	padding:3px;
}

/* Personal message */

.pm {
	border-collapse:separate;
	width:462px;
}

	.pm td {
		padding:3px;
	}

		.pm textarea {
			width:100%;
			border:0;
			height:100px;
		}
		
		.pm a {
			color:#fff;
		}

/* Registration */

.registration td{
	padding:5px;
}

	.registration .button1 {
		margin-bottom:0;
	}

	.registration .textbox {
		width:150px;
	}

/* User info */

.userinfo {
	width:98%;
	margin-bottom:10px;
}

	.userinfo td {
		padding:3px;
		vertical-align:top;
	}

		.userinfo textarea {
			width:100%;
			height:80px;
		}

		.userinfo .textbox {
			width:200px;
		}

/* Stats */

.stats {
	border-collapse:separate;
	margin-bottom:10px;
	width:98%;
}

	.stats td {
		vertical-align:top;
		padding:3px;
	}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #ffffff;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}