@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("habrahabr.ru") {

/*
 * Habrahabr - Prettifier v3.5 (04.03.14)
 * http://userstyles.org/styles/11900/
 * @author: almlex (http://almalexa.habr.ru/)
 */ 


#footer:before { content:"Habrahabr Prettifier v3.5 by almlex (almalexa.habr.ru)"; }

/* ADs Blocking */
#topline, /* Head AD stripe */
.sidebar_right [class^=banner], /* Sidebar Banner */
#header [class^=banner] /* Menubar Banner */ {
    display:none !important;
}

/* Main Layout */
#layout {
    padding:0 34px 0 34px !important;
}

#layout .wrapper .inner {
    padding-bottom:13px !important;
}

.content_left {
       margin-right:20px !important;
       width:880px !important;
}
    
@media (max-width: 1300px) { 
	.content_left {
       margin-right:15px !important;
       width:810px!important;
    }
}


@media (max-width: 1200px) { 
	.content_left {
       width:710px!important;
    }
}


@media (max-width: 1100px) { 
	.content_left {
       width:630px!important;
    }
}

body[style*=background] .content_left {
    width:650px !important;
    margin-right:44px !important;
}
    
#xpanel {
    top:45% !important;
}

.to_top {
    top: auto !important;
    bottom: 0 !important;
    right:0 !important;
    left:auto !important;
}

.to_top_panel {
    height:40px !important;
    border-radius:5px 0 0 0;
}

.to_top .close_panel {
    font-size:8px !important;
    bottom:5px !important;
}

/* Header */

/* Logo */
#header {
    clear:both !important;
    padding-bottom:10px !important;
}

#header .body { /* Branded blog header padding fix */
    position:relative !important;
    margin-top:-10px !important;
    top:8px !important;
}

#header > .logo {
    margin:-10px 10px 0 -33px !important;
    background-position:-76px -197px !important;
    height:55px !important;
    width:111px !important;
} 
#header .logo:hover {
    background-position:-76px -327px !important;
}

/* User Info */
#header > .userpanel {
    left:auto !important;
    right:-8px;
    top:4px !important;
    width:480px !important;
    text-align:right !important;
    white-space:nowrap !important;
}

#header > .userpanel .top, #header .userpanel .bottom {
    display:inline-block
}

#header .userpanel a {
    margin-right:7px !important;
}
#header .userpanel a.username {
    margin-right:0 !important;
}
#header .userpanel a.nav-settings {
    margin-left:7px !important;
}


#header > .userpanel .bottom > a:last-child {
    margin-right:0 !important;
}

#header > .userpanel .charge {
    clear:both;
    visibility:hidden;
    width:auto;
    margin:-3px 0 0 5px !important;
    color:#6DA3BD !important;
    text-align:right !important;
    font:10px/1 Tahoma, sans-serif !important;
}
#header > .userpanel:hover .charge {
    visibility:visible;
}

/* Search Bar */
#header > .search {
    top:36px !important;
    right:-8px !important;
}

.search form input[type=text],
.search_panel form input[type=text] {
    border:1px solid #DDD !important;
    box-shadow:0 1px 3px #eee inset;
    border-radius:3px;
    color:#AAA !important;
}

.search form input[type=text]:focus,
.search_panel form input[type=text]:focus {
    border-color:#CCC !important;
    color:#555 !important;
}

/* Autocomplete */
.autocomplete {
    width:234px !important;
    border-color:#D2D2D2 !important;
    border-radius:5px;
    box-shadow:0 2px 5px rgba(0,0,0,.08);
}
.autocomplete > div {
    padding:5px 7px !important;
    margin-bottom:0 !important;
}


/* Main Menu */

#header > .main_menu {
    position:absolute;
    top:14px;
    left:6%;
    padding-top:0 !important;
    font-size:23px !important;
}

@media (max-width: 1100px) { 
    #header > .main_menu {
        font-size:20px !important;
        top:15px;
    }
}

#header > .main_menu a {
    margin-right:14px !important;
}

/* Content */

