@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html, body {height:100%;}
body {
	position:relative;
	min-height:100%;
	height:auto !important;
	height: 100%;
	background: url(../img/body-2-bg.jpg);
	font:62.5% Arial, Helvetica, sans-serif;
	color:#000;
	}
a { color:#707070;}
img {border:none; padding:0; margin:0;}
:focus {outline:none;}

#body-footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:364px;
	background:url(../img/body-footer-bg.jpg) 50% 0 no-repeat;
	z-index:5;
	}

#wrap {
	position:relative;
	width:998px;
	margin:0 auto;
	padding: 40px 0 0 0;
	z-index:10;
	}

/* header */
#header {
	height:197px;
	background:url(../img/header-bg.jpg) no-repeat;
	}
#header-menu {
	position:relative;
	height:61px;
	background:url(../img/header-menu-bg.jpg) no-repeat;
	z-index:20;
	}
	#menu {
		display:block;
		width:714px;
		height:35px;
		padding-left:1px;
		margin:0 auto;
		list-style:none;
		background:url(../img/menu-list.gif) 0 0 no-repeat;
		}
		#menu li {
			position:relative;
			float:left;
			display:block;
			width:100px;
			height:35px;
			padding-right:1px;
			background:url(../img/menu-list.gif) 100% 0 no-repeat;
			z-index:20;
			}
			#menu li a {
				float:left;
				display:block;
				width:100px;
				height:35px;
				line-height:35px;
				font-size:1.4em;
				font-weight:bold;
				color:#dcdcdc;
				text-align:center;
				text-decoration:none;
				}
				#menu li a:hover { background: url(../img/menu-hover.jpg) no-repeat;}
			.menu-in {
				position:absolute;
				display:none;
				top:35px;
				left:1px;
				width:100px;
				padding-bottom:15px;
				background:url(../img/menu-in-bg.png) 0 100% repeat-x;
				z-index:20;
				}
				.menu-in li {
					float:none !important;
					width:80px !important;
					height:23px !important;
					background:none !important;
					}
					.menu-in li a {
						float:none !important;
						height:22px !important;
						background: #0c0c0d;
						border-bottom: solid 1px #2f2f30;
						font: normal 1.1em/22px Arial, Helvetica, sans-serif !important;
						}
					.menu-in li a:hover { 
						color:#CCC;
						background:#2f2f30 !important;
						}
	/* language */
	#language {
		position:absolute;
		top:42px;
		left:10px;
		font-size:1.1em;
		color:#fff;
		}
		#language img {
			position:relative;
			top:2px;
			padding-left:3px;
			}
	/* serachform */
	#serachform {
		position:absolute;
		top:38px;
		left:98px;
		}
		#ssubmit {
			display:block;
			width:86px;
			padding:3px 0;
			background:none;
			border:0;
			font-size:1.1em;
			cursor:pointer;
			}
		#sform {
			position:absolute;
			top:0px;
			left:90px;
			display:block;
			width:153px;
			padding:3px;
			background:#575656;
			border:0;
			}
	/* login */
	#login-block {
		position:absolute;
		top:39px;
		_top:38px;
		left:377px;
		font-size:1.1em;
		color:#fff;
		}
		#login-block p {
			float:left;
			padding-right:20px;
			}
			#login-block p input {
				width:100px;
				padding:2px;
				background:#616161 url(../img/login-bg.gif) 0 100%;
				color:#FFF;
				border: 0;
				}
		#login-block div {
			float:left;
			height:22px;
			line-height:22px;
			padding-right:20px;
			}
			#lsubmit {
				position:relative;
				top:1px;
				display:block;
				width:50px;
				padding:1px 0;
				margin-right:20px;
				background:#616161 url(../img/login-bg.gif);
				border: solid 1px #9f9f9f;
				font-size:1em;
				color:#FFF;
				cursor:pointer;
				}
			#login-block div span { padding-left:15px; }
			#login-block a { 
				color:#fff;
				text-decoration:none;
				}
			#login-block a:hover { color:#CCC;} 
#header3 {
	position:relative;
	height:100px;
	background:url(../img/header3-bg.gif) no-repeat;
	}
	#header3-banner {
		position:absolute;
		top:5px;
		left:6px;
		}
	#popular {
		position:absolute;
		top:3px;
		right:5px;
		width:245px;
		overflow: hidden;
		height:95px;
		font-size:1.1em;
		color:#fff;
		}
		#popular a { color:#fff; text-decoration:none;}
		#popular a:hover { color:#CCC;}

