/* --------------------------------------------   
      Layout styles                               
----------------------------------------------- */

/* @LAYOUT */

    /* root */
    body.common #root {
        min-height: 100%;
        padding: 0;
        background: url("../images/bg/header.png") repeat-x left top; 
    }
    
    body.common #header {background: url("../images/bg/header.png") repeat-x left top; }
    
    body.common #root .all_wrap {padding: 0 4% 0 0;}
    
    /* lite */
    body.lite #root {
       min-height: 100%;
       background: #0e4d79 url('../images/bg/body_lite.png') repeat-x left bottom;
       text-align: left;
    }

    /* main container */
    #main_container {}

    /* cols */
    #leftcol   {background: white url('../images/bg/leftcol.png') repeat-y right top; }
    #centercol {}
    #rightcol  {background: white url('../images/bg/rightcol.png') repeat-y left top; }
    /*#main_container {background: white url('../images/bg/rightcol.png') repeat-y 76% top;}*/

        /* cols width */
        .leftcol   {width: 21%; padding-left: 4%; float: left; /*display: none;*/}
        .centercol {width: 48%; /*float: left;*/  /*width: 69%; padding-left: 2%;*/}
        .rightcol  {width: 26%;/* float: right;*/}
        
            /* inner */
            .inner #leftcol {padding-left: 0;}

            .inner #main_container .leftcol {width: 4%;}
            .inner #main_container .centercol {width: 70%;}

            /* singlecol */
            body.common.singlecol #root .all_wrap {padding: 0;}
            body.common.singlecol #header {padding-right: 4%;}
            

            /*.inner.singlecol #main_container {background: url('../images/bg/leftcol.png') repeat-y left top }*/
            .inner.singlecol #main_container .rightcol {width: 4%;}
            .inner.singlecol #main_container .centercol {width: 92%;}
            
    #main_container {padding-left: 4%;}
    .content_wrap {width: 100%; height: 100%; }
    .leftcol {display: none;}
    .centercol {zoom:1; width: 72%; }
    .rightcol {width: 28%;}
    #content {padding-left: 0 !important; padding: 0;}
        
/* @HEADER */
/*
body, 
#header {
    background-image: url('../images/bg/header.png');
    background-repeat: repeat-x;
    background-position: left top;
}*/

