Перейти к публикации

выпадающее меню для dle 10.0


Рекомендованные сообщения

Добрый день обитатели dle-news

Нужна ваша помощь на сайт онлайн кинотеатра хочу сделать выпадающее меню

сейчас выглядит оно так http://s3.hostingkar...fdd3db24fde.png

а хотелось бы чтоб выглядело так http://s5.hostingkar...28f7e23eb88.png

с сайта http://ghostanime.com/

вот содержимое

main.tpl


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

{headers}

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />

<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

<!--noindex-->

<script type="text/javascript" src="{THEME}/js/jquery.jmpopups-0.5.1.js"></script>

<script type="text/javascript">

	//<![CDATA[

	  $.setupJMPopups({

		screenLockerBackground: "#000",

		screenLockerOpacity: "0.7"

	  });

	  function openStaticPopup() {

		$.openPopupLayer({

		  name: "loginPopup",

		  width: 303,

		  target: "loginform"

		});

	  }

	//]]>

</script>

<!--/noindex-->

</head>

<body>

<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;background:transparent;padding:0px;text-align:center;"><img src="/engine/ajax/loading.gif"  border="0" alt="" /></div>

<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div>

{AJAX}

<div id="wrapper">

<div id="header">

<div id="header_h">

<div id="header_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt="" /></a></div>

<div id="header_banner">

<!--noindex-->

<style>

#header_banner div{

margin:0!important;

padding-top:1.4px!important;

padding-left:2px!important;

}

</style>

<div>

{banner_header}

</div>

<!--/noindex-->

</div>

</div><!-- /header_h -->

<div id="header_c">

<h1 class="header1">Смотреть аниме онлайн, огромная коллекция аниме по жанрам!</h1>

</div>

<div id="header_b">

<div class="header_search">

<form action="" name="searchform" method="post">

<input type="hidden" name="do" value="search" />

<input type="hidden" name="subaction" value="search" />

<input class="sfield" id="story" name="story" value="Введите текст для поиска..." onblur="if(this.value=='') this.value='Введите текст для поиска...';" onfocus="if(this.value=='Введите текст для поиска...') this.value='';" type="text" maxlength="60" />

<input class="sbtn" value="Поиск" alt="Поиск" type="image" src="{THEME}/images/spacer.gif" />

</form>

</div>

<div class="header_rss"><a href="/index.php?do=stats"><img src="{THEME}/images/spacer.gif" alt="" /></a></div>

<div class="menu_link">

<ul class="reset">

<li><div class="h_link"><a href="/"><span>Главная</span></a></div></li>

<li><div class="h_link"><a href="/"><span>Форум</span></a></div></li>

<li><div class="h_link"><a href="/"><span>Фильмы</span></a></div></li>

<li><div class="h_link"><a href="/"><span>Мульты</span></a></div></li>

<li><div class="h_link"><a href="/"><span>Аниме</span></a></div></li>

<li><div class="h_link"><a href="/"><span>Стол заказов</span></a></div></li>

</ul>

</div>


</div><!-- /header_b -->

</div><!-- /header -->

<div id="content">

<div id="cont_bar">

<div class="speedbar">[not-aviable=main]{speedbar}[/not-aviable]</div>

<!--Логин -->

{login}

<!--Логин -->

</div><!-- /cont_bar -->

<div id="cont">

<div class="cont"><div class="cont_bg">

<div id="side_left">

<!--mass_c--><div id='dle-content'>

{info}

{content}

</div><!--/mass_c-->

</div>

<div id="side_right">

<!-- block_id1 -->

<div class="block_id1">

<div class="block_id1_h"><div>АНИМЕ КАЛЕНДАРЬ</div></div>

<div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c">

<div class="block_id1_c2">

{calendar}

</div>

</div></div></div>

</div>

<!-- /block_id1 -->

<!-- block_id1 -->

<div class="block_id1">

<div class="block_id1_h"><div></div></div>

<div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c">

<div class="block_id1_c2">

<ul class="reset">


</div>

</div></div></div>

</div>

<!-- /block_id1 -->

<div class="block_id1">

<div class="block_id1_h"><div>Наша кнопка</div></div>

<div class="block_id1_c"><div class="block_id1_c"><div class="block_id1_c">

<div class="block_id1_c2">

<ul class="reset">

{topnews}

</ul>

</div>

</div></div></div>

</div>

<!--noindex-->

<!-- block_id4 -->

<div class="block_id4">

<div class="block_id4_h"><div>Реклама</div></div>

<div class="block_id4_c"><div class="block_id4_c"><div class="block_id4_c">

<div class="block_id4_c2">

<div class="online_block">

{пустой блок}

</div>

</div>

</div></div></div>

</div>

<!-- /block_id4 -->

<!--/noindex-->

</div>

</div></div>

</div><!-- /cont -->

</div><!-- /content -->

<div id="footer">

<div id="footer_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt="" /></a></div>

<div id="footer_text">

<div id="footer_text_h">

<div class="footer_copy" style="color:#fff;">Copyright (c) 2009-2012 <a href="/">AnimeWay</a>. Все права защищены. </div>

<div class="footer_counter">

<ul class="reset">

<li>счетчик</li>

</ul>

</div>

</div>

<div id="footer_text_b">

<div class="footer_message" style="color:#fff;">При использовании материалов ссылка на источник обязательна. <br />Copyright <a href="http://www.dle9.com" target="_blank">DLE</a>

&copy; 2013. All Rights Reserved.</div>


</div>

</div>

</div><!-- /footer -->

</div><!-- /wrapper -->

</body>

</html>

styles.css

/*---

Design by: DCOReARTS.com

--------------------------------

Author: Tamerlan

--------------------------------

Code: Misterio

--------------------------------

Web-site: http://dcorearts.com/

--------------------------------

Date: 31 December 2011

---*/