/* container */
#containerfull {background:url(../img/container-bg.png) repeat; }
#container {
	position:relative;
	min-height:560px;
	height:auto !important;
	height:560px;
	float:left;
	width:100%;
	}
	#content {
		margin:0 220px;
		}
		/* preview */
		#preview {
			position:relative;
			height:300px;
			margin: 4px 0 25px 0;
			border:solid 1px #565757;
			}
			#preview-img {
				position:absolute;
				top:8px;
				left:8px;
				width:540px;
				background: url(../img/preview-img-bg.gif);
				}
				#preview-img p {
					min-height:32px;
					height:auto !important;
					height:32px;
					padding: 8px 70px 8px 10px;
					font-size:1.1em;
					color:#fff;
					}
				#preview-link {
					position:absolute;
					bottom:5px;
					right:5px;
					display:block;
					width:40px;
					height:40px;
					background:url(../img/preview-link.gif) no-repeat;
					text-indent:-9999px;
					}
			#preview-foot {
				position:absolute;
				bottom:-1px;
				left:-1px;
				width:525px;
				height:77px;
				padding:5px 0 0 35px;
				list-style:none;
				background:url(../img/preview-foot.gif) no-repeat;
				}
				#preview-foot li {
					float:left;
					display:block;
					padding:0 5px;
					}
					#preview-foot li a {
						opacity:0.3;
						-moz-opacity:0.3;
						filter:alpha(opacity=40);
						}
					#preview-foot li a:hover, #preview-foot li a.active {
						opacity:1;
						-moz-opacity:1;
						filter:alpha(opacity=100);
						}
					#preview-foot li a img { border: solid 2px #000;}
					#preview-foot li span { display:none;}
		/* post */
		.post {
			width:560px;
			padding-bottom:22px;
			}
			.post-title {
				height:23px;
				line-height:23px;
				text-indent:10px;
				background:url(../img/post-title.jpg) no-repeat;
				font-size:1.2em;
				color:#ddd;
				}
				.post-title a { color:#ddd; text-decoration:none;}
				.post-title a:hover { color:#fff;}
			.post-body {
				min-height:100px;
				height:auto !important;
				height:100px;
				padding: 20px;
				background:url(../img/post-body.gif) repeat-y;
				font-size:1.2em;
				}
			.post-info {
				height:23px;
				line-height:22px;
				padding-left:15px;
				background:url(../img/post-info.gif) no-repeat;
				font-size:1.1em;
				color:#ddd;
				}
				.post-info span { padding-right:15px; }
				.post-info a { color:#ddd; text-decoration:none;}
				.post-info a:hover { color:#fff;}
		/* navigation */
		#navigation {
			margin:30px 0;
			text-align:center;
			}
			#navigation-bg {
				padding:10px;
				background:url(../img/container-bg.png);
				font-size:1.1em;
				font-weight:bold;
				}
				#navigation-bg span {
					padding:3px 7px;
					background:#292929;
					color:#b1b1b1;
					text-decoration:none;
					}
				#navigation-bg a {
					padding:3px 7px;
					color:#1e2121;
					text-decoration:none;
					}
				#navigation-bg a:hover {color:#626262;}

		/* comment */
		.com-ava { float:left; margin: 0 15px 15px 0; border: solid 2px #CCC;}

/* left-bar */
#left-bar {
	position:relative;
	float:left;
	width:207px;
	margin-left:-998px;
	padding-top:22px;
	background:#747474 url(../img/left-bar-head.jpg) 0 0 no-repeat;
	z-index:20px;
	}
	.lbock {
		position:relative;
		top:5px;
		width:198px;
		padding-bottom:2px;
		margin-bottom:13px;
		background: #d5d5d5 url(../img/lblock-bg.gif) 0 100% no-repeat;
		}
		.lblock-title {
			height:23px;
			line-height:23px;
			background:url(../img/lblock-title.jpg) no-repeat;
			text-indent:10px;
			font-size:1.2em;
			font-weight:bold;
			color:#ddd;
			}
		.lbock-body {
			min-height:50px;
			height:auto !important;
			height:50px;
			background:url(../img/lblock-body.gif) repeat-y;
			}
	#left-bar-foot {
		position:absolute;
		bottom:-3px;
		_bottom:-10px;
		width:207px;
		height:5px;
		background:url(../img/left-bar-bg.gif) no-repeat;
		}