#header {
    height: 190px;
    padding-left: 4%;
    color: white;
}

    /* leftcol */
    #header .l {width: 72%; position: relative;}

        /* logo */
        #header .logo_box {/*width: 460px; position: relative;*/}
        #header .logo_box .logo {/*float: left; width: 266px; height: 58px; background-color: #fffcac; */ height: 58px;}
        #header .logo_box img {float: left; margin-right: 17px; margin-left: -28px;}
        
        #header .logo_box .caption {
            float: left;
            color: #ebf4fb;
            font-size: 17px; 
            /*margin-top: 14px;*/
            line-height: 20px;
            position: absolute;
            font-style: italic; 
            
            left: 124px;
            top: -13px;
        }

        #header .caption span.text {position: absolute; top: -1px; left: -1px; color: #ebf4fb;}
        #header .caption span.shadow {color: #032740;}
        
        #header .logo_box .write {position: absolute; left: auto; top: 13px; right: 315px;}

    /* rightcol */
    #header .r {width: 28%; position: relative; /*overflow: hidden;*/}
    #header .r .gradient {
        top: 0;
        right: 0; 
        width: 42px; 
        height: 25px; 
        position: absolute; 
        background: transparent url('../images/bg/user_panel/gradient.png') no-repeat left top;
    }

        /* user _panel */
        #header .user_panel {
            width: 1000px;
            height: 48px;
            overflow: hidden;
            line-height: 15px;
        }

            .userpic  {float: left; margin-right: 10px;}
            
            /* userinfo */
            .user_panel .userinfo {float: left; }
            .user_panel .username {font-size: 14px; color: white; font-weight: bold;}
            
            
            .user_panel .userinfo div {padding-top: 7px;}
            
                /* rating */
                .user_panel .userinfo .rating {}
            
                /* inbox */
                .user_panel .userinfo .inbox {
                    /*padding-top: 3px;*/
                    padding-left: 21px;
                    background: transparent url('../images/bg/user_panel/inbox.png') no-repeat 0 3px;
                    color: #ffea8d;
                    text-decoration: none;
                    margin-right: 10px;
                    margin-left: 13px;
                    padding-bottom: 1px;
                }
                
                .user_panel .userinfo .inbox.empty {color: #618197; background-position: 0 -97px;}
                
                /* logout */
                .user_panel .userinfo a.logout {
                    padding-top: 0;
                    color: #8cbfe1; 
                    font-size: 12px;
                }
                
                    .user_panel .userinfo .inbox,
                    .user_panel .userinfo .rating,
                    .user_panel .userinfo a.logout {float: left;}

    
        /* guest panel */
        #header .guest_panel {height: 36px; padding-top: 12px;}
        #header .guest_panel a {color: #47B4FF}
        
        
        #header .l,
        #header .r {margin-top: 30px;}
        
        
        /* quotations */
        .quotations {
            font-size: 11px; 
            position: absolute; 
            top: 4px; 
            padding-top: 5px; 
            height: 34px;
            line-height: 13px;
            left: -50px; 
            padding-right: 20px;
            padding-left: 50px;
            width: 260px;
            background: url('../images/bg/indexes_block.jpg') no-repeat 0 0;
        }

        .quotations.ov {background-position: 0 -40px; cursor: pointer;}
        .ib strong {display: inline-block;}
        .ib .row {padding-top: 1px; line-height: 13px;}
        .ib .currency {float: left; padding-right: 10px; position: relative;}

            /* in popo */
            .pop .ib .currency {padding-left: 28px; font-size: 11px;}
            .pop .ib .currency .time {position: absolute; top: 2px; left: -2px;}

        
        /* indexes */
        .ib .indexes {float: left; }
        .ib .indexes strong {width: 30px; padding-right: 3px;}
        .ib .indexes .row {width: 156px;}

            /* captions */
            .ib .value {color: #9debff; color: white;}

            .corner_panel .part {
                padding-left: 15px; 
                background-repeat: no-repeat; 
                background-position: -9000px -9000px;
                background-image: url('../images/bg/rating/blogs_rating.png'); 
            }
            .corner_panel .part.up {/*color: #93e228;*/ background-position: 1px 5px;}
            .corner_panel .part.down {background-position: 2px -43px;}

            .ib .time {color: #88b3d1; color: #cfebff; font-size: 10px; position: absolute; top: 2px; left: -30px;}
            .ib .row .time {position: static;}
            .currency_wrap {background: url('../images/bg/2dot.png') repeat-x left bottom; padding-bottom: 10px;}
            
            /*
                .ib  strong, 
                .ib .part, 
                .ib .time, 
                .ib .value {background-color: cornflowerblue;}
                .ib .part {display: none;}
                .ib .time {display: none;}
                .ib .value {display: none;}
            */

/* pop */
.corner_panel .pop {
    left:-48px;
    top:0;
    color: white;
    width: 327px;
    position: absolute;
    z-index: 1000;
    display: none;
    background: #106199 url('../images/bg/indexes_plate.png') no-repeat left top; 
}
.corner_panel .pop .in {
    padding: 9px 20px 14px; 
    font-size: 12px; 
    line-height: 13px;
    position: relative;
}

    /* arrows */
    .corner_panel .pop .cb {
        position: absolute;
        width: 9px;    
        height: 25px;
        bottom: 6px;
        cursor: pointer;
        /*border: 1px solid red; */
        background: url('../images/bg/indexes_arrow_up.png') no-repeat left top; 
    }
        .corner_panel .pop .lcb {left: 6px;}
        .corner_panel .pop .rcb {right: 6px;}


    /* entry */
    .corner_panel .pop .entry.last table {margin-bottom: 0;}
    .corner_panel .pop .entry .header {
        display: block;
        font-weight: bold; 
        color: #7abbe9; 
        border-bottom: 1px solid #2975aa; 
        margin-bottom: 5px;
        padding-bottom: 3px;
    }
    
        /* table */
        .corner_panel .pop .entry table {margin-bottom: 10px; width: 100%;}
        .corner_panel .pop .entry td {padding-right: 4px; padding-bottom: 3px;}
        .corner_panel .pop .entry .time {color: #cfebff; font-size: 10px;}
        .corner_panel .pop .entry .content {width: 100px;}
        .corner_panel .pop .entry .content_wide {padding-right: 15px;}
        .corner_panel .pop .entry .content_wide string {white-space: nowrap}
        .corner_panel .pop .entry .changing {text-align: left; width: 60px}

            
/* @RADIO */
.radio_block {
    background: url("../images/kommersant_radio_logo.png") no-repeat scroll 173px 4px transparent;
    color: white;
    font-size: 14px;
    left: 412px;
    padding-top: 13px;
    position: absolute;
    top: -13px;
    width: 250px;
    
    width: 241px;
    left: auto;
    right: 38px;
}

.radio_block .link {color: white; font-size: 14px;}

.radio_block .promo_link {
    right: -39px;
    top: 25px;
    position: absolute;
}

.radio_block div {padding-left: 14px; padding-bottom: 1px;}
.radio_block span {color: #8cbfe1;}
.radio_block a {font-size: 12px; color: #8cbfe1;}
.radio_block a.listen {
    font-size: 14px; 
    color: white; 
    padding-left: 14px; 
    background: url('../images/bg/radio/listen.png') no-repeat 2px 5px; 
}
            
            

/* @MENU */
#header .menu              {clear: both; height: 44px; padding-top: 7px; overflow: hidden;}
#header .menu ul           {font-size: 24px; margin-left: -7px; width: 640px;}
#header .menu ul li        {margin: 0 8px 0 7px;}
#header .menu ul li a      {color: #47b4ff; text-decoration: none;}
#header .menu ul li a span {text-decoration: underline; cursor: pointer;}
#header .menu ul li a:hover span {text-decoration: none;}

    #header .menu ul li,
    #header .menu ul li.active a span,
    #header .menu ul li.active strong span {padding-top: 7px;}

    /* active */
    #header .menu ul li.active {padding-top: 0;}

    #header .menu ul li.active a,
    #header .menu ul li.active strong {
        outline: 0;
        color: white;
        font-weight: bold;
        padding-right: 10px;
        padding-bottom: 17px;
        background: #1b77b7 url('../images/bg/menu_main_tab.png') no-repeat right top;
    }

    #header .menu ul li.active a span,
    #header .menu ul li.active strong span {
        padding-left: 10px;
        text-decoration: none; 
        border-bottom-width: 0; 
        background: transparent url('../images/bg/menu_main_tab.png') no-repeat left top;
    }
    
    #header .menu ul li.active a.simple span {text-decoration: none;}
    #header .menu ul li.active strong {cursor: default;}
    
    #header .menu ul li.active a span {text-decoration: underline;}
    #header .menu ul li.active a:hover span {text-decoration: none;}

    /* write */
    #header .menu ul li a.write {
        margin-left: 10px;
        margin-top: 3px;
    }

        /* common */
        #header .menu ul li,
        #header .menu ul li a,
        #header .menu ul li a span,
        #header .menu ul li strong,
        #header .menu ul li strong span {float: left;}

        
.flat_menu li {float: left;  padding-right: 10px; position: relative;}
.flat_menu li ul {
/*
    left: 0;
    top: 20px;
    padding: 10px;
    position: absolute;
    background-color: white;
    */
    background-color: #FAFAFA;
    padding: 10px;
    border-bottom:1px solid #EEEEEE;
    margin-left: -10px;
}
.flat_menu li ul li {
    float: none;
    padding-right: 0; 
    display: block; 
    font-size: 12px; 
}
        
/* @SUBMENU */
#header .submenu            {color: white; text-transform: uppercase;    overflow: hidden; height: 38px;}
#header .submenu ul         {margin-right: 15px; margin-right: 40px;}
#header .submenu ul li      {}
#header .submenu ul li.last {margin-right: 0;}
#header .submenu ul li.important {margin-left: 15px; font-weight: bold;}
#header .submenu ul {}
#header .submenu {} 

    #header .submenu ul,
    #header .corner_panel ul {margin-top: 8px; overflow: hidden; height: 27px;}

    #header .submenu ul li,
    #header .corner_panel ul li {float: left; margin-right: 15px; padding-top: 6px;}

    #header .submenu ul li a,
    #header .corner_panel ul li a {text-transform: uppercase; color: #CFEBFF;}

    /* active */
    #header .submenu ul li a.active {font-weight: bold; text-decoration: none; cursor: default;}
    
    #header .corner_panel ul {margin-top: 18px;}


/* @MENU_CAPTION */
#header .menu_caption {
    float: left; 
    color: white; 
    padding-top: 14px;
    padding-right: 7px;
    text-transform: uppercase;
}
    

/* @SELECTOR */
#header .selector {
    float: left;
    clear: right;
    color: #cfebff;
    margin-top: 12px;
    margin-right: 15px;
    position: relative;
    text-transform: uppercase;
}

#header .selector a {color: #cfebff;}

    /* @SELECTED */
    #header .selector .selected {
        display: inline; 
        background: transparent url('../images/bg/selector/selected.png') no-repeat right top;
        padding-right: 3px;
        float: left;
        color: #cfebff;
    }
    
    #header .selector .selected.disabled {visibility: hidden;}

        #header .selector .selected div {
            float: left;
            height: 22px;
            padding-top: 2px;
            padding-left: 7px;
            padding-right: 3px;
            display: inline-block;
            background: transparent url('../images/bg/selector/selected.png') no-repeat left top;
        }
    
        /* list */
        #header .selector.list .selected div span.switch,
        #header .selector div.list ul li dfn.switch {
            background-image: url('../images/bg/selector/selected_tick.png');
            background-repeat: no-repeat;
            background-position: right 7px;
            padding-right: 13px;
        }
        
        #header .selector div.list ul li dfn.switch {background-position: right -94px;}
        
            /* hover */
            #header .selector.list .selected div span.switch:hover {background-position: right -43px;}
            /*#header .selector div.list ul li dfn.switch:hover {background-position: right -144px;}*/
            
    
        #header .selector .selected div span {cursor: pointer;}
        #header .selector div em.new {color: #07f040; padding-left: 3px; font-style: normal;}

    
    /* @LIST */
    #header .selector div.list {
        display: none;
        top: -2px;
        left: 3px;
        position: absolute;
    }
   
        #header .selector div.list.open {display: block;}
        #header .selector div.list ul {
            left: -3px;
            position: relative;
            white-space: nowrap;
            background: transparent url('../images/bg/selector/list.png') no-repeat left bottom;
        }

        #header .selector div.list ul li    {padding-right: 1px; line-height: 22px;}
        #header .selector div.list ul li a  {text-decoration: none;}

        #header .selector .selected div span span,
        #header .selector div.list ul li a span,
        #header .selector div.list ul li strong span {
            background: transparent url('../images/bg/selector/list_point.png') repeat-x left top;
        } 
    
            /* hover */
            #header .selector .selected div span:hover,
            #header .selector div.list ul li a:hover span,
            #header .selector div.list ul li .active span {background-position: left bottom; color: white;}
    
        /* active */
        #header .selector div.list ul li .active {color: white;}
        #header .selector div.list ul li .active span {background-image: none; text-decoration: none; cursor: default;}

        /* wrap */
        #header .selector div.list .ul_wrap {
            background: transparent url('../images/bg/selector/list.png') no-repeat right bottom;
            padding-right: 3px;
        }


        /* first */
        #header .selector div.list ul li.first {
            background: transparent url('../images/bg/selector/list_top.png') no-repeat right top;
            position: relative;
            right: -6px;
            padding-right: 3px;
            padding-left: 0;
            padding-bottom: 0;
            padding-top: 0;
            line-height: 15px;
        }
    
        #header .selector div.list ul li.first div {
            display: block;
            background: transparent url('../images/bg/selector/list_top.png') no-repeat left top;
            position: relative;
            left: -6px;
            padding-top: 5px;
            padding-bottom: 4px;
        }

        /* last */
        #header .selector div.list ul li.last {padding-bottom: 4px;}
    
            #header .selector div.list ul li,
            #header .selector div.list ul li.first div {padding-left: 7px;}


        /* fav */
        #header .selector div.list ul li .fav {background: transparent url('../images/icons/header_fav.png') no-repeat right 1px; padding-right: 21px;}
    

    #header .selector .selector_separator {
        background: url('../images/bg/selector/separator.png') no-repeat left top; 
        width: 3px; 
        height: 19px;
        float: left; 
        /*margin-right: -4px;*/
        margin-left: 10px;
        margin-top: 3px;
    }
    