table.menu td.item a, table.menu td.item span.disabled {
    background: -moz-linear-gradient(
                                    top,
                                    rgba(255,255,255,.4) 0%,
                                    rgba(255,255,255,0) 100%
                                    ) !important;
                                    
    background: -webkit-linear-gradient(
                                        top,
                                        rgba(255,255,255,.4) 0%,
                                        rgba(255,255,255,0) 100%
                                        ) !important;
                                        
    background: linear-gradient(
                                top,
                                rgba(255,255,255,.4) 0%,
                                rgba(255,255,255,0) 100%
                                ) !important; 
    background-color: #eaecea !important;
    box-shadow:0 -1px 0 rgba(0,0,0,.05) inset !important;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
    border-radius:10px 10px 3px 3px !important;
}
table.menu td.item a:hover {
    background-color:#E4E6E4 !important;
    color:#444 !important;
}

table.menu td.item.active a {
    background-color: #D3E2F0 !important;
    box-shadow:none !important;
    border-radius:10px 10px 0 0 !important;
}

.content_left .submenu {
    border-radius:0 0 6px 6px !important;
    box-shadow:0 -1px 0 rgba(0,0,0,.03) inset !important;
}

/* Entries */

/* "Read More" button */

.post .buttons {
    padding:15px !important;
    overflow:hidden;
}

.post .button.habracut,
.post .button.habracut:hover,
.post .button.habracut:active {
    background: transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 1px 2px !important;
    font-size:14px !important;
    color:#6DA3BD !important; /* 4d7285 */
    text-shadow: 0 1px 0 rgba(0, 0, 0, .09) !important;
    border-bottom:1px dotted !important;
}

.post .button.habracut:hover {
    color:#4d7285 !important; /* 4d7285 */
}


/* Sidebar */

#layout > .sidebar_right .block {
    background: transparent !important;
    border-radius:0 !important;
    padding:10px 15px !important;
    margin-bottom:15px !important;
}  

.sidebar_right .block.habralenta_settings .mail_subscription_settings { background-color: #eee !important; }

#layout > .sidebar_right .block > .title {
    color:#6DA3BD !important;
    font-size:20px !important;
    margin-bottom:15px !important;
}

/* Little Sidebar Tweaks */

.sidebar_right .daily_best_posts sup {
    font-size:20px !important;
    vertical-align:inherit !important;
}

.sidebar_right .daily_best_posts img[alt="Toster"] {
    display:none !important
}

/* Comments */

.comment_item .reply_comments {
    margin-top:15px !important;
}

.comment_item .info {
    font:11px/18px Tahoma,sans-serif !important;
    background:#f9f9f9 !important;
    border-bottom:1px #E0E0E0 solid !important;
    padding:3px 5px 4px !important;
    border-radius:4px;
}

.comment_item .info.is_new {
    background:#f1f7f9 !important;
    border-color: #d3e8f2 !important;

}

.comment_item .info.is_topic_starter {
    background:#f5fce5 !important;
    border-color:#dae0cc !important;
}
    
.comment_item .info a.avatar {
    margin:1px 10px 0 2px !important;
}

.comment_item .info a.to_parent {
    font-size:12px !important;
    line-height:1.2 !important;
}

.comment_item .message {
    padding:7px 0 6px 5px !important;
}

.comment_item .info .voting {
    margin:4px 5px 0 5px !important;
    line-height:1.2 !important;
}

.comment_item .info .voting > a,
.comment_item .info .voting > span {
    margin-right:2px !important;
}

.comment_item .info time .time_changed {
    visibility:hidden !important;
    display:inline-block;
    word-spacing:-999px;
    letter-spacing: -999px;
    width:13px;
    height:9px;
}

