/*
#################### - Master StyleSheet - ########################
(style.css) - Cascading Style Sheet (CSS) Document
Copyright © by Line-Behind 2009
*/


@import url(reset.css);
.queryField {border:none;background:url(http://i068.radikal.ru/0908/e4/02892b1d483b.png)no-repeat;padding-left:10;padding-bottom:3;height:30;width:257;margin:0;position:relative;right:-4;color:#666666;}
.ser {border:0px;background:url(http://s40.radikal.ru/i089/0908/af/2e414cb02c09.png)no-repeat;height:30;width:43;margin:0;padding:0;}

.ser:hover {border:0px;background:url(http://s45.radikal.ru/i109/0908/df/8c3d81f79d75.png)no-repeat;height:30;width:43;margin:0;padding:0;cursor:pointer;}
body {
 background:#EDECE4 url(../images/body_bg.png) repeat-x 0 0;
 font-family: Tahoma, Verdana, Geneva, sans-serif;
 font-size: 12px;
 line-height: 150%;

 color:#333;
}
div#container, .logo img {behavior:url(iepngfix.htc)}
a, a:link, a:active, a:visited {
 text-decoration:none;
 color:#333;
}
a:hover {
 text-decoration:none;
 color:#900;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ###################################################################
(Container) */
#container {
 width:1000px;
 margin:0 auto;
 background:url(../images/container_bg.png) repeat-y 0 0;
}
.container_top {
 background:url(../images/container_top.png) no-repeat 0 0;
}
.container_bottom {
 padding:30px;
 background:url(../images/container_bottom.png) no-repeat bottom left;
}
/* ###################################################################
(Main) */
.main {
 width:940px;
}
/* ====================================================
(Content) */
.content_wrapper {
 float:left;
 width:100%;
}
#content {
 width:680px;
 margin-left:260px;
}
/* ------------------------------
(Navbar) */
.navbar ul li {
 display:block;
 float:left;
}
.navbar ul li a {
 display:block;
 float:left;
 margin-right:5px;
 padding-left:10px;
 text-transform:uppercase;
 text-decoration:none;
 font-weight:bold;
 color:#EEE;
 background:url(../images/navbar_item_left.png) no-repeat bottom left;
}
.navbar ul li a span {
 display:block;
 float:left;
 padding:1px 10px 1px 0;
 background:url(../images/navbar_item_right.png) no-repeat bottom right;
 cursor:pointer;
}
.navbar ul li a:hover {
 padding-left:10px;
 background:url(../images/navbar_item_left.png) no-repeat top left;
 text-decoration:none;
 color:#FFF;
}
.navbar ul li a:hover span {
 display:block;
 float:left;
 padding:1px 10px 1px 0;
 background:url(../images/navbar_item_right.png) no-repeat top right;
}
/* ------------------------------
(Alphabet) */
#alphabet {
 margin:200px 0;
}
#alphabet ul {padding-left:50px}
#alphabet ul li {
 display:block;
 float:left;
 text-transform:uppercase;
 font:normal bold 12px/1em Verdana, Geneva, sans-serif;
}
#alphabet a {
 display:block;
 float:left;
 color:#666;
}
.alphabet_ru {
 
 border-top:2px solid #EBBB00;
}
.alphabet_ru a {padding:8px 5px 10px}
.alphabet_ru a:hover {background:url(../images/alphabet_bullet_ru.png) no-repeat 50% top}

.alphabet_en {
 
 border-bottom:2px solid #EBBB00;
}
.alphabet_en a {padding:10px 5px 8px}
.alphabet_en a:hover {background:url(../images/alphabet_bullet_en.png) no-repeat 50% bottom}
/* ------------------------------
[Search] */
.search_form {
 position:relative;
 z-index:2;
 width:670px;
 height:35px;
 margin-left:-10px;
 padding:10px 0 0 20px;
 background:url(../images/search_area_bg.png) no-repeat 0 0;
}
.search_input input {
 float:left;
 width:540px;
 height:22px;
 padding:3px 5px 0;
 background:url(../images/search_input_bg.png) no-repeat 0 0;
 border:0pt none;
 font:normal normal 14px/1em Verdana, Geneva, sans-serif;
}
.search_btn input{
 float:left;
 width:100px;
 height:25px;
 margin-left:10px;
 border:0pt none;
}

/* ------------------------------
(Page navigatin) */
.pagenav {
 position:relative;
 width:610px;
 height:33px;
 margin:15px auto;
 padding-top:12px;
 background:url(../images/page_nav_bg.png) no-repeat 0 0;
}
.pagenav ul {
 width:290px;
 margin:0 160px;
 text-align:center;
 font-weight:bold;
}
.pagenav ul li {
 display:inline;
 padding:5px;
}
.pagenav ul li span {color:#999}
.pagenav_prev_link {
 position:absolute;
 left:50px;
}
.pagenav_next_link {
 position:absolute;
 right:50px;
}
/* ------------------------------
(Movies) */
.title_rus {
 font:normal normal 18px/1.4em Verdana, Geneva, sans-serif;
 color:#C00;
}
.title_rus a, .title_rus a:link, .title_rus a:active, .title_rus a:visited {
 text-decoration:none;
 color:#C00;
}
.title_en {
 margin:0 0 8px 2px;
 font-weight:bold;
 color:#4A7AA6;
}
.title_en a, .title_en a:link, .title_en a:active, .title_en a:visited {
 text-decoration:none;
 color:#4A7AA6;
}
.title_rus a:hover, .title_en a:hover {
 text-decoration:none;
 color:#666;
}

.movie_short {
 overflow:auto;
 padding-left:10px;
 background: url(../images/movie_short_arrow.png) no-repeat 0 0;
}
.movie_short_tl {background:#EFEFE1 url(../images/movie_short_lt.png) no-repeat 0 0}
.movie_short_bl {background:url(../images/movie_short_lb.png) no-repeat bottom left}
.movie_short_tr {background:url(../images/movie_short_rt.png) no-repeat top right}
.movie_short_br {
 padding:10px;
 background:url(../images/movie_short_rb.png) no-repeat right bottom;
}
.movie_cat_short_br {width:420px}
.movie_full_short_br {width:390px}
.movie_main_short_br {width:160px; font-size:11px;}

.download_movie a {
 display:block;
 margin-top:10px;
 padding-left:25px;
 background:url(../images/download_img.png) no-repeat 0 2px;
 line-height:16px;
}
.download_movie a, .download_movie a:link, .download_movie a:active, .download_movie a:visited {
 font-weight:bold;
 text-decoration:none;
 color:#666;
}
.download_movie a:hover {
 text-decoration:none;
 color:#000;
}

/* (Main page) */
.main_row {padding:20px 0}
.movie_main_left {margin-right:20px}
.movie_main {
 float:left;
 width:330px;
}
.movie_main_poster {
 float:left;
 width:135px;
 margin-right:5px;
 background:url(../images/poster_main_top.png) no-repeat 0 0;
}
.movie_main_poster_bottom {
 padding:5px 5px 15px;
 background:url(../images/poster_main_bottom.png) no-repeat bottom left;
}
.movie_main_poster_img img {
 width:120px;
 margin-bottom:5px;
 border:1px solid #DAD9D2;
}
.movie_main_info {
 float:left;
 width:190px;
}
/* (Category) */
.movie_cat {
 width:680px;
 margin:20px 0;
}
.movie_cat_poster {
 float:left;
 width:155px;
 margin-right:5px;
 background:url(../images/poster_cat_top.png) no-repeat 0 0;
}
.movie_cat_poster_bottom {
 padding:5px 5px 15px;
 background:url(../images/poster_cat_bottom.png) no-repeat bottom left;
}
.movie_cat_poster_img img {
 width:140px;
 margin-bottom:5px;
 border:1px solid #DAD9D2;
}
.movie_rating {
 text-align:center;
}
.movie_cat_info {
 float:left;
 width:520px;
}
.movie_cat_ads {margin-bottom:10px}
.movie_cat_ads li {
 padding:0 0 5px 10px;
 line-height:normal;
 background:url(../images/movie_info_bullet.png) no-repeat 0 5px;
 font-size:11px;
}
.movie_cat_ads_label {
 float:left;
 width:110px;
}
.movie_cat_ads_item {
 float:left;
 width:400px;
}
.movie_cat_genre {margin-left:-5px}
.movie_cat_genre a {margin-left:5px}
.movie_cat_genre a, .movie_cat_genre a:link, .movie_cat_genre a:active, .movie_cat_genre a:visited {
 text-decoration:underline;
 color:#000;
}
.movie_cat_genre a:hover {
 text-decoration:none;
 color:#900;
}
.movie_cat .download_movie {margin-left:10px}

/* (Full) */
.movie_full {
 position:relative;
 margin-top:20px;
}
.movie_full h1 {
 font:normal bold 22px/1.4em Arial, Helvetica, sans-serif;
 border-bottom:2px solid #74AABE;
 color:#C00;
}
.movie_code {
 position:absolute;
 right:0;
 width:150px;
 height:20px;
 background:url(../images/movie_code.png) no-repeat 0 0;
 text-align:center;
 font-weight:bold;
 color:#FFF;
}
.movie_full_details {
 padding:10px 0;
}
.movie_full_poster {
 float:left;
 width:255px;
 margin-right:5px;
 background:url(../images/poster_full_top.png) no-repeat 0 0;
}
.movie_full_poster_bottom {
 padding:5px 5px 25px;
 background:url(../images/poster_full_bottom.png) no-repeat bottom left;
}
.movie_full_poster_img img {
 width:240px;
 margin-bottom:5px;
 border:1px solid #DAD9D2;
}
.movie_full_info {
 float:left;
 width:420px;
 padding-top:10px;
}
.movie_full_ads {margin-bottom:10px}
.movie_full_ads li {
 padding:0 0 5px 10px;
 background:url(../images/movie_info_bullet.png) no-repeat 0 8px;
}
.movie_full_ads_label {
 float:left;
 width:80px;
}
.movie_full_ads_item {
 float:left;
 width:330px;
}
.file_info {
 padding:5px 10px;
 background:#F6F5EC;
 border:1px dashed #CBCBC8;
}
.file_info label {
 position:relative;
 top:-15px;
 padding:3px 10px;
 background:#E9E8E0;
 border:1px solid #CBCBC8;
 color:#666;
 font-weight:bold;
 font-style:italic;
}
.file_info ul li {
 margin-bottom:5px;
 padding-left:25px;
}
.file_info_video {background:url(../images/file_info_video.png) no-repeat 0 4px}
.file_info_sound {background:url(../images/file_info_sound.png) no-repeat 0 3px}
.file_info_size {background:url(../images/file_info_size.png) no-repeat 0 3px}
.download_btn {margin:0px auto}
.download_btn a {
 display:block;
 width:663px;
 height:38px;
 padding-top:15px;
 background:url(../images/download_btn.png) no-repeat 0 0;
 font:normal normal 14px/1.2em Arial, Helvetica, sans-serif;
 text-align:center;
}
.download_btn a, .download_btn a:link, .download_btn a:active, .download_btn a:visited, .download_btn a:hover {
 text-decoration:none;
 color:#FFF;
}
.download_btn a:hover {
 background:url(../images/download_btn.png) no-repeat bottom left;}
/* ====================================================
(Sidebar) */
#sidebar {
 float:left;
 width:250px;
 margin-left:-100%;
}
.logo {
 margin:15px 0;
}
.genres, .top10_block, .renew {margin-bottom:10px}
/* ------------------------------
(Genres) */
.genres {
 width:250px;
 padding-bottom:20px;
 background:#E9E8D7 url(../images/genre_bottom.png) no-repeat bottom left;
}
.genres h3 {
 padding:10px;
 font:normal 18px/1.2em Arial, Helvetica, sans-serif;
 background:url(../images/genre_top.png) no-repeat 0 0;
}
.genres ul {
 width:110px;
 float:left;
 padding-left:10px;
}
.genres ul {
 list-style-type:circle;
 list-style-position:inside;
}
/* ------------------------------
(Renew) */
.renew {
 padding-bottom:15px;
 background:#D8DEE4 url(../images/renew_bottom.png) no-repeat bottom left;
}
.renew h3 {
 width:250px;
 height:60px;
 text-indent:-9000px;
 background:url(../images/renew_title.png) no-repeat 0 0;
}
.renew_form {
 margin:0 10px;
}
.renew_code_inp input {
 float:left;
 padding:0 5px;
 width:110px;
 height:25px;
 font:normal 20px/1em Arial, Helvetica, sans-serif;
 background:url(../images/renew_input_bg.png) no-repeat 0 0;
 color:#666;
 border:0pt none;
}
.renew_code_btn input {
 float:left;
 margin-left:10px;
 width:100px;
 height:25px;
 border:0pt none;
}
/* ------------------------------
(TOP 10 blocks) */
.top10_block ul {padding-bottom:15px}
.top10_block ul li {
 margin:5px 0 0 25px;
 line-height:normal;
 list-style-type:disc;
 list-style-position:outside;
}
.top10_block h3 {
 width:250px;
 height:60px;
 text-indent:-9000px;
 background-position:top;
 background-repeat:no-repeat;
}
.top10_day {background:#F4F4EA url(../images/top10_day_bottom.png) no-repeat bottom left}
.top10_day h3 {background:url(../images/top10_day_title.png)}
.top10_month {background:#F0F2F4 url(../images/top10_month_bottom.png) no-repeat bottom left}
.top10_month h3 {background:url(../images/top10_month_title.png)}
/* ###################################################################
(Footer) */
#footer {
 margin-top:50px;
}
/* ------------------------------
(Recomended movies) */
.rec_movies {
 width:900px;
 height:235px;
 padding-left:40px;
 background:url(../images/rec_movies.png) no-repeat 0 0;
}
.rec_movies h3 {
 height:25px;
 padding:10px;
 font:normal normal 18px/1em Arial, Helvetica, sans-serif;
 text-align:center;
}
.rec_movies img {
 width:100px;
 height:150px;
 padding:4px;
 background:#FDFCF8;
 border:1px solid #DBDAD7;
}
.rec_movies ul li a {
 display:block;
 float:left;
 background:;
}
.rec_movies ul li {
 display:block;
 float:left;
 width:150px;
 text-align:center;
}
/* ------------------------------
(Copyright) */
.dirkino_txt {margin:15px 0}
.dirkino_txt p {
 padding-bottom:10px;
 line-height:1.4em;
}
.copyright {
 text-align:center;
 color:#333;
}
/* (Payment) */
.payment_area {
 margin:20px 10px;
}
.payment_area h2 {
 margin-bottom:10px;
 font:normal normal 20px/1.3em Arial, Helvetica, sans-serif;
 letter-spacing:-1px;
 color:#666;
}
.robox_block {
 position:relative;
 margin-bottom:10px;
 width:auto;
 height:100px;
 background:#FFF url(../images/robox_bg.png) no-repeat 0 0;
 border:1px solid #EAE8DC;
 vertical-align:middle;
}
.robox_submit_btn {
 position:absolute;
 top:20px;
 right:20px;
 width:253px;
 height:33px;
 background:url(../images/robox_btn_bg.png) no-repeat bottom left;
 border:0pt none;
 text-align:center;
 font-weight:bold;
 font-size:11px;
 text-transform:uppercase;
 color:#FFF;
}
.robox_submit_btn:hover {
 background:url(../images/robox_btn_bg.png) no-repeat 0 0;
 cursor:pointer;
}
.robox_traf {
 position:absolute;
 right:0;
 bottom:10px;
 width:253px;
 height:20px;
 padding-right:20px;
 text-align:right;
 font-size:11px;
 color:#6A6760;
 background:#EEECE0 url(../images/robox_traf.png) no-repeat 0 0;
}
.payment_systems {
 margin-top:50px;
}
.payment_systems ul li {
 margin:10px 0;
 padding:2px 0 3px 30px;
 background:url(../images/payment_sys_bullet.png) no-repeat 0 0;
}
.payment_systems ul ul li {
 margin:0;
 padding:0;
 list-style-type:disc;
 list-style-position:inside;
 font-size:11px;
 line-height:1.5em;
 background:none;
}
.pay_system_name {
 float:left;
 margin-right:10px;
 font-weight:bold;
 color:#C00;
}
.pay_system_link {float:left}
.pay_system_link a {
 display:block;
 padding:1px 10px 2px 10px;
 background:#EAEAE0 url(../images/payment_sys_link.png) no-repeat right top;
 font-size:10px;
 color:#383830;
 line-height:1em;
}
.pay_system_link a:hover {color:#C00}
#lenta {
 display: block;
 position:relative;
 overflow: hidden;
}
#lenta A { display: inline-block; margin: 0px 1px; position: relative; text-decoration: none; }
#lenta A SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; position: absolute; overflow: hidden; white-space:normal; display:none; padding:3px; width:97px; bottom:0px; left:0px; background:#FFFFFF; font-size: 11px; opacity:.8; filter:alpha(opacity=80); }
#lenta A:hover SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }
#lenta A SPAN STRONG {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }

/* ==================== Рейтинг статьи */

.rating {
 color: #757575;
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 width: 85px;
 height: 16px;
}
.unit-rating {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 85px;
 height: 16px;
 position: relative;
 background-image: url(../dleimages/rating.gif);
 background-position: top left;
 background-repeat: repeat-x;
}
.unit-rating li {
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a {
 display: block;
 width: 17px;
 height: 16px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 17;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover {
 background-image: url(../dleimages/rating.gif);
 background-position: left center;
 z-index: 2;
 left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
 background-image: url(../dleimages/rating.gif);
 background-position: left bottom;
 position: absolute;
 height: 16px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
 float: left;
 clear: none; /* set to left or right if needed */
 padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
 padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a {
 display:block;
 text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 position:relative;
}

.ienlarger span img {
 border: 1px solid #FFFFFF; /* adds a border around the image */
 margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span { /* this is for the large image and the caption */
 position: absolute;
 display:none;
 color: #FFCC00; /* caption text colour */
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px; /* caption text size */
 background-color: #000000;
 font-weight: bold;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 13px;
 padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span {
 display:block;
 top: 50px; /* means the pop-up's top is 50px away from thumb's top */
 left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
 z-index: 100;
 
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */

/* If you want the pop-up open above the thumb, remove the top: 50px; and add
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
 width: 150px; /* enter desired thumb width here */
 height : auto;
}

/* smart image enlarger ends here */

</style>

/*===COMMENTS===*/
table.comblock {background-color: #ffffff; }
table.comblock td.cblock-content {background: transparent url("/comment/cblock_center_mtop.gif") left top repeat-x; }

table.comblock td.cblock-left { vertical-align: top; background: url("/comment/cblock_middle_left.gif") left top repeat-y;}
table.comblock td.cblock-right { vertical-align: top; background: url("/comment/cblock_middle_right.gif") right top repeat-y;}

table.comblock td.cblock-top {background: url("/comment/cblock_center_top.gif") left top repeat-x;}
table.comblock td.cblock-bottom {background: url("/comment/cblock_center_bottom.gif") left bottom repeat-x;}

table.comblock div.maincont { padding: 4px; }

.avatar img { width: 100px; height: auto; }
/*===END COMMENTS===*/
/* Comments by styling.org.ua */
.blockdown {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#ffffff; padding: 4px; border:0px solid #ffffff; background:url('http://styling.org.ua/templates/images/h2.gif') repeat-x ;}
/* ------------- */
/*ЛЕНТА*/
#lenta {
 background: URL('указать путь') repeat-x top left; /* Путь к фоновому изображению lenta_bg.gif*/
 display: block;
 width:100%;
 height: 134px;
 white-space: nowrap;
 position:relative;
 overflow: hidden;
 border-top: solid 1px;
 border-bottom: solid 1px;
 }
#lenta DIV { position:relative; white-space:nowrap; }
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:15px; opacity:.4; filter:alpha(opacity=40); }
#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; } 
#lenta .left { left:0px; text-align:right; }
#lenta .right { right:0px; }
#lenta_in { display:block; position:relative; left:30px; top:15px; }
#lenta IMG { border: solid 3px #87c0dd; }
#lenta A { display: inline-block; margin: 0px 5px; position: relative; text-decoration: none; }
#lenta A SPAN { position: absolute; overflow: hidden; white-space:normal; display:none; width:100%; border: solid 1px #FFF; bottom:0px; left:0px; background:#d4ffd0; font-size: 11px; opacity:.9; filter:alpha(opacity=90); }
#lenta A:hover SPAN { display:block; }
#lenta A SPAN STRONG { display:block; }