/* @SEARCH_PANEL */
#header .search_panel {margin-top: 27px; overflow: hidden; /*width: 240px;*/}
#header .search_panel div {
    position: relative;
    padding-right: 72px;
    height: 24px;
}

#header .search_panel div input {
    background-color: white; 
    border: 1px solid #b5cbd5;
    width: 168px;
    padding: 3px 2px;
    height: 16px;
    width: 100%;
}

#header .search_panel input.submit {
    width: 61px;
    height: 24px;
    background: transparent url('../images/buttons/find.png') no-repeat left top;
    border: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    
}


        
/* @CORNER_PANEL */
#header .corner_panel {margin-top: 10px; position: relative; height: 40px}

    /* icon */

        
        
        
/* @BLOCKS */
#content .block h3, .block h3, #content h3.inblock {font-size: 24px; font-weight: normal; padding-bottom: 5px;}

.block.blogs h3,
.block.stream h3 {margin-bottom: 14px;}


    /* news */
    .block.news       {line-height: 15px; margin-top: 10px;}
    .block.news dl    {font-size: 12px;}
    .block.news dl dt {padding-top: 4px;}
    .block.news dl dd {padding-bottom: 7px; margin-bottom: 4px;}
    
        .block.news dl dt.important {background-color: #eeeeee;}
        .block.news dl dd.important {background-color: #eeeeee;}
        .block.news dl dd.important a {color: #c52020;}
        
            .block.news dl dt.important,
            .block.news dl dd.important {
                /*
                position: relative;
                z-index: 10;
                */
                margin-left: -7px; 
                margin-right: -7px;
                padding-left: 7px;
                padding-right: 7px;
            }


    /* poll */
    .block.poll       {}
    .block.poll p     {font-size: 14px; padding-top: 4px; line-height: 15px;}
    .block.poll ul    {}
    .block.poll ul li {/*line-height: 15px;*/}

        /* question */
        .block.poll ul.question      {margin-bottom: 15px;}
        .block.poll ul.question li   {
            padding-bottom: 10px; 
        }
        .block.poll ul.question li a {
            padding-left: 18px; 
            text-decoration: none;
            background: url('../images/bg/poll_indicator.png') no-repeat left 5px; 
        }
        .block.poll ul.question li a span {text-decoration: none; border-bottom: 1px dashed #2081c5;}
        .block.poll ul.question li a:hover {background-position: left -45px;}
        .block.poll ul.question li a:hover span {color: black; border-bottom-color: black;}
        
        
        .post_content .block.poll ul.question li a {background-position: left 8px;}
        .post_content .block.poll ul.question li a:hover {background-position: left -42px;}
        
        /* results */
        .block.poll ul.results li {padding-left: 18px;}
        .block.poll ul.results li.answered {background: url('../images/bg/poll_indicator.png') no-repeat left -45px;}
        .block.poll ul.results span.count {color: #2081c5;}
        
        .post_content .block.poll ul.results li.answered {background-position: left -42px;}
        
            /* graph */
            .block.poll ul.results .graph        {height: 3px; margin-bottom: 10px; min-width: 1%; font-size: 0; line-height: 0; background-color: #aeaeae;}
            .block.poll ul.results .graph.normal {/*background-color: #aeaeae;*/}
            .block.poll ul.results .graph.most {background-color: #2081c5; }
            
    .topic_question_area {margin-bottom: 10px; font-size: 12px;}
    .post .topic_question_area {margin-bottom: 0;}
    .post .topic_question_area {font-size: 16px;}
    
    .poll_notice {padding-bottom: 10px; }
    .poll_notice span {background-color: #fffb85; display: inline-block; padding: 0 4px;}


    /* day_pic */
    .block.day_pic             {padding-top: 45px;}
    .block.day_pic div.img     {padding: 3px 0 0; float: left; clear: both; padding-top: 18px;}
    .block.day_pic div.img img {border: 1px solid #e9edef; padding: 4px;}

    .block.day_pic div.img div {
        width: 190px;
        color: #787878;
        display: block;
        padding: 0 5px;
        font-size: 13px;
        font-style: italic;
        text-align: center;
        margin: 5px 0 13px;
        /*background: transparent url('../images/dot.png') repeat-x 0 50%;*/
    }

    .block.day_pic div.img div span {display: inline-block; padding: 0 5px; background: white;}


    /* blogs */
    .block.blogs ul.blogs          {font-size: 12px;}
    .block.blogs ul.blogs          {}
    .block.blogs ul.blogs li       {overflow: hidden;}
    .block.blogs ul.blogs li div   {width: 85%; float: left;}
    .block.blogs ul.blogs li div a {color: #787878; }
    .block.blogs ul.blogs li span  {width: 15%; float: right; text-align: right;}


    /* banner */
    .rightcol .block.banner {margin-top: 35px; margin-bottom: 35px; text-align: center;}

        .rightcol .block.banner,
        .rightcol .block.blue_box {margin-left: 1px !important;}
        .rightcol .block.banner a {color: #000; text-decoration: none;}


    /* blue_box */
    .block.blue_box {}
    .block.blue_box .wrap {padding: 17px 0 0 19px; background: transparent url('../images/bg/box_invite.png') no-repeat right top;}
    .block.blue_box .wrap .wrap_in {padding: 0 30px 14px 0; background: transparent url('../images/bg/box_invite.png') no-repeat right bottom;}
    .block.blue_box div.img {padding-bottom: 6px;}
    .block.blue_box p        {font-size: 13px; line-height: 18px; padding-bottom: 10px;}
    .block.blue_box p strong {font-size: 16px;}
    
        .block.blue_box ul.socials {font-size: 13px; margin-bottom: 8px;}
        .block.blue_box ul.socials li {float: left; padding-right: 7px;}
        .block.blue_box ul.socials li a {background-repeat: no-repeat;}
        .block.blue_box ul.socials li span {line-height: 15px;}
        
        .block.blue_box ul.socials li.twitter {padding-right: 9px;}
        .block.blue_box ul.socials li.facebook {padding-right: 0;}

    .block.blue_box h4 {font-size: 34px; line-height: 37px; font-weight: normal;}
    .block.blue_box h4 span {display: block; font-size: 21px; padding-top: 1px; line-height: 20px;}

    /* stream */
    .block.stream ul.stream             {font-size: 12px;}
    .block.stream ul.stream             {margin-top: 1px;}
    .block.stream ul.stream li          {padding-bottom: 11px;}
    .block.stream ul.stream li .blog    {color: #787878; text-decoration: none;}
    .block.stream ul.stream li .author  {color: #3c3c3c; text-decoration: none;}
    .block.stream ul.stream li .comment {}
    
    .block.stream .rss {background-position: 0 4px;}
    
    
    /* top */
    .block .record {padding: 10px 0; border-bottom: 1px solid #e9edef;}
    .block .record h4 {padding-bottom: 10px; margin-top: 0; line-height: 20px;}
    .block .record a {font-size: 16px; line-height: 20px;}
    .block .record_author {margin-bottom: 0;}
    .block .record.last {border-bottom-width: 0; padding-bottom: 5px;}
    
    .block.top .content {padding-bottom: 10px;}
    .block.top {font-size: 14px;}
    
    .block.blue_box .record {border-bottom-color: #c9dae4;}
    
        /* blog_info */
        .blog_information {padding-left: 30px; font-size: 13px; color: #787878;}
        .blog_information img {margin: 5px 5px 0 0;}
        .blog_information strong {color: #3c3c3c;}

            #content .blog_information p {line-height: 20px; padding-bottom: 15px;}
        


    /* panel */
    .leftcol .block.panel,
    .rightcol .block.panel {font-size: 14px;}


    /* bottom blocks */
    .bottom_blocks {
        padding: 20px 0 15px 4%;
        margin: 0 -5% 0 0; 
        background: #edf3f6 url('../images/bg/bottom_blocks.png') repeat-x left top; 
    }

    
/* @BANNERS */
.stretch_banner {padding: 30px 0;}
.front .stretch_box {margin-right: -21px;}



.blogs_rating {}
.blogs_rating th {font-size: 10px; color: #787878;}
.blogs_rating td {padding-bottom: 5px; font-size: 14px;}
.blogs_rating td.ind {
    padding-left: 15px; 
    background-repeat: no-repeat;
    background-image: url('../images/bg/rating/blogs_rating.png');
    background-position: 0 -96px; 
}
.blogs_rating td.ind.up {background-position: 0 6px; }
.blogs_rating td.ind.down {background-position: 0 -43px; }
.blogs_rating td a {color: black; }



/* @CONTENT */
#content {text-align: left; font-size: 16px;}

    /* @COMMON */
    body.common #content {padding: 10px 20px 40px 20px;}
    
        /* inner */
        body.common.inner #content {padding-right: 50px; padding-left: 30px;}
    
    /* @LITE */
    body.lite #logo_block {padding-top: 105px; padding-bottom: 30px;}
    body.lite #logo_block .logo, 
    body.lite #logo_block .logo2 {margin-left: -29px;}

        /* content */
        body.lite #content       {width: 710px;}
        body.lite #content .note {padding-left: 100px;}
    
    

/* @PAGING */
.paging                         {text-align: center; margin-top: 30px;}
.paging h4                      {font-size: 18px; margin-top: 0; padding-bottom: 15px; text-transform: uppercase;}
.paging ul                      {font-size: 16px; font-weight: bold; text-align: center; }
.paging ul li                   {/*padding-right: 3px; */display: inline;}
.paging ul li a                 {cursor: pointer;}
.paging ul li a:visited         {color: #2081c5;}
.paging ul li strong            {color: white;}
.paging ul li a span span       {text-decoration: underline;}
.paging ul li a:hover span span {text-decoration: none;}

.pages_list {position: relative;}

    .paging ul li a, 
    .paging ul li strong {padding-right: 4px;}
    
    .paging ul li a span, 
    .paging ul li strong span {padding-left: 4px;}
    
    .paging ul li a span span, 
    .paging ul li strong span span {padding: 4px 6px 0; line-height: 22px;}

    .paging ul li a,
    .paging ul li span, 
    .paging ul li strong {
        height: 33px;
        display: inline-block;
        background-repeat: no-repeat; 
        background-image: url('../images/bg/paging/pages.png');
    }
    .paging ul li a span span, 
    .paging ul li strong span span {height: auto;}


        /* background-position */
        .paging ul li a {background-position: right top;}
        .paging ul li a span {background-position: left top;}
        .paging ul li a span span {background-position: -4px top;}
    
        .paging ul li strong {background-position: right -40px;}
        .paging ul li strong span {background-position: left -40px;}
        .paging ul li strong span span {background-position: -4px -40px;}
    
        .paging ul li a.nav {background-position: right -120px; text-decoration: none;}
        .paging ul li a.nav span {background-position: left -120px;text-decoration: none;}
        .paging ul li a.nav span span {background-position: -4px -120px;text-decoration: none;}

        .paging_fix {margin-left: 10px;}

        /* nav & prev buttons */
        .paging a.nav span span {padding-left: 5px; padding-right: 6px;}
        .paging a.nav span span dfn {
            width: 10px;
            display: inline-block; 
            background-repeat: no-repeat; 
            background-image: url('../images/bg/paging/nav.png');

        }

        .paging a.nav.to_beg span span dfn {background-position: 0 4px;}
        .paging a.nav.prev span span dfn {background-position: -17px 4px;}
        .paging a.nav.next span span dfn {background-position: -37px 4px;}
        .paging a.nav.to_end span span dfn {background-position: -60px 4px;}


    /*
    .paging .nav {
        width: 90px;
        height: 26px;
        font-size: 12px;
        padding-top: 7px; 
        position: absolute;
        text-transform: uppercase;
        background-repeat: no-repeat; 
        background-image: url('../images/bg/paging/arrows.png'); 
    }

    .paging .nav span {}
    .paging .nav.prev {
        top: 0;
        left: -17px;
        text-align: left;
        padding-left: 20px;
        background-position: left top;
    }

    .paging .nav.next {
        top: 0;
        right: -17px;
        text-align: right;
        padding-right: 20px;
        background-position: right -40px;
    }
    */



/* @POST */
.post {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e9edef;}
.post h1 {padding-bottom: 14px;}
.post h2 {font-size: 24px; line-height: 24px; padding-bottom: 5px !important;}
.post h2 a {color: black !important; text-decoration: none; outline: 0;}
.post h2 a:hover {text-decoration: underline;}
.post.simple {border-bottom: 0; }

    .recomendations .post {padding-top: 0;}
    #content .recomendations .post h2 {padding-bottom: 10px; padding-bottom: 5px !important;}
    .recomendations .post .tags {margin-bottom: 0;}

#content .recomendations {}
#content .recomendations .incol {}
#content .recomendations .incol .two_recs {padding-right: 0; margin-right: 25px; border-bottom: 1px solid #E9EDEF;}
#post .post_content {line-height: 25px;}

.post .userpic {margin-top:2px;}

    /* top */
    .post .post_top   {padding-bottom: 14px;}
    .post .post_top a {color: #787878; text-decoration: none;}
    .post .post_top a:hover {text-decoration: underline;}
    
    .post .post_top a.favourite {padding-top: 3px; width: 16px; margin-top: -3px; height: 15px; overflow: hidden; padding-left: 0; outline: 0;}
    .post .post_top a.favourite span {line-height: 12px; margin-left: 20px; border-bottom: 1px dashed #787878; float: left; text-decoration: none; cursor: pointer;}
    .post .post_top a.favourite:hover, .post .post_top a.favourite.active {background-position: 0 -118px;}
    .post .post_top a.favourite:hover span {/*border-bottom-width: 0;*/}
    .post .post_top a.favourite.wide {width: auto;}
    
    .post div.read_moar {margin-top: 10px;}
    
    /* info */
    .record_author                      {overflow: hidden;}
    .record_author div.author_info      {font-size: 13px; overflow: hidden; line-height: 13px;}
    .record_author div.author_info a    {font-weight: bold;}
    .record_author div.author_info span {color: #787878; display: block; padding-top: 2px;}
    
    .post .record_author {margin-bottom: 10px;}
    .block .record_author {margin-bottom: 10px;}
    
    /* content */
    .post .post_content {margin-bottom: 10px; overflow: hidden;}
    #post .post_content, #content p {efont-size: 16px; line-height: 25px;}
    body.inner .post .post_content {line-height: 20px;}
    .post .post_content img {margin: 0 15px 0 0; display: block;}
    .post .post_content p {font-size: 16px;}

    /* tags */
    .post .tags {font-size: 12px; color: black; margin-bottom: 10px;}
    .post .tags a {color: #787878;}
    .post .tags a:hover {text-decoration: none;}
    
    /* comments */
    .post_comments {}
    .post_comments a.comments_link {font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none;}
    .post_comments a.comments_link strong {font-size: 13px;}
    .post_comments a.comments_link:hover {text-decoration: underline;}

    
    /* inner */
    #post .tags span, 
    #post .vote span.l {font-size: 18px; text-transform: uppercase; letter-spacing: 1px;}
    #post .tags a {font-size: 14px;}

    #preview_box    {border-bottom: 1px solid #d8dfe3; padding: 0 0 30px 0; margin-bottom: 30px;}
    #preview_box h3 {color: #787878; font-size: 24px; margin-bottom: 10px; padding: 0; font-weight: normal;}
    #preview_box .buttons li {float: left; padding-right: 10px;}
    .preview_box {border: 1px solid #d8dfe3; padding: 20px 17px; margin-bottom: 10px; font-size: 14px;}
    

/* @PROMO */
.promo_block {padding: 20px 30px 10px 30px; margin-top: 10px;}
.promo_block .client_code {color: black; padding-bottom: 20px;}
.promo_block .client_code span {font-size: Arial; font-size: 12px;}
.promo_block .client_code strong {display: block; font: bold 40px/35px "Trebuchet MS"; letter-spacing: -0.05em}
.promo_block.active {background-color: #fafaf4;}

    /* @summary */
    .promo_block table.summary {margin-bottom: 20px;}
    .promo_block table.summary th {font: normal 12px Arial; border-bottom: 1px solid #ebebeb; padding-right: 20px; padding-bottom: 3px;}
    
    .promo_block table.summary td {padding-right: 20px; padding-top: 1px;}
    .promo_block table.summary td span.val {font-size: 20px; font-family: "Trebuchet MS";}
    .promo_block table.summary td span.percent {}
    
    /* @indicators */
    .promo_block table.indicators {margin-bottom: 0}
    .promo_block table.indicators th {
        color: #787878; 
        font: normal 11px Arial; 
        border-bottom: 1px solid #f1f1f1; 
        vertical-align: bottom;
        text-align: left;
    }
    .promo_block table.indicators td {padding-bottom: 2px; padding-top: 1px; color: #494949;}
    .promo_block table.indicators td.summary {font-family: "Trebuchet MS"; font-size: 20px; border-top: 1px solid #ebebeb; }

    
        /* common */
        .promo_block table th {padding-right: 20px; padding-bottom: 3px;}
        .promo_block table td {padding-right: 20px;}
        .promo_block table .last {padding-right: 0;}
        .promo_block table .plus {color: #06af2f;}
        .promo_block table .minus {color: #af0606;}
        .promo_block a {color: #1569a3; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* @COMMENTS */
.comments {padding-top: 30px;}
#comment_form {}
.comments_panel h3 {margin-top: 0;}
#update-comments {cursor: pointer;}
.recomendation_header {
    color: #3c3c3c;
    background: url('../images/bg/recomendations.png') no-repeat left 7px; 
    margin-left: -22px;
    padding-left: 22px;
}

.rc2 {
    /*background: url('../images/bg/recomendations.png') no-repeat left 7px;*/
    background-position: 0 -43px
}

/* @IMPORTANT POSTS */
.important_posts {border: 1px solid #ea1c3e; position: relative; margin-top: 10px;}
.important_posts {padding: 8px 8px 5px 8px;}
#content .important_posts h3.header {
    margin: 0; 
    color: #ea1c3e; 
    font-size: 12px;
    position: absolute;
    top: -13px;
    left: 8px;
    text-transform: uppercase;
}
#content .important_posts h3.header span {background: white; padding: 0 2px;}
#content .important_posts h2 {padding: 0; margin: 0; font-size: 24px; font-weight: bold;}
#content .important_posts h2 a {color:black; text-decoration: none;}
#content .important_posts h2 a:hover {text-decoration: underline;}
#content .important_posts .panel {color: #787878; font-size: 11px; display: block; padding-bottom: 3px;}






/* @FOOT */
body.common #foot {
    background: #083859 url('../images/bg/footer.png') repeat-x left top; 
    font-size: 16px;
    color: #b6cde7;
    padding: 0;
    padding-left: 0;
}

body.common #foot #foot_in {padding-left: 4%;}
body.common #foot .w30 {width: 30%;}
body.common #foot .centercol {width: 38% !important; padding-left: 0;}
body.common #foot .w31 {width: 31%;}

#foot_in .r a img {opacity: 0.5; filter: alpha(opacity=50);}
#foot_in .r a:hover img {opacity: 1; filter: alpha(opacity=100)}


#foot a.small {font-size: 10px;}
#foot .leftcol {}

    body.common #foot a {
        color: #b6cde7;
        margin-right: 15px;
    }

    /* header & footer bg */
    body.common #header {background-color: #0e4d79;}

    body.common #foot_in {padding-top: 35px;}
    body.common #foot_in .centercol div {/*padding-left: 20px;*/}

    /* layout size */
    body.common #root, body.common #foot_in {
        margin: 0 auto;
        text-align: left;
    }
    
    body.common #header,
    body.common #main_container,
    body.common #bottom_blocks_in,
    body.common #foot_in {
        min-width: 990px;
        max-width: 1400px;
        /*width: 1000px; */
        margin: 0 auto;
    }

    /* footer */
    body.common #root {margin-bottom: -114px;}
    body.common #foot, body.common #dummy {height: 114px;}
    body.common #foot {}

    
    /* @LITE */
    body.lite #dummy, 
    body.lite #foot {height: 65px; clear: both;}
    body.lite #root {margin-bottom: -65px;}
   
    body.lite #root, 
    body.lite #foot {padding-left: 25%;}
    
    body.lite #foot {color: #b6cde7; text-align: left;}
    
#dummy {clear: both;}
.direct_ad {padding-bottom: 15px;}
.direct_ad.incomments {margin-top: -15px;}
.direct_ad.inposts {padding-top: 15px;}

.top_banner {}
.top_banner img {}

/*
#header .l {background-color: pink;}
#header .r {background-color: #07f040;}
#rightcol {background-color: #ffea8d; background-image: none; }
.centercol {background-color: #cfebff;}
*/