@media screen and (min-width: 1px) {

    #left #blogArchiveMenu,
    #mobileLeft-blogArchiveMenu {
        padding: 17px 10px;
        margin: 0 auto;
        background-color: #fff;
    }
    #left #blogArchiveMenu h2,
    #left #blogArchiveMenu ul,
    #mobileLeft-blogArchiveMenu h2,
    #mobileLeft-blogArchiveMenu ul {
        max-width: 200px;
        margin: 0 auto;
    }
    #mobileLeft-blogArchiveMenu h2,
    #mobileLeft-blogArchiveMenu ul {
        max-width: 2000px;
        margin: 0 0 0 10px;
    }
    #left #blogArchiveMenu h2,
    #mobileLeft-blogArchiveMenu h2 {
        font-size: 11px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    #mobileLeft-blogArchiveMenu h2 {
        font-size: 16px;
    }
    #left #blogArchiveMenu ul,
    #mobileLeft-blogArchiveMenu ul{
        overflow: hidden;
    }
    #left #blogArchiveMenu ul li,
    #mobileLeft-blogArchiveMenu ul li{
        list-style-type: none;
    }

    #left #blogArchiveMenu ul.level_1 > li.year.submenu,
    #mobileLeft-blogArchiveMenu ul.level_1 > li.year.submenu {
        font-size: 13px;
        line-height: 120%;
        margin-bottom: 8px;
        color: #e99954;
        font-weight: bold;
        font-family: 'Lucida Grande','Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    }
    #left #blogArchiveMenu ul.level_1 ul.level_2,
    #mobileLeft-blogArchiveMenu ul.level_1 ul.level_2 {
        margin-top: 5px;
    }
    #left #blogArchiveMenu ul.level_1 ul.level_2 > li,
    #mobileLeft-blogArchiveMenu ul.level_1 ul.level_2 > li {
        padding-left: 10px;
    }
    #left #blogArchiveMenu ul.level_1 ul.level_2 > li a,
    #left #blogArchiveMenu ul.level_1 ul.level_2 > li span,
    #mobileLeft-blogArchiveMenu ul.level_1 ul.level_2 > li a,
    #mobileLeft-blogArchiveMenu ul.level_1 ul.level_2 > li span {
        display: block;
        padding: 4px 15px;
        font-size: 12px;
        font-family: 'Lucida Grande','Lucida Sans Unicode', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #2f71a3;
    }
    #left #blogArchiveMenu ul.level_1 ul.level_2 > li a:hover,
    #left #blogArchiveMenu ul.level_1 ul.level_2 > li span.active {
        background: url("../../../../../../tl_files/images/layout/leftNavBg.jpg") right center no-repeat;
        text-decoration: none;
        color: #f6faf5;
    }
}

@media screen and (min-width: 641px) {

    #left #blogArchiveMenu,
    #mobileLeft-blogArchiveMenu {
        background-color: transparent;
    }
    #left #blogArchiveMenu h2,
    #left #blogArchiveMenu ul,
    #mobileLeft-blogArchiveMenu h2,
    #mobileLeft-blogArchiveMenu ul {
        max-width: initial;
    }
}