/* left-bar */
#right-bar {
	position:relative;
	float:left;
	width:207px;
	margin-left:-207px;
	padding-top:22px;
	background:#747474 url(../img/right-bar-head.jpg) 100% 0 no-repeat;
	z-index:20px;
	}
	.rbock {
		position:relative;
		top:5px;
		width:198px;
		padding-bottom:2px;
		margin: 0 0 13px 9px;
		background: #d5d5d5 url(../img/lblock-bg.gif) 0 100% no-repeat;
		}
		.rblock-title {
			height:23px;
			line-height:23px;
			background:url(../img/rblock-title.jpg) no-repeat;
			text-indent:10px;
			font-size:1.2em;
			font-weight:bold;
			color:#ddd;
			}
		.rbock-body {
			min-height:50px;
			height:auto !important;
			height:50px;
			background:url(../img/lblock-body.gif) repeat-y;
			}
	#rblock-counters {
		position:absolute;
		bottom: -42px;
		left:25px;
		}
		#rblock-counters img { padding-right:10px;}
	
	#right-bar-foot {
		position:absolute;
		bottom:-3px;
		_bottom:-10px;
		width:207px;
		height:5px;
		background:url(../img/right-bar-bg.gif) no-repeat;
		}
	/* menu-left */
	#menu-left {
		padding:10px 15px;
		list-style:none;
		}
		#menu-left ul {
			display:none;
			margin: 0 0 3px 20px;
			list-style:none;
			}
		#menu-left a {
			font-size:1.2em;
			font-weight:bold;
			color:#000;
			text-decoration:none;
			}
		#menu-left a:hover { color:#333;}
			#menu-left ul a { color:#666 !important; }
			#menu-left ul a:hover { color:#000 !important; }

	/* list-menu */
	.list-menu {
		padding: 1px 5px 5px 5px;
		list-style:none;
		}
		.list-menu li {
			padding:7px 0;
			text-indent:5px;
			border-bottom:solid 1px #707070;
			}
			.list-menu li a {
				font-size:1.2em;
				color:#707070;
				text-decoration:none;
				}
			.list-menu li a:hover {
				color:#4b4a4a;
				}

/* footer */
#footer {
	clear:both;
	position:relative;
	width:998px;
	height:60px;
	background:url(../img/footer-bg.jpg) no-repeat;
	font-size:1.1em;
	color:#fff;
	}
	#copyrights {
		position:absolute;
		top:10px;
		left:110px;
		}
	#design {
		position:absolute;
		top:10px;
		right:10px;
		text-align:right;
		}

/*  Выпадающее меню */
#dropmenudiv {
	border: 1px solid #ffffff;
	border-bottom-width: 0;
	font: normal 10px Verdana;
	background-color: #e7e5d6;
	line-height: 20px;
	margin: 2px;
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
	filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
	}
#dropmenudiv a {
	display: block;
	text-indent: 3px;
	text-decoration:none;
	color: #ffffff;
	background:url(../pic/block-background.gif) #b0ad8c;
	border: 1px solid #fff;
	padding: 1px 0;
	margin: 1px;
	font-weight: bold;
	}
#dropmenudiv a:hover {
	background:url(../pic/block-background_grey.gif) #e7e5d6;
	color:#000;
	}

/* BB code */
#dle_emo { top: 25px !important; left: 200px !important;}
 .bbcodes {
	 position:relative;
	height: 20px;
	padding:0 5px;
	background: url(../images/dlet_bttn_bbcodes.gif) repeat-x #fff;
	border:0px;
	
	font-size: 11px;
	font-family: tahoma;
	color: #ffffff;
	font-weight: bold;
	}
.f_textarea {
	color: #757575;	
	font-size:1em;
	padding:3px 5px;
	font-family: tahoma;
	background-image: url(../images/dlet_field_o.gif) #fff;
	background-repeat: repeat-x;
	width: 450px;
	height: 156px;
	border: 1px solid #e0e0e0;
	}
.bbcodes_poll {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;
	font-family: tahoma;
	width: 120px;
	height: 20px;
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	}
.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	}
.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	}
.editbclose {
	float: right;
	cursor: pointer;
	}
.editor_button select {
	font-family: tahoma;
	font-size: 11px;
	}
.editor_button img {margin: 0; padding: 0;}
.editbclose img {margin: 0; padding: 0;}
.editor_button_brk img {margin: 0; padding: 0;}



/* */
.clear {clear:both;}
.textblock {padding:10px; font-size:1.1em;}
