html, body {font:normal 11px/15px "Trebuchet MS", Tahoma; background:#212121 url(../img/bg.jpg); color:#494949;}
body {background:url(../img/fbg.jpg) center bottom no-repeat; padding-bottom:50px;}

* {margin:0; padding:0;}

img {border:0;}
div {vertical-align:top;}
ul {list-style:none; overflow:hidden;}
h2 {font:italic 18px/24px Georgia; color:#6c6c6c; font-weight:normal;}

a:link, a:visited {color:#797979; cursor:pointer;}
a:hover {color:#00ace5; cursor:pointer;}

#subheader, #opacity-corners, #header, #content, #footer, #sub-footer {width:94%; margin:0 3% 0 3%; overflow:hidden;}
#topslide, #bgspace, #footer {background:url(../img/bg.png)}

#topslide {display:none; padding:60px 0;}
#bgspace {height:15px;}

#subheader {}

	#sublinks {overflow:hidden; padding:16px 0; width:100%;}

		#sublinks #subleft {float:left; width:40%; margin-left:7.3%;}
		#sublinks #subleft li {float:left; margin-right:7%;}
		#sublinks #subleft a {font-size:10px;}
		
		#sublinks #subright {float:right; width:40%; text-align:right; margin-right:9%; color:#c9c9c9;}
		#sublinks #subright a {color:#00ace5; text-decoration:underline; cursor:pointer;}
		#sublinks #subright a:hover {color:#797979;}

	#header-content {overflow:hidden; margin:25px 0 20px 0;}

		#header-content #logo {float:left; width:30%; margin:0 0 0 4.6%;}	
		#header-content #logo span {font-size:10px; margin:-45px 0 0 130px; position:absolute; display:block }
		
		#header-content #banner {width:48%; float:right; padding-top:20px; padding-right:9%;}
		#header-content #banner div {width:468px; float:right; height:38px;  }
		#header-content #banner img {float:right; border:8px solid #181818;}
		
#opacity-corners {margin-bottom:-53px;} 

	#opacity-corners img {display:block;}
	#opacity-corners img#left {float:left; margin: 0 0 6px -1px;}
	#opacity-corners img#right {float:right;}
	
#header {}

	#lobsterezation {background:url(../img/op_bg.png) repeat-x; padding:0 0 11px 7.5%; margin:0 18px 0 17px;} 
	
		#login {height:54px; margin:0 18px -15px -17px; overflow:hidden;}

			#login li {float:left; padding:15px 0 8px 0; height:54px;}
			#login sup {margin-left:3px;}

			#login #cnn {margin:0 5px 0 2px;}
			#login #name a {font:bold 11px/20px Tahoma; text-decoration:underline; color:#00ace5;}
			#login #admin a {font:normal 8px/12px Tahoma; text-decoration:none; color:#777;}
			#login #exit {margin-top:3px;}
			#login #add, #login #favorite {margin-left:25px;}
			#login #post, #login #unread {margin-left:6%;}
			#login #admin, #login #logout {margin-left:5px;}
			#login #unread, #login #add {margin-top:4px;}
			
		#logout {height:54px; display:none; margin:0 0 -15px -18px;}

			#logout td {vertical-align:middle; height:54px; line-height:14px;}
			#login_name, #login_password {
				font:normal 11px/14px "Trebuchet MS", Tahoma;
				border-right:1px solid #dedede;
				border-left:1px solid #dedede;
				background: url(../img/login_bg.png) repeat-x;
				padding:4px 0 4px 17px;
				color:#bababa;
				width:170px;
				height:16px;
				border:0px;
				}

			#td_login_name, #td_login_password {padding-left:2%; width:225px;}

			#logout .last-link {margin-right:2%;}
			#logout #td_login_button {padding: 0 6% 0 2%; width:146px;}
			#logout #login-button input {width:106px; height:24px; padding:0; border:0;}

	#links {background: url(../img/tbg.png) repeat-x; overflow:hidden; border-top:1px solid #000;}

	#slider {width:100%; height:40px; padding-left:7.5%; margin-left:-20px; overflow:hidden}
	
		#fisrt, #second, #toggle {float:left; height:40px;}
		#toggle img {position:absolute; margin:-6px 0 0 -12px;}
		
		#first li, #second li {
			text-align:center;
			display:inline-block; 
			padding:12px 20px 12px 20px;
			border-right:1px solid #e8e9e8;
			margin-bottom:40px;
			float:left;
			}

		#second li {padding-top:13px;}
		#absbg {margin-right:5.5%;}
		
		#prevBtn a, #nextBtn a {z-index:105; padding:25px 33px; margin:-45px 0 0 -12px; position: absolute; display:block;}

	#sorting {background:#f7f7f7; padding:12px 0 0 0; width:100%; overflow:hidden; height:27px;}

		#dle-speedbar, #news_set_sort, #dle-speedbar a {font:normal 10px/15px "Trebuchet MS", Tahoma; color:#b0b0b0; background:#f7f7f7; margin:0 7px;}
		#dle-speedbar, #news_set_sort {position:absolute;}
		
		#dle-speedbar {z-index:100; margin-left:6.6%; }
		#news_set_sort {z-index:101; margin-left:7.1%;}

#menu {
 
float: left;
}

 #menu a  {
			text-align:center;
                        display: inline;
			padding:12px 20px 12px 20px;
			
			float: left;

			}

