.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

.header { height: 65px; border-bottom: 1px solid #fff; background: url("../images/head-bg.png") 0 0 repeat; }
.header .wrap, .main-menu { margin: 0 auto; position: relative; width: 100%; max-width: 1000px}
.logo { margin-left: -10px; margin-right: 13px; cursor: pointer; width: 290px; height: 77px; background: url("../images/logo.png") 0 0 no-repeat; display: inline-block; float: left; }
.logo:hover { background: url("../images/logo.png") 0 -77px no-repeat; }
.login { float: left; position: absolute;left: 280px;top: 25px;}
.login li {
    margin-left: 15px; position: relative; padding-left: 15px; padding-top: 5px;
    float: left; text-transform: uppercase; text-shadow:0 1px 0 rgba(255,255,255,0.6);
    font-family:"PT Sans Narrow", sans-serif; font-size:16px; line-height:110%; color: #484848;
}
.login li a, .menu li a { color: #484848; }
.login li a:hover, .menu li a:hover { color: #0e85e5; text-decoration: none; }
.login li:before, .menu li:before { height: 14px; width: 1px; background: #c3c3c3; position: absolute; left: 0; top: 6px; content: ''; }
.login li:after, .menu li:after { height: 14px; width: 1px; background: #fff; position: absolute; left: 1px; top: 6px; content: ''; }
.login li:first-child, .menu li:first-child { margin-left: 0; padding-left: 0; }
.login li:first-child:before, .login li:first-child:after, .menu li:first-child:before, .menu li:first-child:after { display: none; }
.login .label { margin-right: 8px; }

li.new-message-alert {
    background: url("../images/unread_mail.png") no-repeat scroll 15px -1px rgba(0, 0, 0, 0);
    padding: 0px 5px 20px 5px;
    color: #FFFFFF;
    margin-left: 5px;
}

.login li a.new-message {
    background: none;
    font-weight: bolder;
    font-size: 10px;
    color: #FFFFFF;
}

.choice a { margin-right: 1px; vertical-align: top; display: inline-block; padding: 0; width: 20px; height: 19px; }
.vk { background: url("../images/sprite-i.png") 0 0 no-repeat; }
.vk:hover { background: url("../images/sprite-i.png") 0 -19px no-repeat; }
.fb { background: url("../images/sprite-i.png") -20px 0 no-repeat; }
.fb:hover { background: url("../images/sprite-i.png") -20px -19px no-repeat; }
.tw { background: url("../images/sprite-i.png") -40px 0 no-repeat; }
.tw:hover { background: url("../images/sprite-i.png") -40px -19px no-repeat; }
.og { background: url("../images/sprite-i.png") -60px 0 no-repeat; }
.og:hover { background: url("../images/sprite-i.png") -60px -19px no-repeat; }
.head-right { float: right; margin-right: 1px; }
.menu { padding-top: 5px; padding-left: 5px; }
.menu li {
    margin-left: 7px; position: relative; padding-left: 10px;
    float: left; text-transform: uppercase; text-shadow:0 1px 0 rgba(255,255,255,0.6);
    font-family:"PT Sans Narrow", sans-serif; font-size:13px; line-height:110%; color: #484848;
}
.menu li.old { font-size: 14px; }
.menu li.rules { margin-left: 10px; margin-right: 5px;}
.menu li:before, .menu li:after { top: 1px; }
.sphinx-search-form { margin-top: 3px !important; width: 186px; background-image: url("../images/search.png"); float: none}
.sphinx-search-form input { width: 127px; }
.sphinx-search-form input.search_button { background-color: transparent; background-image: url("../images/search.png"); }

.main-menu { margin-bottom: 1px; }
.main { float: none; margin-top: 8px; padding-left: 2px; margin-bottom: 0; }
.main li, .sub li {
    position: relative; padding-left: 15px; margin-left: 15px; margin-bottom: 6px;
    font-family:"PT Sans Narrow", sans-serif; font-size:25px; font-weight:bold;
    line-height:110%; text-shadow:0 1px 0 #fff; float: left; text-transform: uppercase;
}

#sidebar .border h2, .box h2 {
    position: relative; padding-left: 20px; margin-left: 15px; margin-bottom: 6px;
    font-family:"PT Sans Narrow", sans-serif; font-size:20px; font-weight:bold;
    line-height:110%; text-shadow:0 1px 0 #EEEEEE; text-transform: none;
}

#sidebar .border h2 {
    margin-left: 3px;
    position: relative;
    padding-left: 0px;
    padding-top: 5px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 14px;
    line-height: 100%;
    color: #484848;
}

.main li a, .sub li a { color: #0b9de7; }
.main li a:hover, .sub li a:hover { color: #0c7fe1; text-decoration: none; }
.main li.active a, .sub li.active a { color: #666; }
.main li.active a:hover, .sub li.active a:hover { color: #444; }
.main li:before, .main li:after, .sub li:before, .sub li:after { height: 17px; width: 1px; background: #c5c5c5; position: absolute;  top: 5px; content: ''; }
.main li:before, .sub li:before { left: 0; }
.main li:after, .sub li:after { left: 1px; background: #fff; }
.main li:first-child, .sub li:first-child { margin-left: 0; padding-left: 0; }
.main li:first-child:before, .main li:first-child:after, .sub li:first-child:before, .sub li:first-child:after { display: none; }

.add_article_block {
    width: 100%;
}

.add_article_button {
    float: right;
    text-align: right;
    margin-right: 20px;
}


.add_article {
    margin: 13px 0px 2px 5px; padding: 0; background: none; float: none; width: auto; height: auto;
    font-family:"PT Sans Narrow", sans-serif; font-size:20px; font-weight:bold; line-height:110%;
    color: #119aed; text-shadow:0 1px 0 #fff; text-transform: uppercase; width: 250px;
}

span.add_article_note {
    font-size: 9px;
    color: #333;
    position: static;
    line-height: 0.9em;
    margin-left: 5px;
}

li.read_me {
    background-color: #FF0000;
    padding: 4px !important;
    border-radius: 4px;
    margin-top: -5px;
    text-shadow: none;
}

li.read_me a, li.read_me a:hover,li.read_me a:visited {
    color: #FFF;
}


.add_article span { margin-top: -1px; margin-right: 8px; vertical-align: top; display: inline-block; width: 23px; height: 25px; padding: 0; background: url("../images/sprite-i.png") 0 -38px no-repeat; }
.add_article:hover { color: #067de8; }
.add_article:hover span { background: url("../images/sprite-i.png") -23px -38px no-repeat; }

.sub { padding-left: 5px; margin-bottom: 4px; }
.sub li { font-size: 18px; text-transform: none; padding-left: 12px; margin-left: 10px; font-size: 15px}
.sub li:before, .sub li:after { height: 19px; top: 0; }
.sub li:before { background: #d6d6d6; }
ul.sub-toolbar {float: left;}
ul.sub-toolbar li {font-size: 14px}

.box li .counter, .sub li .counter {
    padding: 1px 3px 2px 3px; margin-top: 1px; margin-left: 5px;
    display: inline-block; background: #f45d2c; vertical-align: top;
    font-size:14px; color: #fff; text-shadow: none; line-height: 14px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    font-style:normal; font-weight:normal;
}

.box li .counter {
    font-size: 12px;
    background: #FFFFFF;
    color: #f45d2c;
    border: 1px solid #f45d2c;
}

.popular_authors li .counter {
    float: right;
}

.new-in-site sup {
    font-size: 8px;
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 0px 4px 0px 4px;
    border-radius: 5px;
    position: absolute;
    top: -2px;
    left: 57px;
    line-height: 1.8em;
}

@media (max-width: 760px) {
    .new-in-site sup {
        top: 0px;
        left: 63px;
    }
}

@media (max-width: 460px) {

    .new-in-site sup {
        top: 0px;
        left: 57px;
    }

    .login li {
        margin-left: 10px;
        padding-left: 10px;
    }

    .login li:before, .login li:after {
        display: none;
    }
}