body {margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#050505 url('../images/bg.png') no-repeat center top;}

/*---forms---*/

input[type="image"]:hover {opacity:0.8;}

ul, form {display:block; padding:0; margin:0; list-style:none;}

input[type="submit"],

input[type="button"] {cursor:pointer;}

/*---h1,h2,h3,h4,h5,h6----*/

h1,h2,h3,h4,h5,h6 {display:block; margin:0 0 10px 0; padding:0; color:#403f3f;}

.story_h h1 {font-size:12px; color:#fff;text-decoration: none}

.story_h h2 {font-size:11px; color:#fff;text-decoration: none}

.story_h h3 {font-size:11px; color:#fff;text-decoration: none}

.anime_block_h_l h2 {font-size:11px; color:#fff;text-decoration: none}

.anime_block2_h_l h2 {font-size:11px; color:#fff;text-decoration: none}

.story_ras h3 {font-size:11px; color:#fff;text-decoration: none}

/*---clear styles---*/

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

.clr { clear: both; }

.lcol, .rcol, form { display: inline; }

.lcol { float: left; } .rcol { float: right; }

.small { font-size: 0.9em; }

/*---a-links---*/

a, img, input {outline:none;border:none;}

a img {border:0;}

a:link, a:active, a:visited {text-decoration:underline; color:#403f3f;}

a:hover {text-decoration:underline; }

#wrapper { margin:0 auto; width:1022px;}

/*---Header---*/

#header {height:347px;}

#header div div #logos {text-indent:-9999px; width:100%}

#header_h {height:106px;}

#header_logo {float:left; margin:0 0 0 -34px;}

#header_logo a {display:block;}

#header_logo img {width:443px; height:106px; background:url('../images/header_logo.png') no-repeat;}

#header_banner {float:right; margin:10px 2px 0 0; height:80px; width:488px; background:url('../images/header_banner_bg.png') no-repeat;}

#header_banner img {margin:10px 0 0 10px;}

#header_c {height:188px; width:1023px; background: url('../images/header_c_bg.jpg') no-repeat; position: relative;}

h1.header1{text-indent:-9999px; width:100%;font-size:0px;color:#fff;float:right; margin-right:50px;}

#header_c .santa {height:128px; width:94px; background:url('../images/santa_head.png') no-repeat; position:absolute; margin:-12px 0 0 -33px;}

#header_b {height:53px; width:1023px; background:url('../images/header_b_bg.png') no-repeat;position:absolute;}

.header_rss {float:left;}

.header_rss a {margin:13px 0 0 4px; display:block; width:41px; height:37px; background:url('../images/header_rss.png') no-repeat;}

.header_rss a:hover {background-position:0 -37px;}

.menu_link {margin:0 0 0 59px; overflow:hidden;}

.menu_link ul {margin:6px 0 0 0; text-transform:uppercase; display:inline-block; position:relative; overflow:hidden; height:46px; width:670px; overflow:hidden;}

.menu_link ul li, .menu_link ul a {float:left; cursor:pointer;}

.menu_link ul li {padding:0 2px 0 0; background:url('../images/menu_sep.png') no-repeat right center; height:46px;}

.menu_link ul li:first-child:hover .h_link {height:40px; background: url('../images/menu_light2.png') no-repeat center top;}

.menu_link ul li:hover .h_link {height:40px; background: url('../images/menu_light2.png') no-repeat center top;}

.menu_link ul .h_link a span, .menu_link  ul .h_link a { float: left; height: 32px; background: url('../images/hm_links.png') no-repeat left 0; text-transform: uppercase; font-size:12px;}

.menu_link ul .h_link a {margin:8px 0 0 19px; color:#fff; text-shadow: 0 0 1px #1d5481; line-height: 33px; padding: 0 17px 0 0; background-position: right -32px; diplay:block; height:32px; position:relative;}

.menu_link ul .h_link a span { float: left; background-position: left 0; padding: 0 0 0 17px; margin:0 0 0 -19px;}

.menu_link ul .h_link a:hover {background-position: right -32px; text-decoration:none;}

.menu_link ul .h_link a:hover span {color:#fff; text-shadow: 0 0 1px #1d5481; background-position: left 0;}

.header_search {float:right; position:relative; width:260px; overflow:hidden; height:25px; background:url('../images/search_bg.png') no-repeat; margin:16px 0 0 0;}

.header_search form {float:left;}

.header_search form input.sfield {width:200px; padding:0 0px; background:none; border:none; height:25px; display:block; float:left; color:#b8d9ff; text-shadow: 0 0 1px #000; line-height:0px; margin:0 4px 0 0;}

.header_search form input.sbtn {height:25px; width:44px; background: url('../images/search_btn.png') no-repeat; cursor:pointer;}

.header_search form input.sbtn:hover {background-position:0 -25px;}

/*---Content---*/

#content {width:1023px; overflow:hidden; margin:12px 0 0 0;}

#cont_bar {height:35px; padding:0 10px; background:url('../images/cont_bar_bg.png') no-repeat;}

.speedbar {color:#deeffe; float:left; width:730px; overflow:hidden; padding:9px 0 0 27px; height:18px; line-height:18px;}

.speedbar a {color:#deeffe;}

/*---login---*/

.log_user {float:right; margin:9px 0 0 0;}

.log_user ul {overflow:hidden;}

.log_user ul li {float:left; margin:0 7px 0 0;}

.log_user ul li .user_panel a img {display:block; float:left; width:69px; height:19px; background: url('../images/log_btn.png') no-repeat 0 0;}

.log_user ul li .user_panel a img:hover {background-position: 0 -19px;}

.log_user ul li .log_exit a img {display:block; width:69px; height:19px; background: url('../images/log_btn.png') no-repeat -69px 0;}

.log_user ul li .log_exit a img:hover {background-position: -69px -19px;}

.log_user ul li .log_panel a img {display:block; float:left; width:59px; height:19px; background: url('../images/reg_btn.png') no-repeat 0 0;}

.log_user ul li .log_panel a img:hover {background-position: 0 -19px;}

.log_user ul li .log_links a img {display:block; float:left; width:92px; height:19px; background: url('../images/reg_btn.png') no-repeat -59px 0;}

.log_user ul li .log_links a img:hover {background-position: -59px -19px;}

.window {display: none; width:303px; height:223px;}

.window_bg {position:relative; background:url('../images/window_bg.png') no-repeat; width:303px; height:223px;}

.closebtn {position:relative; top:-13px; left:-13px;}

.closebtn a img{width:20px; height:20px; background:url('../images/close.png') no-repeat;}

.closebtn a:hover img {background-position: 0 -20px;}

.window_c {margin:50px 0 0 0;}

.window_l {float:left; width:116px; position:absolute; height:160px; margin:-20px 0 0 0;}

.window_ava {width:99px; height:100px; margin:0 auto;}

.window_ava img {padding:0 0 0 0; width:99px; height:100px;}

.window_exit {margin:5px auto 0 auto; width:69px;}

.window_exit a {cursor:pointer; display:block; width:69px; height:19px; background:url('../images/window_exit.png') no-repeat;}

.window_exit a:hover { background-position:0 -19px;}

.window_r {margin:0 0 0 108px; width:186px;}

.window_r ul {padding:0 0 0 5px; width:186px; overflow:hidden;}

.window_r ul li:last-child {background:none;}

.window_r ul li {overflow:hidden; background:url('../images/window_link.png') no-repeat center bottom; height:21px; width:186px; font-size:11px; line-height:19px; padding:0 0 0 1px; }

.window_r ul li a {background:url('../images/window_li.png') no-repeat left 4px; overflow:hidden; height:25px; display:block; color:#fff; padding:0 0 0 10px;}

.window_r ul li a:hover {background:url('../images/window_li_on.png') no-repeat left 4px; text-decoration:none; color:#ff8400; padding:0 0 0 10px;}

.window_c2 {overflow:hidden; height:157px; width:281px; margin:32px auto 0 auto;}

.reg_link {overflow:hidden; margin:0 0 5px 0;}

.reg_link span {margin:0 0 3px 0; display:block; overflow:hidden;}

.reg_link a.reg_1 {font-size:10px; color:#fff; cursor:pointer;}

.reg_link a.reg_2 {color:#e1a004; font-style:italic; font-size:10px; cursor:pointer;}

.window_c2 .login {margin:0 auto 10px auto; height:37px; width:281px; background:url('../images/window_input.png') no-repeat 0 0;}

.window_c2 .password  {margin:0 auto 10px auto; height:37px; width:281px; background:url('../images/window_input.png') no-repeat 0 -37px;}

.window_c2 .login input {margin:4px 0 0 55px; background:none; border:none;padding:0 0px;width:214px; height:26px; color:#fff;}

.window_c2 .password input {margin:4px 0 0 60px; background:none; border:none;padding:0 0px;width:210px; height:26px; color:#fff;}

.window_login {margin:5px auto 0 auto; width:70px;}

.window_login button {float:left; border:none; cursor:pointer; width:70px; height:24px; background:url('../images/window_login.png') no-repeat 0 0;}

.window_login button:hover { background-position: 0 -24px;}

/*---cont---*/

.cont_blocks2 {clear:both; background:url('../images/cont_blocks.png') repeat-x center center}

.cont_blocks {clear:both; height:243px; background:url('../images/cont_blocks.png') repeat-x center center}

.cont_blocks .cont_blocks {background:url('../images/cont_blocks.png') no-repeat left top;}

.cont_blocks .cont_blocks .cont_blocks {background:url('../images/cont_blocks.png') no-repeat right bottom;}

#cont_blocks {padding:0 9px; color:#000;}

.cont_blocks_l {float:left; margin:11px 0 0 0;}

.cont_blocks_r {float:right; margin:11px 0 0 0;}

.cont_block {width:498px; height:223px; background:url('../images/cont_block.png') no-repeat; overflow:hidden;}

.cont_block_h {height:34px; padding:0 4px; overflow:hidden;}

.cont_block_h div {width:150px; height:25px; text-transform:uppercase; color:#153857; line-height:25px; overflow:hidden; padding:4px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;}

.cont_block_c {height:189px; overflow:hidden; padding:5px 0; color:#fff;}

.cont_block_c ul {}

.cont_block_c ul li {clear:both; height:26px; background:url('../images/cont_block_li.png') repeat-x center bottom; padding:0 5px; line-height:26px;}

.cont_block_c ul li:last-child {background:none;}

.cont_block_c ul li .list_l {float:left; width:400px; height:20px; overflow:hidden;}

.cont_block_c ul li .list_l a {color:#fff; background:url('../images/list.png') no-repeat left 3px; padding:0 0 0 12px;}

.cont_block_c ul li .list_l a:hover {color:#ffb400; text-decoration:none; background:url('../images/list_on.png') no-repeat left 3px; padding:0 0 0 12px;}

.cont_block_c ul li .list_r {float:right; max-width:80px; height:20px; overflow:hidden;}

.cont_block_c ul li .list_r a {color:#fff;}

.cont_block_c ul li .list_l2 {float:left; width:340px; height:20px; overflow:hidden;}

.cont_block_c ul li .list_l2 a {color:#fff; background:url('../images/list.png') no-repeat left 3px; padding:0 0 0 12px;}

.cont_block_c ul li .list_l2 a:hover {color:#ffb400; text-decoration:none; background:url('../images/list_on.png') no-repeat left 3px; padding:0 0 0 12px;}

.cont_block_c ul li .list_r2 {float:right; max-width:120px; height:20px; overflow:hidden;}

.cont_block_c ul li .list_r2 a {color:#fff;}

#cont {width:1023px; overflow:hidden; clear:both; background:url('../images/cont_bg.png') repeat-y -1023px 0;}

.cont {overflow:hidden; clear:both; background:url('../images/cont_bg.png') no-repeat top left;}

.cont_bg {overflow:hidden; clear:both; background:url('../images/cont_bg.png') no-repeat bottom right; padding:10px 4px 10px 4px;}

#side_left {float:left; width:752px; margin:-4px 0 0 0;}

/*---anime_block---*/

.anime_block {width:376px; float:left;}

.anime_block_h {height:46px; padding:0 9px; background:url('../images/anime_head.png') no-repeat;}

.anime_block_h_l {float:left; margin:15px 0 0 36px; text-shadow: 0 0 1px #191919; color:#d5d7d9; text-transform:uppercase;}

.anime_block_h_r {float:right; margin:10px 7px 0 0;}

.anime_block_h_r a {display:block; width:39px; height:23px; background: url('../images/anime_link.png') no-repeat 0 -23px;}

.anime_block_h_r a:hover {background-position:0 0;}

.anime_block_c {background:url('../images/anime_cc.png') repeat-y;}

.anime_block_c .anime_block_c {background:url('../images/anime_ch.png') no-repeat center top;}

.anime_block_c .anime_block_c .anime_block_c {background:url('../images/anime_cb.png') no-repeat center bottom; padding:5px 5px 10px 5px;}

.anime_block_c2 {color:#000;}

.anime_block2 {width:376px; float:left;}

.anime_block2_h {height:46px; padding:0 9px; background:url('../images/anime_head.png') no-repeat -376px 0;}

.anime_block2_h_l {float:left; margin:15px 0 0 36px; text-shadow: 0 0 1px #191919; color:#d5d7d9; text-transform:uppercase;}

.anime_block2_h_r {float:right; margin:10px 7px 0 0;}

.anime_block2_h_r a {display:block; width:39px; height:23px; background: url('../images/anime_link.png') no-repeat;}

.anime_block2_h_r a:hover {background-position:0 -23px;}

.anime_block2_c {background:url('../images/anime_cc.png') repeat-y;}

.anime_block2_c .anime_block2_c {background:url('../images/anime_ch.png') no-repeat center top;}

.anime_block2_c .anime_block2_c .anime_block2_c {background:url('../images/anime_cb.png') no-repeat center bottom; padding:5px 5px 10px 5px;}

.anime_block2_c2 {color:#000;}

.anime {overflow:hidden; padding:0 0 14px 0; background:url('../images/anime_sep.png') repeat-x center bottom;}

.anime:last-child {background:none; padding:0 0 3px 0;}

.anime_l {float:left; margin:0 0 0 8px;}

.anime_comm {width:59px; height:25px; line-height:23px; background:url('../images/anime_comm.png') no-repeat;}

.anime_comm div {width:30px; height:18px; overflow:hidden; margin:0 0 0 23px; color:#1a486f;}

.anime_r {float:right; margin:0 4px 0 0; width:292px; font-size:11px; color:#464646;}

.anime_r a {color:#464646;}

.anime_title {color:#fff; height:27px; width:292px; background:url('../images/anime_title.png') no-repeat; line-height:27px; overflow:hidden;}

.anime_title a, .anime_title2 a {color:#fff;}

.anime_title span, .anime_title2 span {padding:0 5px; width:270px;}

.anime_poster {width:59px; height:81px; margin:0 0 4px 0;}

.anime_poster img {width:55px; height:77px; padding:1px; border:1px solid #c9c7c7;}

.anime_title2 {color:#fff; height:27px; width:292px; background:url('../images/anime_title.png') no-repeat -292px 0; line-height:27px; overflow:hidden;}

.anime_blocks {overflow:hidden; clear:both; margin:3px 0 5px 0;}

/*---story---*/

.story {width:752px; margin:0 0 5px 0; overflow:hidden;}

.story_h {padding:0 9px; height:54px; background:url('../images/story_head.png') no-repeat;}

.story_h div {color:#ffffff; text-transform:uppercase; height:25px; line-height:25px; overflow:hidden; padding:16px 5px 0 34px; text-shadow: 0 0 1px #184368; width:683px;}

.story_h div span {color:#ffae01; padding:0 0 0 10px;}

.story_h div span a {color:#ffae01;}

.story_h div a {color:#ffffff; text-shadow: 0 0 1px #184368;}

.story_c {background:url('../images/story_cc.png') repeat-y;}

.story_c .story_c {background:url('../images/story_cb.png') no-repeat center bottom; padding:3px 4px 4px 4px;}

.story_c2 {color:#3a3a3a; padding:0px 5px 10px 5px; overflow:hidden;}

.story_c2 {color:#3a3a3a;}

.story_c2 ul.story_fields {overflow:hidden; margin:0 0 5px 0;}

.story_c2 ul.story_fields li {color:#1d1d1d; height:26px; line-height:26px; background:url('../images/story_fields_bg.png') repeat-x center bottom;}

.story_c2 ul.story_fields li a {color:#1d1d1d;}

.story_c2 ul.story_fields li span { background:url('../images/story_field.png') no-repeat left center; padding:0 0 0 15px;}

.story_c2_l {float:left; width:157px; min-height:140px; padding:0 7px 0 0;}

.story_c2_l_f {float:right; width:157px; min-height:140px; padding:0 7px 0 0;}

.story_c2_l_f .poster {width:157px; height:212px; background:url('../images/story_poster_bg.png') no-repeat;}

.story_c2_l_f .poster img {margin:4px 0 0 5px; width:147px; height:202px;}

.story_c2_l_f .poster a img:hover {opacity:0.6;}

.story_c2_l .poster {width:157px; height:212px; background:url('../images/story_poster_bg.png') no-repeat;}

.story_c2_l .poster img {margin:4px 0 0 5px; width:147px; height:202px;}

.story_c2_l .poster a img:hover {opacity:0.6;}

.story_b {color:#000; height:44px; background:url('../images/story_bottom.png') no-repeat center top;}

.story_b_l {float:left; margin:8px 0 0 6px; height:30px;}

.story_b_r {float:right; margin:8px 6px 0 0; height:30px;}

.story_b_r a {background: url('../images/story_btn.png') no-repeat; height:30px; width:108px;;cursor:pointer;display:block;}

.story_b_r a:hover {background-position:0 -30px;}

a.story_button {display:block; width:159px; color:#18456b; font-size:11px; text-align:center; height:27px; line-height:27px; background:url('../images/story_button.png') no-repeat; text-shadow: 0 0 1px #fbfbfb;}

div.story_button {margin:5px 0;}

.watch_online {width:736px; margin:5px auto 0 auto; clear:both;}

.watch_online_h {height:41px; background:url('../images/watch_h.png') no-repeat;}

.watch_online_h2 { padding:6px 0 0 6px;}

.watch_bg, .watch_bg .watch_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; }

.watch_bg .watch_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.watch_online_c {width:728px; margin:3px auto 0 auto; background:#f2f2f2; border:1px solid #dfdddd;}

.watch_online_c2 {padding:2px;}

.story_b2 {color:#000; height:40px; background:url('../images/story_bottom.png') no-repeat center top;}

.story_b2_l {float:left; margin:8px 0 0 6px; height:30px;}

.story_b2_r {float:right; margin:8px 6px 0 0; height:30px;}

.story_b2_r a {background: url('../images/story_link2.png') no-repeat; height:30px; width:108px;;cursor:pointer;display:block;}

.story_b2_r a:hover {background-position:0 -30px;}

.story_inf {width:736px; height:29px; overflow:hidden; color:#000; padding:0 0 5px 0; margin:0 auto; background:url('../images/story_inf.png') no-repeat;}

.story_inf ul.inf_story {width:650px; float:left; height:19px; overflow:hidden; margin:4px 0 0 9px;}

.story_inf ul.inf_story li {color:#525151; height:19px; float:left; margin:0 8px 0 0; background:url('../images/story_inf_sep.png') no-repeat right center; padding:0 10px 0 0; line-height:18px;}

.story_inf ul.inf_story li span, .story_inf ul.inf_story li span a {color:#1a486f;}

.story_inf ul.inf_story li div {padding:0 0 0 20px; background:url('../images/story_inf_icons.png') no-repeat;}

.story_inf ul.inf_story li .inf_author {height:16px;}

.story_inf ul.inf_story li .inf_date {height:18px; background-position:0 -16px;}

.story_inf ul.inf_story li .inf_views {height:15px; background-position:0 -34px;}

.story_inf ul.inf_story li .inf_comm {height:15px; background-position:0 -50px;}

.story_inf ul.moder_story {float:right; height:19px; overflow:hidden; margin:4px 7px 0 0;}

.story_inf ul.moder_story li {float:left; height:19px; background:url('../images/story_moder_sep.png') no-repeat left center;}

.story_inf ul.moder_story li div {margin:2px 0;}

.story_inf ul.moder_story li div.compl {padding:0 7px 0 9px;}

.story_inf ul.moder_story li div.compl a { display:block; height:14px; width:6px; background:url('../images/compl.png') no-repeat;}

.story_inf ul.moder_story li div.compl a:hover {background-position:0 -14px;}

.story_inf ul.moder_story li div.edit {padding:0 5px 0 8px;}

.story_inf ul.moder_story li div.edit a { display:block; height:15px; width:9px; background:url('../images/edit.png') no-repeat;}

.story_inf ul.moder_story li div.edit a:hover {background-position:0 -15px;}

.story_inf ul.moder_story li div.favor {padding:0 0 0 5px;}

.story_inf ul.moder_story li div.favor a { display:block; height:14px; width:16px; background:url('../images/favor.png') no-repeat;}

.story_inf ul.moder_story li div.favor a:hover {background-position:0 -14px;}

.related {width:740px; margin:0 auto;}

.related_h {height:35px; background:url('../images/related_head.png') no-repeat;}

.related_h div {position:absolute; margin:10px 0 0 11px; width:114px; height:19px; text-indent:-9999px; background:url('../images/related_title.png') no-repeat;}

.related_c {background:url('../images/related_cc.png') repeat-y;}

.related_c .related_c {padding:0 5px 6px 5px; background:url('../images/related_cb.png') no-repeat center bottom;}

.related_c2 {padding:0 0 0 0; overflow:hidden;}

.related_c2 ul {overflow:hidden;}

.related_c2 ul li {line-height:24px; height:26px; background:url('../images/related_sep.png') no-repeat center bottom; padding:0 0 0 3px;}

.related_c2 ul li:last-child {background:none;}

.related_c2 ul li a {color:#ffffff; display:block; background:url('../images/list.png') no-repeat left 7px; padding:0 0 0 13px; width:720px; overflow:hidden; height:18px;}

.related_c2 ul li a:hover {color:#f08f08; text-decoration:none; background:url('../images/list_on.png') no-repeat left 7px; padding:0 0 0 13px;}

/*---poll_block---*/

.poll_block2 {width:736px; margin:5px auto 0 auto; clear:both;}

.poll_block2_h {height:41px; background:url('../images/poll2_h.png') no-repeat;}

.poll_block2_h2 { padding:6px 0 0 6px;}

.poll_block2_bg, .poll_block2_bg .poll_block2_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; }

.poll_block2_bg .poll_block2_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.poll_block2_c {width:728px; margin:3px auto 0 auto; color:#000;}

/*---torrent_table---*/

.torrent_table {width:736px; margin:5px auto 0 auto; clear:both;}

.torrent_table_h {height:41px; background:url('../images/watch_h.png') no-repeat;}

.torrent_table_h2 { padding:6px 0 0 6px;}

.torrent_bg, .torrent_bg .torrent_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; }

.torrent_bg .torrent_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 8px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.torrent_table_c {width:728px; margin:3px auto 0 auto; color:#000;}

a.torrent_down {display:block; width:25px; height:25px; background:url('../images/torrent_btn.png') no-repeat;}

a.torrent_down:hover {background-position:0 -25px;}

/*---forms---*/

.baseform .heading {color:#707070;font-size:1.4em;}

.baseform {margin:0 15px 10px 0;}

.mass_comments_action {padding:3px 20px 3px 0; text-align:right; overflow:hidden; border-top:2px solid #232323;}

.baseform .dcont {padding:13px 0;margin:0 13px;}

.baseform .dcont .heading {margin:0;}

.fbutton {

background: #fff url('../images/bbcodes2.gif') repeat-x;

text-shadow: 0 0 1px #b9b8b8;

color:#272727;

padding: 1px 20px 3px 20px;

margin-bottom: 2px !important;

height:24px;

cursor: pointer;

border:2px solid #171717;

-moz-box-shadow: 0 1px 5px -2px black;

-webkit-box-shadow: 0 1px 5px -2px black;

box-shadow: 0 1px 5px -2px black;

-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;

font:14px/12px Calibri, Arial, Helvetica, sans-serif;

}

.fbutton:hover {background-position:0 -20px;color:#fff;text-shadow: 0 0 1px #313131;}

.bbcodes_poll {width:100px;}

/*---tableform---*/

.tableform {width:100%;}

.fieldsubmit, .tableform td {padding:3px 0; height:25px; line-height:24px; background: url('../images/userinfo_li.png') repeat-x center bottom; color:#1d1d1d;}

.addnews {font-weight:bold;}

.impot {color:#d51e44;font-family:Arial;font-weight:normal;}

.checkbox {padding:4px 0;line-height:1em;}

.checkbox input {margin-top:-2px;vertical-align:middle;}

.f_input {width:300px;padding:1px;}

.f_textarea {width:458px;}

.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,

.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {padding:2px;background:#fff url(../images/fields.png) repeat-x;border:1px solid #bcc0c2;}

.f_textarea, .editor_button select {padding:0;}

.textin {padding:2px;}

#searchuser {width:235px !important;}

.lines {background:#f5ead7;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 7px 5px 7px;}


/*---info---*/

.info {width:730px; margin:5px auto;}

.info2 {background:url('../images/info_c.png') repeat-y;}

.info2 .info2 {background:url('../images/info_h.png') no-repeat center top;}

.info2 .info2 .info2 {padding:7px 5px 7px 5px; background:url('../images/info_b.png') no-repeat center bottom;}

.info_c {min-height:50px; padding:0 0 0 63px; background:url('../images/info_icon.png') no-repeat left top;}

.info_c2 {padding:8px 0 0 0; color:#fff;}

.info_c2 a {color:#fff;}

/*---Userinfo---*/

.userinfo2 {}

.userinfo2 .lcol ul {}

.userinfo2 .lcol ul li {height:24px;}

.userinfo2 .lcol ul li a {}

.userinfo2 .lcol ul li span.orange a, .userinfo2 .lcol ul li span.orange {color:#195d98;}

.userinfo2 .lcol ul li span.white a, .userinfo2 .lcol ul li span.white {color:#fff;}

.userinfo {overflow:hidden; padding:0 5px;}

.userinfo_l {float:left; display:block; width: 105px; padding-right: 6px; }

.userinfo_l .avatar { margin:0 0 4px 0; padding:2px; border:1px solid #c0bbbb; }

.userinfo_l .avatar img {width: 99px; height:100px;}

.userinfo_l ul {width:109px; margin:0 0 0 -2px; font-size:11px;}

.userinfo_l ul li {display:block; width:109px; text-align:center; line-height:20px; height:24px; background:url('../images/userinfo_btn.png') no-repeat;}

.userinfo_l ul li:hover {background-position:0 -24px;}

.userinfo_l ul li a {color:#fff; width:109px; display:block; height:24px;}

.userinfo_l ul li a:hover {text-decoration:none;}


.userinfo_r {float:right; width:613px; }

.userinfo_r ul { list-style: none; width:302px; margin-left: 0; }

.userinfo_r ul li {height:25px; line-height:24px; background: url('../images/userinfo_li.png') repeat-x center bottom; color:#1d1d1d;}

.userinfo_r ul li .blue {background:url('../images/userinfo_li_bg.png') no-repeat left 7px; padding:0 0 0 16px;}

.userinfo_r ul li .blue span, .userinfo_r ul li .blue span a {color:#1b4a74;}

/*---userinfo_board---*/

.board {width:734px; overflow:hidden; margin:3px 0 0 0;}

.board_h {height:39px; background:url('../images/board_head.png') no-repeat;}

.board_h2 {padding:6px 0 0 5px;}

.board_bg, .board_bg .board_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; }

.board_bg .board_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 5px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.board_c {background:url('../images/board_cc.png') repeat-y;}

.board_c .board_c {padding:0 0 5px 0; background:url('../images/board_cb.png') no-repeat center bottom;}

.board_c2 {padding:0 0 0 0; color:#fff; overflow:hidden;}

/*---board_comm---*/

.board_comm {color:#3e3e3e; overflow:hidden; padding:0 0 10px 0; background:url('../images/board_bg.png') repeat-x center bottom;}

.board_comm_l {float:left; margin:5px 0 0 3px;}

.board_comm_ava {width:91px; margin:3px 0 0 0; height:92px; background:url('../images/comments_ava_bg.png') no-repeat;}

.board_comm_ava img {width:79px; height:80px; margin:6px 0 0 6px;}

.board_comm_r {float:right; margin:5px 3px 0 0; width:625px; background:url('../images/board_r.png') no-repeat left top; padding:0 0 0 9px;}

.board_comm_inf {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/board_inf.png') no-repeat center bottom;}

.board_comm_inf_l {float:left; margin:0 0 0 4px;}

.board_comm_inf_l ul {}

.board_comm_inf_l ul li:first-child {background:none; padding:0;}

.board_comm_inf_l ul li {float:left; color:#fff; height:36px; background:url('../images/board_inf_sep.png') no-repeat left center; padding:0 0 0 10px; margin:0 6px 0 0;}

.board_comm_inf_l ul li a {color:#fff;}

.board_comm_inf_r {float:right; margin:-2px 4px 0 0;}

.board_moder, .board_moder .board_moder2 {max-width:620px; overflow:hidden; float: left; height: 32px; padding: 0 0 0 7px; background: url('../images/board_moder.png') no-repeat; }

.board_moder .board_moder2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 7px 0 0; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.board_comm_text {width:623px; margin:0 auto;}

.board_comm_text_bg {background:url('../images/board_text_c.png') repeat-y;}

.board_comm_text_bg .board_comm_text_bg {background:url('../images/board_text_h.png') no-repeat center top;}

.board_comm_text_bg .board_comm_text_bg .board_comm_text_bg {padding:2px 3px 5px 3px; background:url('../images/board_text_b.png') no-repeat center bottom;}

.board_comm_text2 {color:#232323; padding:5px 5px; min-height:20px;}

.board_comm_text2 a {color:#232323;}


.add_comments {margin:0 0 5px 0; padding:0 5px; background:url('../images/comments_bg.png') repeat-x center top;}

.editdate, .basetags { font-size: 0.9em; text-align: right; color: #6c838e; }

/*---comments---*/

.comments_forum {color:#3e3e3e; overflow:hidden; margin:5px 0 10px 0; background:url('../images/comments_bg.png') repeat-x center top;}

.comments {color:#3e3e3e; overflow:hidden; margin:5px 0 10px 0; background:url('../images/comments_bg.png') repeat-x center top;}

.comments_l {float:left; margin:5px 0 0 6px;}

.comments_ava {width:91px; margin:3px 0 0 0; height:92px; background:url('../images/comments_ava_bg.png') no-repeat;}

.comments_ava img {width:79px; height:80px; margin:6px 0 0 6px;}

.comments_r {float:right; min-height:100px; margin:5px 8px 0 0; width:625px; background:url('../images/comments_r.png') no-repeat left top; padding:0 0 0 9px;}

.comments_r_forum {float:right; min-height:100px; margin:5px 8px 0 0; width:610px; background:url('../images/comments_r.png') no-repeat left top; padding:0 0 0 9px;}

.comments_inf {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/comments_inf.png') no-repeat center bottom;}

.comments_inf_forum {overlow:hidden; margin:3px auto 0 auto; width:611px; height:41px; background:url('../images/comments_inf.png') no-repeat center bottom;}

.comments_inf_l {float:left; margin:0 0 0 4px;}

.comments_inf_l ul {}

.comments_inf_l ul li:first-child {background:none; padding:0;}

.comments_inf_l ul li {float:left; height:36px; background:url('../images/comm_inf_sep.png') no-repeat left center; padding:0 0 0 10px; margin:0 6px 0 0;}

.comments_inf_r {float:right; margin:-2px 4px 0 0;}

.comm_moder, .comm_moder .comm_moder2 {max-width:620px; overflow:hidden; float: left; height: 32px; padding: 0 0 0 7px; background: url('../images/comm_moder.png') no-repeat; }

.comm_moder .comm_moder2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 7px 0 0; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

.comm_moders ul { margin:6px 0 0 0; }

.comm_moders ul li {float:left; height:19px; background:url('../images/story_moder_sep.png') no-repeat left center;}

.comm_moders ul li:first-child {background:none;}

.comm_moders ul li div {margin:2px 0;}

.comm_moders ul li div.selectmass {padding:0 3px 0 0; margin:-1px 0 0 0;}

.comm_moders ul li div.selectmass input {display:block; width:14px; height:14px;}

.comm_moders ul li div.warn {padding:0 7px 0 5px;}

.comm_moders ul li div.warn a { display:block; height:14px; width:6px; background:url('../images/compl.png') no-repeat;}

.comm_moders ul li div.warn a:hover {background-position:0 -14px;}

.comm_moders ul li div.edit {padding:0 5px 0 8px;}

.comm_moders ul li div.edit a { display:block; height:15px; width:9px; background:url('../images/edit.png') no-repeat;}

.comm_moders ul li div.edit a:hover {background-position:0 -15px;}

.comm_moders ul li div.del {margin:4px 0 0 0; padding:0 0 0 6px;}

.comm_moders ul li div.del a { display:block; height:10px; width:11px; background:url('../images/del.png') no-repeat;}

.comm_moders ul li div.del a:hover {background-position:0 -10px;}

.comments_text {width:623px; margin:0 auto;}

.comments_text_forum {width:610px; margin:0 auto;}

.comments_text_bg {background:url('../images/comments_text_c.png') repeat-y;}

.comments_text_bg .comments_text_bg {background:url('../images/comments_text_h.png') no-repeat center top;}

.comments_text_bg .comments_text_bg .comments_text_bg {padding:2px 3px 5px 3px; background:url('../images/comments_text_b.png') no-repeat center bottom;}

.comments_text2 {color:#fff; padding:5px 5px; min-height:20px;}

.comments_text2 a {color:#fff;}

.comments_text2_forum {color:#000; padding:5px 5px; min-height:20px;}

.comments_text2_forum a {color:#0004FF;}

.statistic {font-family: "Calibri", "Arial", "Helvetica", sans-serif; color:#454545;}

.stat_first {background:#f5ead7;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:5px 7px 5px 7px;}

.stat_next {margin:5px 0 0 0;}

.stat_ink h5 {color:#288f25;font:12px/11px Calibri, Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:5px;}

.stat_ink {padding-right:15px;}

.stat_ink b {color:#bf8118;}

.lecol {float:left;}

.recol {float:right;}

/*---custom-news---*/

.custom-news {overflow:hidden; width:1023px; margin:0 auto 5px auto;}

.custom-news_h {padding:0 4px; overflow:hidden; height:34px; background: url('../images/cust_h.png') no-repeat;}

.custom-news_h_l {float:left; margin:6px 0 0 0;}

.custom-news_h_l a {text-shadow: 0 0 1px #e2e2e2; color:#184368;}

.custom-news_h_r {float:right; margin:6px 0 0 0;}

.custom-news_h_r a {display:block; width:67px; height:27px; background: url('../images/custom-news_link.png') no-repeat;}

.custom-news_h_r a:hover {background-position:0 -27px;}

.custom-news_c {background:url('../images/cust_cc.png') repeat-y;}

.custom-news_c .custom-news_c {background:url('../images/cust_b.png') no-repeat center bottom; padding:0 2px 5px 2px;}

.custom-news_c2 {overflow:hidden;}

.custom-news_c2 ul {margin-left:15px;}

.custom-news_c2 ul li:first-child {margin:0;}

.custom-news_c2 ul li {margin:0 0 0 -4px; float:left; width:151px; height:207px; background:url('../images/cust_news.png') no-repeat;}

.custom-news_c2 ul li .cust_poster {margin:9px 0 0 7px; width:137px; height:175px;}

.custom-news_c2 ul li .cust_poster img {width:133px; height:171px; padding:1px; border:1px solid #adadad;}

.custom-news_c2 ul li .cust_title {margin:4px 0 0 8px; width:138px; overflow:hidden; height:12px; color:#143755; text-shadow: 0 0 1px #e2e2e2; font-size:9px;}

.custom-news_c2 ul li .cust_title a {color:#143755; text-shadow: 0 0 1px #e2e2e2;}

.cust_bg, .cust_bg .cust_bg2 {max-width:620px; overflow:hidden; float: left; height: 27px; padding: 0 0 0 24px; background: url('../images/cust_bg.png') no-repeat; }

.cust_bg .cust_bg2 {color:#184368; text-transform:uppercase; line-height:26px; padding: 0 12px 0 3px; background-position: 100% 100%; text-shadow: 0 0 1px #e2e2e2;}

/*---navigation---*/

.navigation_bg {color:#FFF;margin:5px auto 0 auto; display:block; text-align: center; height:26px; line-height:26px; }

.navigation {text-align:center; height:26px; line-height:20px;}

.navigation a {color:#FFF; height:26px; text-decoration:none; background:url('../images/navi_a.gif') repeat-x; padding:3px 6px 7px 6px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-style:normal; margin:0 1px 0 0;}

.navigation a:hover {color:#fff; padding:3px 6px 7px 6px; background:url('../images/navi_hover.gif') repeat-x;}

.navigation span {padding:3px 6px 7px 6px; background:url('../images/navi_span.gif') repeat-x; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-style:normal; margin:0 1px 0 0;}

.nprev img {vertical-align:middle; margin:1px -1px 0px 0;width:69px;height:28px;background:url('../images/navi_side.png') no-repeat;}

.nprev a img {background-position:0px 0px;}

.nprev a:hover img {background-position:0 -28px;}

.nprev span span img {background-position:-1px -56px;}

.nnext img {vertical-align:middle;margin:1px 0px 0px -1px;width:69px;height:28px;background:url('../images/navi_side.png') no-repeat;}

.nnext a img {background-position:-69px 0;}

.nnext a:hover img {background-position:-69px -28px;}

.nnext span img {background-position:-69px -56px;}

/*---side_right---*/

#side_right {float:right; width:263px;}


/*---block_id1---*/

.block_id1 {width:263px; margin:0 0 5px 0; overflow:hidden;}

.block_id1_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat 0 0;}

.block_id1_h div {color:#3d3d3d; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;}

.block_id1_c2 {min-height:80px; padding:0 5px 12px 5px;}

.block_id1_c2 ul {width:251px; margin:0 auto; overflow:hidden;}

.block_id1_c2 ul li {height:26px; background:url('../images/menu_nav_li.png') no-repeat center bottom; line-height:24px; padding:0 5px; overflow:hidden;}

.block_id1_c2 ul li a {color:#fff; text-shadow: 0px 0px 1px #1b1b1b; background:url('../images/menu_li.png') no-repeat left center; padding:0 0 0 18px;}

.block_id1_c2 ul li a:hover {color:#ffad1d; text-decoration:none; text-shadow: 0px 0px 1px #1b1b1b; background:url('../images/menu_li_on.png') no-repeat left center; padding:0 0 0 18px;}

.block_id1_c {background:url('../images/block_cc.png') repeat-y center left;}

.block_id1_c .block_id1_c {background:url('../images/block_ch.png') no-repeat left top;}

.block_id1_c .block_id1_c .block_id1_c {background:url('../images/block_bottom.png') no-repeat bottom left;}

.block_friends {min-height:80px; padding:0 5px 12px 5px;}

.block_friends ul {overflow:hidden; padding:5px 4px 0 6px;}

.block_friends ul li {float:left; width:79px; height:80px; background: url('../images/friends_bg.png') no-repeat; margin:0 2px 0 0;}

.block_friends ul li a {display:block;}

.block_friends ul li img {width:68px; height:68px; margin:6px 0 0 5px;}

/*---block_id2---*/

.block_id2 {width:263px; margin:0 0 5px 0; overflow:hidden;}

.block_id2_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -263px 0;}

.block_id2_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;}

.block_id2_c2 {min-height:80px; padding:0 5px 12px 5px;}

.block_id2_c {background:url('../images/block_cc.png') repeat-y center left;}

.block_id2_c .block_id2_c {background:url('../images/block_ch.png') no-repeat left top;}

.block_id2_c .block_id2_c .block_id2_c {background:url('../images/block_bottom.png') no-repeat bottom left;}

.my_favor {min-height:80px; padding:0 5px 12px 5px;}

.my_favor ul {overflow:hidden; padding:5px 2px 0 4px;}

.my_favor ul li {margin:0 2px 2px 0; float:left; width:78px; height:105px; border:1px solid #3e3e3e;}

.my_favor ul li a {display:block;}

.my_favor ul li img {width:74px; height:101px; margin:2px 0 0 2px;}

/*---block_id3---*/

.block_id3 {width:263px; margin:0 0 5px 0; overflow:hidden;}

.block_id3_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -263px 0;}

.block_id3_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;}

.block_id3_c2 {min-height:80px; color:#353535; padding:5px 10px 12px 10px;}

.block_id3_c2 a {color:#353535;}

.block_id3_c {background:url('../images/block_cc.png') repeat-y -263px center;}

.block_id3_c .block_id3_c {background:url('../images/block_ch.png') no-repeat -263px top;}

.block_id3_c .block_id3_c .block_id3_c {background:url('../images/block_bottom.png') no-repeat -263px bottom;}

/*---block_id4---*/

.block_id4 {width:263px; margin:0 0 5px 0; overflow:hidden;}

.block_id4_h {height:44px; padding:0 8px; background:url('../images/block_head.png') no-repeat -526px 0;}

.block_id4_h div {color:#184368; width:150px; height:25px; text-transform:uppercase; line-height:25px; overflow:hidden; padding:9px 5px 0 28px; text-shadow: 0 0 1px #e2e2e2;}

.block_id4_c2 {min-height:80px; color:#353535; padding:5px 13px 12px 13px;}

.block_id4_c2 a {color:#353535;}

.block_id4_c {background:url('../images/block_cc.png') repeat-y -526px center;}

.block_id4_c .block_id4_c {background:url('../images/block_ch.png') no-repeat -526px top;}

.block_id4_c .block_id4_c .block_id4_c {background:url('../images/block_bottom.png') no-repeat -526px bottom;}

.online_block {color:#353535;}

.online_list {font-family:Candara; font-size:14.37px;}

.online_block a {color:#353535; font-family:Candara; font-size:14.37px;}

.online_block a.user {color:#1e79b9;}

.online_block a.moder {color:#176f12;}

.online_block a.admin {color:#ff0000;}

.online_block a.vip {color:#ff9600;}

.command_site {overflow:hidden; height:55px; width:253px; margin:0 auto; background:url('../images/site_command_sep.png') repeat-x center bottom;}

.command_site:last-child {background:none;}

.command_site_l {height:44px; width:43px; margin:4px 0 0 4px; float:left;}

.command_site_l img {padding:1px; border:1px solid #e7e7e7; width:39px; height:40px;}

.command_site_r {height:44px; width:197px; margin:4px 5px 0 0; float:right;}

.command_site_r ul {overflow:hidden; padding:2px 0 0 0;}

.command_site_r ul li {height:21px; line-height:20px; background:url('../images/command_shape.png') no-repeat center bottom;}

.command_site_r ul li:last-child {background:none;}

.command_site_r ul li a {color:#1a69b0;}

.command_site_r ul li span {height:20px; line-height:20px; background:url('../images/command_li.png') no-repeat left 2px; padding:0 0 0 17px;}

.poll_block {padding:5px 0 10px 0; overflow:hidden;}

.poll_title {margin:0 0 0 1px; padding:0 4px; width:241px; height:68px; background:url('../images/vote_tile.png') no-repeat;}

.poll_title div {padding:0px 0 0 15px; width:175px; overflow:hidden; height:48px; line-height:48px; color:#fff; text-shadow: 0 0 1px #946602;}

.poll_cont {padding:0 5px 0 5px; margin:-5px 0 0 0;}

.vote {padding:0 0 3px 0;background:url('../images/vote_bg.png') repeat-x center bottom;}

.poll_buttons {width:226px; margin:10px auto 0 auto; height:28px; background:url('../images/vote_btn_bg.png') no-repeat;}

.vote_submit {float:left; height:22px; margin:3px 0 0 3px;}

.vote_result {float:right; margin:3px 7px 0 0; height:22px;}

.dovote {height:22px; width:83px; margin:0 0 0 0; border:none; background:url('../images/vote_submit.png') no-repeat;}

.dovote:hover {background-position: 0 -22px;}

.doresult {background: url('../images/vote_btn.png') no-repeat; width:60px; height:22px;}

.doresult:hover {opacity:0.6;}

.doallvote {background: url('../images/vote_btn.png') no-repeat -66px 0; width:60px; height:22px;}

.doallvote:hover {opacity:0.6;}

/*---Footer---*/

#footer {clear:both; height:98px; width:1023px; background:url('../images/footer_%20bg.png') no-repeat; position:absolute;}

#footer_logo {float:left; margin:9px 0 0 -18px;}

#footer_logo a {display:block;}

#footer_logo img {height:88px; width:334px; background:url('../images/footer_logo.png') no-repeat;}

#footer_text {height:84px; width:698px; float:right; margin:12px 3px 0 0; background:url('../images/footer_sep.png') no-repeat left center; padding:0 0 0 4px;}

#footer_text_h {overflow:hidden; margin:1px 0 0 0; height:35px;}

.footer_copy {float:left; padding:0 12px; line-height:35px; text-shadow: 0 0 1px #000;}

.footer_copy a {color:#fff;}

.footer_counter {float:right; margin:0 1px 0 0;}

.footer_counter ul {overflow:hidden;}

.footer_counter ul li {float:left;width:92px; height:35px; margin:0 4px 0 0;}

.footer_counter ul li img {border:1px solid #7ca0c4; padding:1px;}

#footer_text_b {overflow:hidden; margin:11px 0 0 0;}

.footer_message {float:left; width:540px; height:28px; overflow:hidden; padding:0 12px; font-size:11px; text-shadow: 0 0 1px #000;}

.dcorearts {float:right; margin:0 10px 0 0;}

.dcorearts a {display:block; width:121px; height:36px; background:url('../images/dcorearts.png') no-repeat;}

.dcorearts a:hover {opacity:0.6;}

/*---Hint---*/

.tipsy{padding:5px;font-size:10px;opacity:0.7;filter:alpha(opacity=70);background-repeat:no-repeat;background-image:url('../images/tipsy.gif');}

.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;}

.tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.tipsy-north{background-position:top center;}

.tipsy-south{background-position:bottom center;}

.tipsy-east{background-position:right center;}

.tipsy-west{background-position:left center;}

.tipsy-se{background-position:bottom left;}

accordion {

width: 100%;

border-bottom: solid 1px #c4c4c4;

}

.accordion h3 {

background: #e9e7e7;

padding: 7px 15px;

margin: 0;

font: bold 120%/100% Arial, Helvetica, sans-serif;

border: solid 1px #c4c4c4;

border-bottom: none;

cursor: pointer;

}

.accordion h3:hover {

background-color: #e3e2e2;

}

.accordion h2 {

width: 600px;

background: #4EEE94;

padding: 7px 15px;

margin: 0;

font: bold 120%/100% Arial, Helvetica, sans-serif;

border: solid 1px #c4c4c4;

border-bottom: none;

cursor: pointer;

}

.accordion h2:hover {

background-color: #54FF9F;

}

.accordion p {

background: #f7f7f7;

margin: 0;

padding-top:10px;

padding-bottom:10px;

border-left: solid 1px #c4c4c4;

border-right: solid 1px #c4c4c4;

}

.areatabs{margin:10px 0}

div.areatabs ul.tabs{margin:0px;padding:0px;list-style:none;position:relative;height:30px;border-left:1px solid #dce0e5;z-index:10;border-bottom:1px solid #dce0e5}

div.areatabs ul.tabs li{float:left}

div.areatabs ul.tabs li a{display:inline-block;background:#f4f7fa;padding:0px 12px;line-height:29px;border:1px solid #dce0e5;border-left:1px solid #fff;color:#616971;font-size:13px;font-weight:bold;text-shadow:0px 1px 0px #fbfdff;text-decoration:none}

div.areatabs ul.tabs li a:hover{text-decoration:none}div.areatabs ul.tabs li.current a{background:#fff;color:#071526;border-bottom:1px solid #fff}div.areatabs div.panes{padding:10px 0;margin:0}div.areatabs div.panes div.pane{display:none}div.areatabs div.panes div.pane.visible{display:block}div.areatabs h1:first-child{margin:0;float:left;font:bold 18px Arial,Helvetica,sans-serif;line-height:28px}h5.toggle{color:#69727d;cursor:pointer;padding:0px 0px 0px 20px;font-size:16px;line-height:24px;background:url('../images/tog_expand.png') left 4px no-repeat}h5.activetoggle{color:#071526;background-position:left -60px}

.zp-btn { text-align: center; background: #2a2c2f; }

.zp-btn .btn_min { font-size: 1.4em; background-position: 0 -191px; display: block; width: 188px; height: 35px; line-height: 34px; padding: 0; float: none; }

.btn_min, .btn_wh, .btnwh_min, .ui-dialog-buttonset button, #loading div, #gsearch input.gsc-search-button, .zp-btn, .btn_big {

border-radius: 6px;

-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);

-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);

box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);

}

.btn_min, .btn_wh, #gsearch input.gsc-search-button { margin-right: 5px; cursor: pointer; padding: 0 6px; color: #fff; border: 1px solid #2b7aa0; float: left; height: 1.8em; line-height: 1.8em; background: #297eac url("../images/zobrimgs.png") repeat-x 0 -192px; }

.ghead .btn_min, .chead .btn_min { margin-right: 10px; font-size: 1.1em; padding: 0 10px; }

.btn_min { text-shadow: 0 1px 0 #1b6d9a; }

.chead .btn_min { margin-top: -4px; border: 1px solid #83bacf;

-moz-box-shadow: 0 0 5px -1px black;

-webkit-box-shadow: 0 0 5px -1px black;

box-shadow: 0 0 5px -1px black;

}

.btn_wh, #gsearch input.gsc-search-button { padding: 0 10px; text-shadow: 0 1px 0 #fff; font-size: 1.1em; height: 28px; color: #277cab; border-color: #a5c0cc; background: #fff url("../images/zobrimgs.png") repeat-x 0 -345px; }

.btn_wh:hover, #gsearch input.gsc-search-button:hover { background-position: 0 -340px; }

.btn_min, .btn_wh { padding-bottom: 2px; }

a.btn_wh { padding-bottom: 0; height: 26px; }

.btn_min:hover { background-position: 0 -179px; }


.btn_big { cursor: pointer; text-shadow: 0 1px 0 #fff; color: #277cab; border: 1px solid #c3c9cc; height: 40px; padding: .2em .6em .3em .6em; font-weight: normal; font-size: 1.35em; }

.btn_big:active { background: #efefef; color: #48758d; }

.m_list {}

.m_list li { margin-bottom: 5px; }

.pages a, .pages b, .nextprev a, .berrors,

.textbox input, .whitext, .tipbox, .bb_panel a, .bb_footpanel a, .bbf_more, .faqbox, .uploadimg, .galleryavatars li a,

#gsearch input.gsc-input, #gsearch .gsc-results .gsc-cursor-page, .hidetxt, .galleryavatars, .ui-autocomplete,

.ui-autocomplete .ui-menu-item a, #topsearch input, .sp-cont, .f-load, .f-ok, .f-error { border-radius: 4px; }

.m_list li a { display: block; clear: both; height: 50px; padding: 0 0 0 3px; line-height: normal; white-space: nowrap; }

  .m_list li a b { font-weight: normal; }

  .m_list li a:hover { background: #f7f7f7; }

  .m_list li a:hover b { text-decoration: underline; }

  .m_list li span { cursor: pointer; }

  .m_list li .stat { font-size: .85em; }

  .img_small { background-color: #fff; margin-right: 8px; padding: 4px; width: 40px; height: 40px; float: left; border: 1px solid #d6d6d6; }

  .m_list .img_small { margin: 0 5px 0 -3px; }

  .img_small img, .img_small span { width: 40px; height: 40px; }

  .img_small span { display: block; overflow: hidden; }

  .stat { display: block; color: #4a4a4a; }

#bscreens .pad { padding-right: 0; }

.m_screens, .dhead { background: #292929; color: #fff; }

.m_screens ul { height: 112px; padding-right: 0; }

.m_screens li { margin: 0 10px 0 0; float: left; }

  .m_screens li a, .m_screens li span { display: block; width: 100px; height: 100px; padding: 5px; border: 1px solid #404040; background: #373737; }

   .m_screens li a:hover { background: #333; border-color: #4d4d4d; }

#game-scr-vid { height: 232px; padding: 20px; }

#gamevideo { text-align: center; width: 348px; height: 232px; float: left; background: #202020; overflow: hidden; margin: 0; }

  #gamevideo .posted-video { padding: 0; }

  .game-novideo { margin-top: 25%; }

#game-scr-vid ul { float: right; height: 252px; width: 250px; }

#game-scr-vid ul li { float: right; margin: 0 0 8px 8px; }

.pad.mbbanner { padding: 20px; }

.mbbanner img { display: block; }


.mcontent { margin-left: 15px; }


.shortcol { float: left; width: 258px;  margin-left: -1px; }

.sbpad { width: 240px; padding: 0 15px 15px 1px; }

  .shortbase, .mass_comments_action, .searchitem { background-color: #2a2a2a; border: 1px solid #414141; }

   .tbcont { height: 250px; border: 5px solid #323232; overflow: hidden; }

   @media print { .tabcontent { display:block !important; } }


	.tbdesc, .fscont { color: #323232; background-color: #f1f1f1; border-color: #f1f1f1; }

	.fscont { padding: 0 0 10px 0; }

	 .tbdesc a, .fscont a, .related li a { color: #67900d; }

	 .sbcat { font-size: 0.9em; color: #686868; margin-bottom: 0.1em; }

	.tbimg { background-color: #323232; }

	.tbimg img { width: 220px; margin: 0 auto; display: block; }

	*html .tbimg img { height: 150px; }

   .tabline { overflow: hidden; padding: 0 5px; height: 22px; background: #2a2a2a url("../images/tabline0.png") repeat-x; }

	.tabline .lcol li { float: left; margin-right: 2px; height: 19px; }

	.scrntab img { float: left; height: 19px; width: 26px; background: url("../images/scrntab0.png") 0 -19px; }

	 .scrntab .selected img { background-position: 0 0; }

	.desctab a, .desctab a span { line-height: 17px; height: 19px; background: url("../images/desctab0.png") no-repeat; float: left; cursor: pointer; }

	 .desctab a { color: #626262; font-size: 0.9em; }

	 .desctab a span { background-position: 100% -19px; padding: 0 7px 0 18px; }

	  .desctab a:hover { color: #b5b5b5; }

	 .desctab a.selected { background-color: #fff; color: #7db51a; background-position: 0 -38px; }

	  .desctab a.selected span { background-position: 100% -57px; }

	.tabline .rcol li { padding-top: 3px; float: right; }

   .sbinfo { padding: 0 5px; height: 120px; overflow: hidden; }

	.sbinfo h3 { color: #fff; font-size: 1em; line-height: 15px; overflow: hidden; height: 30px; }

	 .sbinfo h3 a { color: #fff; }

	.sbinfo p { color: #b5b5b5; font-style: italic; font-size: 0.9em; line-height: normal; }

	 .sbinfo p a { color: #b5b5b5; }

   .sbmore a { padding: 0 5px; color: #1fa4df; display: block; height: 18px; padding-top: 5px; background: url("../images/bsmore00.png") no-repeat 100% 0; }

   .sbmore a:hover { background-position: 100% -23px; color: #1fa4df;}


   .infoseson {width:990px; font-size:24px; margin-bottom:10px; padding:10px; font-style: bold; color:#fff;  background-color: #2a2a2a; border: 1px solid #414141; }

   #slider_list li {margin:3px; padding:3px; background-color:#0178ae;}



   .pm_status {

	float:left;

	border: 1px solid #d8d8d8;

	padding: 0px;

	background-color: #fff;

	width: 280px;

	height: 100px;

	margin-left: 20px;

	margin-right: 5px;

}

.pm_status_head {

	border-bottom: 1px solid #d8d8d8;

	font-size: 0.9em;

	background: #fff url("../images/bbcodes.png") repeat-x 0 100%;

	height: 22px;

	padding: 0;

	font-weight: bold;

	text-align: center;

	color: #4e4e4e;

}

Очень надеюсь на вашу помощь Спасибо заранее

Изменено пользователем xNTLx
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...