/* menu left */

body.menu-left #header .wrap-content .wrap-social {
    margin-top: 10px;
    margin-bottom: 15px;
    min-width: 170px;
}

body.menu-left #logo-img {
    position: relative;
    overflow: hidden;
}

body.menu-left #logo-img img {
    position: absolute;
    border: 0;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

body.menu-left #header .wrap-content .content #wrap-menu-left,
body.menu-left #header .wrap-content .content,
body.menu-left #header .wrap-content {
    height: 100%;
}

body.menu-left #wrap-menu-left {
    position:relative;
    height:auto;
    margin:0 auto;
    z-index:7000;
    outline:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width: 100%;
}

body.menu-left #menu-left-scrollbar-track-inner {
    width:2px;
    height:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

body.menu-left #wrap-menu-left .scrollbar .thumb {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
}

body.menu-left #menu-left-scrollbar-thumb-inner {
    width:4px;
    height:100%;
    overflow:hidden;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    -opacity: 0.4;
    filter: alpha(opacity=40); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    zoom: 1;
}


body.menu-left #wrap-menu-left .disable {
    display: none;
    opacity: 0;
}

body.menu-left #wrap-menu-left { clear: both; }
body.menu-left #wrap-menu-left .viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

body.menu-left #wrap-menu-left .overview {
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0; top: 0;
}

body.menu-left #wrap-menu-left .scrollbar {
    position: absolute;
    top: 0;
    width: 6px;
    right: -14px;

    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body.menu-left.menu-big #wrap-menu-left .scrollbar {
    right: -32px;
}

body.menu-left .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



/* fix content */

html:not(.mobile) body.menu-left.menu-big .wrap-section,
html:not(.mobile) body.menu-left.menu-big .channel-feed,
html:not(.mobile) body.menu-left.menu-big .channel-categories,
html:not(.mobile) body.menu-left.menu-big .wrap-article {
    margin-left: 305px;
}
html:not(.mobile) body.menu-left.menu-small .wrap-section,
html:not(.mobile) body.menu-left.menu-small .channel-feed,
html:not(.mobile) body.menu-left.menu-small .channel-categories,
html:not(.mobile) body.menu-left.menu-small .wrap-article {
    margin-left: 220px;
}

body.menu-left #header.small {
    width: 220px;
}

body.menu-left #header {
    position: fixed;
    float: left;
    width: 305px;
    height: 100%;
    margin-bottom: 0;
    left: 0;
    top: 0;
    z-index: 1000;
}

body.menu-left #header.small #logo,
body.menu-left #header.small div.content {
    margin: 0 35px 0 35px;
}

body.menu-left #header.big #logo,
body.menu-left #header.big div.content {
    margin: 0 55px 0 55px;
}

body.menu-left #header #logo {
    padding-top: 90px;
    height: 120px;
    overflow: hidden;
}

body.menu-left #header #logo-img {
    height: 200px;
    margin: 0 auto;
    margin-bottom: 10px;
}

body.menu-left #header #logo h1 span,
body.menu-left #header #logo h1 {
    word-wrap: break-word;
}

body.menu-left #header div.wrap-content div.content #menu ul {
    padding: 4px 0;
}
body.menu-left #header div.wrap-content div.content #menu ul li {
    overflow: hidden;
}
body.menu-left #header div.wrap-content div.content #menu ul li a {
    display: inline-block;
}

body.menu-left #header.small div.wrap-content div.content #menu ul li {
    margin-bottom: 10px;
    display: block;
}
body.menu-left #header.small div.wrap-content div.content #menu ul li.sub {
    margin-bottom: 9px;
}

body.menu-left.menualign-left #header.small div.wrap-content div.content #menu ul li.sub {
    padding-left: 10px;
}
body.menu-left #header.small div.wrap-content div.content #menu ul li.sub.sub-last {
    margin-bottom: 20px !important;
}
body.menu-left #header div.wrap-content div.content #menu ul li.last {
    margin-bottom: 0 !important;
}


body.menu-left #header.big div.wrap-content div.content #menu ul li {
    margin-bottom: 13px;
    display: block;
}
body.menu-left #header.big div.wrap-content div.content #menu ul li.sub {
    margin-bottom: 9px;
}
body.menu-left.menualign-left #header.big div.wrap-content div.content #menu ul li.sub {
    padding-left: 15px;
}

body.menu-left #header.big div.wrap-content div.content #menu ul li.sub.sub-last {
    margin-bottom: 19px !important;
}

body.menu-left #header div.wrap-content div.content #menu ul li {
    word-wrap: break-word;
}