/*
Theme Name: Svecha-news
Theme URI: http://www.delosite.ru/
Description: Svecha newspapper theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Delovoy sait
Author URI: http://www.delosite.ru/
Tags: svecha, news
*/
* {margin: 0; padding: 0;}
a {text-decoration: none; outline: none; color: #656565;}
a:hover {text-decoration: underline;}
a img {border: none;}
ul, ol, li {list-style: none;} 
.bullet_left {margin-right: 5px; vertical-align: middle;}
.bullet_right {margin-left: 5px; vertical-align: middle;}

     
body {background: #fff; font: 62.5%/1.4 Arial, sans-serif; color: #020202;}
#home {min-width: 940px;}
#page {/*width: 950px; */ margin: 0 auto; padding: 0 30px;/* padding: 0 20px 0 30px;*/}
#header {position: relative; padding: 265px 0 7px;}
#content {padding-bottom: 33px;}
#footer {background: #e5e5e5;}
#foot {/*width: 1000px;*/ margin: 0 auto; overflow: hidden; padding: 0 30px;}
#sidebar {width: 30%; float: right; overflow: hidden;}

/* js styles */
#fast_content li {display: none;}
#fast_content li li, #fast_content li.active {display: block;}

/* header */
#logo {position: absolute; top: 150px; left: 0;}
    #logo a {display: block; text-indent: -200em; overflow: hidden; width: 595px; height: 109px; background: url(images/bg/logo.png) left top no-repeat;}
#slogan {text-indent: -200em; overflow: hidden; width: 497px; height: 34px; background: url(images/bg/slogan.png) left top no-repeat; position: absolute; top: 96px; left: 137px;}
#banner_top {text-align: center; height: 91px; position: absolute; background: #01061a; /*top: 0; left: 50%; margin-left: -500px;*/ width: 100%; overflow: hidden;} 
    .banner_body {width: 1000px; margin: 0 auto;}
#date_name {font-size: 1.3em; color: #000; width: 595px; overflow: hidden; position: absolute; top: 250px; left: 0;}
    #date_name .date {float: left; width: 200px;}
    #date_name .name {float: right; width: 340px; text-align: right;}
#sub_opts {position: absolute; top: 130px; right: 0; width: 300px; overflow: hidden;}
    #user_opts {text-align: right; font-size: 1.1em; color: #3a3a3a; margin-bottom: 21px;}
        #user_opts .login {background: url(images/bg/gray_dots.png) left bottom repeat-x;}
        #user_opts .register {color: #fb2323; background: url(images/bg/red_dots.png) left bottom repeat-x;}
        #user_opts a:hover {background: none; text-decoration: none;}       
    #fast_links, .fast_nav {overflow: hidden; width: 100%; margin-bottom: 8px; clear: both;}
        #fast_links li, .fast_nav li {font-size: 1.3em; font-weight: bold; color: #656565; display: block; float: left; margin-right: 1px;}
        #fast_links a, .fast_nav a {color: #656565; background: url(images/bg/gray_dots.png) left bottom repeat-x; margin: 3px 7px; display: block;}
        #fast_links .active strong, .fast_nav .active strong {display: block;}
        #fast_links a:hover, #fast_links .active a, #fast_links .active strong, .fast_nav a:hover, .fast_nav .active strong {color: #fff; background: #959595 url(images/bg/gray.png) left top repeat-x; text-decoration: none; margin: 0; padding: 3px 7px;}
        #fast_links .active {padding-top: 0;}       
    #cur_exchange, #weather {float: left; padding-right: 25px;}
        #cur_exchange li, #weather li {text-transform: uppercase; color: #1d1d1d; font-size: 1.8em; line-height: 1.3em; margin-bottom: 4px;}
        #cur_exchange li strong {color: #2d93ff; font-weight: bold;}
        #cur_exchange li span {color: #6e6e6e; font-size: .6em;}
        #cur_exchange li.euro strong {color: #fb2323;}
    #sub_opts .link {color: #656565; font-size: 1.1em; line-height: 1.1em; float: left; padding-top: 25px;} 
        #sub_opts .link a {text-decoration: underline;}
        #sub_opts .link a:hover {text-decoration: none;}
#main_menu {width: 100%; position: relative; overflow: hidden; background: #959595 url(images/bg/gray.png) left top repeat-x; margin-bottom: 14px;}
#main_menu ul {}
        #main_menu li {display: block; float: left; text-transform: uppercase; color: #020202; font-size: 1.4em; font-weight: bold; border-left: 1px solid #fff; margin-left: -1px;}
        #main_menu a, #main_menu strong {color: #020202; display: block; padding: 5px 11px 3px;}
        #main_menu a:hover, #main_menu .active a, #main_menu .active strong {text-decoration: none; background: #363636 url(images/bg/black.png) left top repeat-x; color: #fff;}
        #main_menu .rss {display: block; overflow: hidden; text-indent: -200em; background: url(images/bg/rss.png) left top no-repeat; width: 29px; height: 15px; position: absolute; right: 10px; top: 6px; padding: 0;}
        #main_menu .rss:hover {background: url(images/bg/rss.png) left top no-repeat;}
        
#sub_menu {line-height: 2.7em;}
    #sub_menu li {display: inline; font-size: 1.3em; font-weight: bold; color: #656565; white-space: nowrap;}
    #sub_menu a, #sub_menu strong {color: #656565; background: url(images/bg/gray_dots.png) left bottom repeat-x;  margin: 4px 8px; padding: 1px;}
    #sub_menu a:hover, #sub_menu .active a, #sub_menu .active strong {color: #fff; background: url(images/bg/red.png) left top repeat-x; text-decoration: none;  padding: 5px 9px; margin: 0;}
    
/* content */
#wrapper {width: 100%; overflow: hidden;}
#main_themes {/*width: 635px;*/ width: 69%; float: left;}
#aditional {float: right; width: 295px;}
#theme {/*width: 620px; */overflow: hidden; padding-left: 10px;}
    #theme .photo {float: left; padding: 7px 20px 5px 0;}
        #theme .photo a, #theme .photo a img {display: block; }
        #theme .photo p, #popular .photo p {color: #656565; font-size: 1.1em; text-align: right; padding-top: 2px; line-height: 1.1em;}
    #theme .info {/*float: left; width: 300px;*/ padding-left: 295px;}
    #theme.extended {width: auto;}
    #theme.extended .info {float: none; width: auto; padding-left: 0;}
        #theme .info h4, .part h4 {font-size: 3em; color: #e20000; line-height: 1.2em; margin-bottom: 20px;}
        #theme .info h4 a, .part h4 a {color: #e20000; text-decoration: underline;}
        #theme .info h4 a:hover, .part h4 a:hover {text-decoration: none;}
        #theme .info .published, .part .published {color: #6c6c6c; font-size: 1.1em; margin-bottom: 1px;}
        #theme .info .about, #theme .info p {font-size: 1.7em; color: #020202; line-height: 1.2em; margin-bottom: 10px;}
        #theme .info .about_ext {margin-bottom: 19px;}
        #theme .cmnts, .part .cmnts {color: #6c6c6c; font-size: .8em;}
        #theme .cmnts span, .part .cmnts span {color: #e20000; font-weight: bold;}
#popular {width: 100%; overflow: hidden; padding-bottom: 5px;}
    #popular .fast_nav {margin-bottom: 15px;}
    #popular .photo {float: left; width: 156px; padding-right: 11px;}
        #popular .photo a {margin-left: 35px;}
        #popular .photo a, #popular .photo a img, .part .photo img, .part .photo {display: block;}
    #popular .info {/*float: left; width: 460px;*/ padding-left: 167px;}
        #popular .info li, .part .info li {color: #020202; font-size: 1.4em; line-height: 1.7em; margin-bottom: 0;}
        #popular .info a, .part .info a {text-decoration: underline; color: #020202; background: url(images/bg/disk.png) left 4px no-repeat; padding-left: 12px;}
        #popular .info a:hover, .part .info a:hover {text-decoration: none;}
        #popular .info strong {font-weight: normal; color: #6c6c6c; font-size: .8em;}
        #popular .info span {color: #e20000; font-weight: bold;}
        
#volumes {width: 100%; overflow: hidden; clear: both;}
.part {width: 100%; overflow: hidden; margin-bottom: 22px;}
.part.odd {float: left; clear: left;}
.part.even {float: right; clear: right;}
    .title {width: 100%; overflow: hidden; font-size: 1.3em; margin-bottom: 10px;}
        .title a {display: block; float: left; padding: 4px 12px; color: #fff;}
            .title.gray a, #aditional .title.gray a {background: #949494 url(images/bg/gray.png) left top repeat-x;}
            #aditional .title.gray a {margin-left: 10px;}
            .title.red a {background: url(images/bg/red.png) left top repeat-x;}
            .title.blue a {background: url(images/bg/blue.png) left top repeat-x;}
        .title a:hover {}
        .title a span {color: #e20000;}
    .part .photo {float: left; margin: 0 15px 5px 8px;}
    .part h4 {font-size: 2.4em; line-height: 1em; margin-bottom: 15px;}
    .part .published {margin-bottom: 4px;}
    .part .about, .part p {font-size: 1.6em; color: #020202; line-height: 1.14em;}
    .part .cmnts {font-size: .85em;}
    .part .info {clear: both; padding-top: 10px;}
    
#advertising {width: 766px; text-align: center; margin: 0 auto; padding-top: 16px; clear: both;}
.video_nav {position: absolute; top: -26px; right: 0; overflow: hidden; width: 40px;}
#video {position: relative; padding-top: 2px; width: 265px; margin: 0 auto;}
#aditional .next, #aditional .prev {display: block; text-indent: -200em; overflow: hidden; background-repeat: no-repeat; width:20px; height: 18px; background-position: 0 0; float: left;}
#aditional .next {width: 19px; background-image: url(images/bg/next.png);}
#aditional .prev {background-image: url(images/bg/prev.png);}
#aditional .adv {width: 240px; margin: 10px auto 0;}

/* inner page */
.comments {padding-left: 15px;}
.comments .item {margin-bottom: 30px; position: relative; overflow: hidden;}
.comments .item.subnode {margin-left: 50px;}
    .userpic {display: block; width: 40px; height: 40px; float: left; margin: 0 10px 10px 0;}
        .userpic img {float: none; margin: 0; display: block;}
    .comment {display: table;}
        .comment h6 {font-size: 1.3em; margin-bottom: 4px;}
        .comment h6 a {color: #e20000; text-decoration: underline;}
        .comment h6 a:hover {text-decoration: none;}
        .comment h6 span {color: #6c6c6c; font-size: .8em; font-weight: normal;}
        .comments .text {font-size: 1.3em; color: #000; line-height: 1.2em;}
        .comments .text .reply {background: url(images/bg/gray_dots.png) left bottom repeat-x; color: #656565;}
        .comments .text .reply:hover {background: none; text-decoration: none;}
    
/* footer */
#footer_menu {padding: 19px 0 32px; float: left;}
#footer_menu li {display: inline; color: #040404; font-size: 1.1em; padding: 0 7px;}
#footer_menu li a {text-decoration: underline; color: #040404;}
#footer_menu li a:hover {text-decoration: none;}
.copyright {color: #000; font-size: 1.1em; float: right; padding-top: 19px;}
    
    
img.alignright {
    margin: 0 7px 2px 0;
}

img.alignleft {
    margin: 0 0 2px 7px;
}

.alignright {
    float: left;
}

.alignleft {
    float: right;
}