#menu a:hover {
 color:#000000;
}

#custom-news {
color:#000000;
padding:30px 100px 30px 100px;"
}

#content {background:#fcfcfc;}


	#newsline {width:65%;}
	#blockline {width:28%; padding:3px 4% 40px 3%;}

		#blockline, #newsline {float:left;}
		
	#slide-down {margin:26px 0 0 0px;}
	#slide-down img {margin:0px 0 0 -12px; position:absolute; display:block;}
	
	.block {background:#f8f8f8; width:100%; margin: 0 0 20px 0;}
	.block h2, .block p {margin: 0 0 20px 0;}
	
#welcome {margin:10px 22px 10px 22px;}

	#welcome img {vertical-align:text-bottom; margin:0 5px 0 0;}
	
#vote {margin:10px 22px 10px 22px;}

	.vote {margin:0 25px 5px 3px;}
	.vote input {margin:0 0 0 5px;}
	
	#vote p {margin:20px 0 0 0;}
	#vote #vt, #vote #rs {font:normal 11px/15px "Trebuchet MS", Tahoma; float:left; width:40%; margin:15px 0 0 3%;}

#search {padding:5px 22px 0 22px;}
	
	#search h2, #search p {margin:0 0 15px 0;}

	#search input {
		font:normal 11px/14px "Trebuchet MS", Tahoma;
		border:0px;
		border-right:1px solid #dedede;
		background:#fff url(../img/searchbg.png) no-repeat;
		padding:9px 0 9px 32px;
		width:88%;
		color:#bababa;
		}

	#search span {margin:7px 0 10px 2px; display:block;}

#tabs {width:100%;}

	#tlc, #trc {position:absolute;}
	#trc {margin-left:24.8%;}
	
	#tabs #tablinks {background:#f8f8f8; width:100%;}
	
	#tabs #tablinks img {vertical-align:text-bottom;}
	
	#tabs #tablinks li.active {background:#f8f8f8 none; padding:12px 0 12px 0;}
	#tabs #tablinks li.active a {color:#232323;}
	#tabs #tablinks li a {color:#8b8b8b;}
	
		#tabs #tablinks li {
			width:32.9%;
			text-align:center;
			display:inline-block; 
			padding:12px 0 12px 0; 
			background: url(../img/tbg.png) repeat-x; 
			border-right:1px solid #e8e9e8;
			}
		
		*+html #tabs #tablinks li {float:left;}

	#tabs div {width:auto; background:#f8f8f8; padding:15px 7% 15px 7% ;}
	
#tags {font:Georgia; line-height:22px; font-style:italic;}

	#tags a {border-bottom:1px dashed; text-decoration:none;}
	#tags a:hover {font-weight:bold; font-size:large;}

.clouds_xsmall {font-size: x-small;}
.clouds_small {font-size: small;}
.clouds_medium {font-size: medium;}
.clouds_large {font-size: large;}
.clouds_xlarge {font-size: x-large;}

#rss {}

	#rss dl {margin:0 0 20px 0;}
	#rss dt {margin:0 0 10px 0;}
	
	#rss a {color:#00ace5; font:bold 11px/16px Tahoma;}
	#rss a:hover {color:#454545;}

#navigation {overflow:hidden; width:86.5%; height:26px; margin:40px 0 40px 12%;}

	#navigation a, #navigation span {padding:5px 10px 4px 10px; margin-left:-4px; border:1px solid #cccccc;}
	
	#pages {background: url(../img/navigationbg.gif) repeat-x;}
	#backword {background: url(../img/backword.gif) no-repeat; width:75px; padding-left:3px}
	#forward {background: url(../img/forward.gif) no-repeat; width:75px;}
	#pages span {background: url(../img/navigationactive.gif) repeat-x; height:26px; }

	#forward, #backword, #pages {float:left; height:26px; padding:5px 0 0 0;}
	#backword span, #backword a, #forward span, #forward a {border:none; margin: 0 0 0 23px; padding:0;}