.comment_item .info time .time_changed:before {
    content:' ';
    visibility:visible;
    display:inline-block;
    position:relative;
    height:9px;
    width:9px;
    top:0;
    left:7px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAb1BMVEUAAACBtM5PlKYpgIlso8NopMC9AQHeBgagAABso8NTWl3aAQFpFRWVAABVVVWBscsuOjwYGBhVVVVPlKYkYGZso8NppMCuGxupfwBgm7GAs86pfwA9h5IpgIluVQVPYTYYd3sLCAD/9t3/////iIjAH8F6AAAAIXRSTlMA88hJQsFMesE7drCKXjXvhkMEyXtGwpQpqvJmxFCljAqzb3ZPAAAAPklEQVR4XiXGxRHAQAgAQM4t7u7915gB9rVAGpcsrxg/TwnxzXKMNmVVc0TbYfpBSIWZ5oUD67PtQO7jvCg/aC0CqnoA0/MAAAAASUVORK5CYII=')
}
/* Text Editor */

.editor {
    width:99% !important;
}
.editor .panel {
    float:none !important;
    clear:both !important;
    width:auto !important;
    overflow: hidden;
    background: -moz-linear-gradient(
                                    top,
                                    rgba(255,255,255,.3) 0%,
                                    rgba(255,255,255,0) 100%
                                    ) !important;
                                    
    background: -webkit-linear-gradient(
                                        top,
                                        rgba(255,255,255,.3) 0%,
                                        rgba(255,255,255,0) 100%
                                        ) !important;
                                        
    background: linear-gradient(
                                top,
                                rgba(255,255,255,.3) 0%,
                                rgba(255,255,255,0) 100%
                                ) !important; 
    background-color: #eaecea !important;
    border-radius:5px 5px 0 0;
    border:1px solid #DDD !important;
    border-bottom:0 !important;
    box-shadow:0 1px 0 #FFF inset;
    padding:4px 5px 3px !important;
}

.editor .wysiwyg_wrapper > a {
    margin:0 1px !important;
    padding:0 1px !important;
    border-radius:3px;
}

.editor .wysiwyg_wrapper > a:hover {
    background: #F9F9F9 !important;
}

.editor .text-holder {
    border:1px solid #DDD !important;
    box-shadow:0 2px 5px #eee inset;
    border-radius:0 0 5px 5px;
}

.editor .text-holder textarea {
    width:99% !important;
    padding:3px !important;
}

/* Headers' Font Sizes */

.user_header h2.username,
.user_header .karma .score .num,
.user_header .rating .num {
    font-size:30px !important;
}

.user_header h2.username {
    line-height:45px !important;
}

/* Rotated Posts */
.rotated_posts {
    text-align:center;
    padding:17px 0 2px !important;
}
.rotated_posts .rotated_post {
    display:inline-block !important;
    float:none !important;
    vertical-align:middle !important;
    width:31% !important;
    margin-right:3% !important;
    line-height:1.2 !important;
}
.rotated_posts .rotated_post.last {
    margin-right:0 !important;
}


/* Footer */
#footer {
    position:relative !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    clear:both;
    padding-top:15px !important;
    overflow:visible !important;
    font:11px/1 Tahoma,Arial,sans-serif !important;
    padding-right:170px !important;
    margin-bottom:15px !important;
}

.wrapper .inner #footer {
    margin-bottom:0 !important;
}

#footer:before {
    position:absolute;
    display:block;
    color:#BBB;
    font:10px/1 Arial,sans-serif;
    text-align:right;
    right:1px;
    top:-13px;
}

#footer dl {
    float:none !important;
    width:378px !important;
    padding:1px 0 0 13px !important;
}

#footer dl:last-of-type {
    width:500px !important;
}

#layout .wrapper .inner #footer dl {
    padding:1px 0 0 8px !important;
}

#footer dl,
#footer dt,
#footer dd {
    display:inline-block !important;
}

#footer dl.user,
#footer > dl:first-child,
#layout .wrapper .inner #footer dl.user {
    display:block !important;
    padding-bottom:5px !important
}

#footer dt:after {
    content:":";
}
#footer dd:not(:last-child):after {
    content:",";
}

#footer .copyright {
    float:right !important;
    position:absolute;
    right:0;
    top:17px;
    width:170px !important;
    margin:0 !important;
    line-height:1.15 !important;
}

#footer .copyright .about {
    width:120px !important;
    line-height:.8 !important;
}

}