#footer {}

	#footer h2 {margin:0 0 25px 0;}
	
	#footer-rules {width:60%; color:#494949; line-height:15px; margin:35px 0 45px 7.8%;}
	#footer-rules li {float:left; width:60%; margin-right:5%;}
	
	#footer-links {width:23%; margin:35px 0 45px 2%;}
	#footer-links ul {list-style:decimal; list-style-position:inside; margin-top:50px;}

	#footer-rules, #footer-links {float:left; clear:right}

#sub-footer {margin-top:40px; padding:0 0 0 7.3%; width:86.5%; overflow:hidden;}

	#sub-footer-right {float:right; margin-right:7.3%;}
	
	#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);  
}

#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

/* ==================== Информационное оконо загрузки AJAX */
#loading-layer {
    display:none;
    font-family: Verdana;font-size: 11px;
    background:#000;padding:10px;
    text-align:center;
    border:1px solid #000;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.selectmass input { float: right; margin-left: 6px; }
.mass_comments_action { text-align: right; }

/* ==================== Цитата и скрытый текст */
.scriptcode, .title_quote,
.quote, .title_spoiler, .text_spoiler { padding: 5px; background: #f9f8f5; border: 1px solid #f1eee8; }
.title_quote, .title_spoiler { background: #f9f8f5; }

.title_quote { border-bottom: 0; font-weight: bold; }
.scriptcode { color: #b02c20; text-align: left; font-family: "Courier New"; }
.title_spoiler { font-weight: bold; }
.title_spoiler img { margin: -3px 0 0 0; padding: 0; }
.text_spoiler { border-top: 0; text-align: justify; }

.hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em; 0; }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }


/* ==================== Облако тегов */
.clouds_xsmall { font-size: 1em; }
.clouds_small { font-size: 1.1em; }
.clouds_medium { font-size: 1.2em; font-weight: bold; }
.clouds_large { font-size: 1.5em; }
.clouds_xlarge { font-size: 1.7em; }

/* ==================== Автозаполнение облака тегов */
.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { font-size: 11px;font-family: verdana;padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* ==================== Быстрый поиск на сайте */
#searchsuggestions { border-width:1px; border-color:#919191; border-style:solid; width:300px; background-color:#5c9ccc; font-size:10px; line-height:14px; }
#searchsuggestions a { padding:5px;display:block; background-color:#fff; clear:left; height:70px; text-decoration:none; }
#searchsuggestions a:hover { background-color:#fdd08b; color:#fff; }
#searchsuggestions a span.searchheading { background: #5c9ccc; display:block; font-weight:bold; padding:5px; color:#ffffff; }
#searchsuggestions a:hover span.searchheading { color:#fff; }
#searchsuggestions a span {color:#555555; }
#searchsuggestions a:hover span { color:#0000; }
#searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; }
#searchsuggestions span.notfound { padding:5px; background-color:#fff; display:block; height:auto; color:#00000; }
/* ==================== Диалоговые и всплывающие окна jQuery UI */
.ui-helper-clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget { font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 11px; }
.ui-widget-content { background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-widget-content a { color: #222; }
.ui-widget-header {
	background: #cccccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
	color: #000;
	font-weight: bold;
}
.ui-widget-header a { color: #fff; }
.ui-state-default, .ui-widget-content .ui-state-default {
	background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
	border: 1px solid #cfcfcf;
	color: #868686;
	font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
	border: 1px solid #a7a7a7;
	color: #4e4e4e;
	font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #d0e5f5 50% 50% repeat-x;
	border: 1px solid #a7a7a7;
	color: #e17009;
	font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-error {
	background: #fff 50% 50% repeat-x;
	border: 1px solid #dedede;
	color: #cd0a0a;
}
.ui-widget-header .ui-icon { background-image: url(../images/ui-icons.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_h.png); }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em .8em; }
input.ui-button { padding: .4em 1em; }
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-dialog {
	overflow: hidden;
	padding: .2em;
	position: absolute;
	width: 300px;
		-moz-box-shadow: 0 0 18px -7px black;
		-webkit-box-shadow: 0 0 18px -7px black;
		box-shadow: 0 0 18px -7px black;
}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {
	height: 18px;
	margin: -10px 0 0 0;
	padding: 1px;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content {
	background: none;
	border: 0;
	overflow: hidden;
	padding: .5em 1em;
	position: relative;
	zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
	background-image: none;
	border-width: 1px 0 0 0;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em .4em;
	text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	float: right;
	line-height: 1.4em;
	margin: .5em .4em .5em 0;
	overflow: visible;
	padding: .2em .6em .3em .6em;
	width: auto;
}
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
#new{background:url(../images/new.png) no-repeat;width:30px;height:17px;}