#breadcrumb {font-size: 13px;}
#breadcrumb span {color: #cac5be; margin: 0 6px;}

#contentsearch {margin:-16px 0 10px;}

#contentsearch .nav {text-align:right; margin-right:10px; margin-bottom:3px; color:#652d86; background:url(../images/search_nav.png) bottom right no-repeat; padding-right:20px; line-height:16px;}
#contentsearch .nav span {cursor:pointer}

#auth {width: 212px;}
#authpopup {
    width: 212px;
    background:url(../images/auth_top.png) top left no-repeat;
    margin-top: 40px;
    padding-top: 5px;
    line-height: 1.5;
    color: #8b8b8b;
    display: none;
}
#authpopup .content {background: url(../images/auth.png) top left repeat-y; padding: 10px 16px}
#authpopup .bottom {background: url(../images/auth_bottom.png) top left no-repeat; height: 5px; font-size: 0}
#authpopup p {margin: 10px 0}

#search {
    background: url(../images/search.png) top left repeat-x;
}
    #search div {background: url(../images/search_left.png) top left no-repeat;}
    #search div div {background: url(../images/search_right.png) top right no-repeat; height: 105px; padding: 20px;}

    #search div#abc {text-align: center; font-size: 15px; background: none; height: auto; padding: 0; border-top: 1px solid #fff}
    #search div#abc p {margin: 10px 0}

    #search p.search {border-bottom: 1px solid #e4e4e4; padding-bottom: 20px;}

div.sidebar {width: 222px; float: left; margin-top: 20px;}
#content {float: left; width: 440px; margin: 20px 28px 0;}

div.sidebar .block {
    margin-bottom: 20px;
    background: url(../images/block_bottom.png) bottom left no-repeat;
    padding-bottom: 5px;
}
    div.sidebar .block .wrapper {background: url(../images/block_top.png) top left no-repeat; padding-top: 5px;}
    div.sidebar .block .content {
        background: url(../images/block.png) top left repeat-y;
        padding:0 20px 5px;
    }
    div.sidebar .block h3 {font-size: 15px; font-weight: bold; margin-bottom: 15px; padding-top: 20px; color: #652d86;}
    div.sidebar .block p {margin: 10px 0}
    div.sidebar .block p.buttons {text-align: right}
    div.sidebar .block ul {line-height: 1.5}

    div.sidebar .block .nav {background: url(../images/arr_bg.png) top right no-repeat; text-align: right; margin-top: -31px; margin-bottom: 0}
    div.sidebar .block .nav a {margin-left: 10px;}
    div.sidebar .block .nav a img {vertical-align: top;}

    #newPreload, #hotPreload, #recomendedPreload {width: 100%; line-height: 658px; height: 658px;}
    #recomendedPreload {line-height: 391px; height: 391px;}
    #newPreload td, #hotPreload td, #recomendedPreload td {vertical-align: middle; text-align: center}

    div.sidebar .block .item {background: url(../images/block_items_separator.gif) bottom left repeat-x; padding-bottom: 20px;}
    div.sidebar .block .item:last-child {background: none; padding-bottom: 10px}
    div.sidebar .block .item h4, #tuneslist h4 {margin-top: 10px; margin-bottom: 0; font-size: 15px; font-weight: bold}
    div.sidebar .block .item h5, #tuneslist h5 {font-size: 15px;}
    div.sidebar .block .item table, #tuneslist table {font-size: 11px; color: #666; margin-left: 79px; width: 100px;}
    div.sidebar .block .item th, #tuneslist th {text-align: left; padding-bottom: 2px;}
    div.sidebar .block .item td, #tuneslist td {text-align: right; vertical-align: top; padding-bottom: 2px;}
    div.sidebar .block .item p.cover img, #tuneslist p.cover img {float: left}
    div.sidebar .block .item p.links, #tuneslist p.links {margin: 2px 0 0 79px}
    div.sidebar .block .item p.links a, #tuneslist p.links a {margin-right: 4px;}
    div.sidebar .block .item img, #tuneslist img {vertical-align: top}

    a.play, a.stop {display: inline-block; width: 21px; height: 21px; background: url(../images/play_stop.png) top left;}
    a.stop {background-position: bottom left;}

#poll {
}
    #poll h3 {color: #dc0451}
    #poll ul {color: #787879;}
    #poll table {
        width: 100%;
        color: #787879;
        margin-bottom:10px;
    }
    #poll td {line-height: 1.5}

#hot h3 {color:#c41b79}
#recomended h3 {color:#0083be}

#gallery {
}
    #gallery li p.cover {margin-top: 0}
    #gallery li {display:inline-block; vertical-align: top; width: 130px; margin-bottom: 20px; padding:0 7px}
    #gallery li h4 {font-size: 17px; font-weight: bold; margin-left: 10px}

 #gallery li p.cover, div.sidebar .block .item p.cover, #tuneslist p.cover {position: relative;}
 #gallery li p.cover span, div.sidebar .block .item p.cover span, #tuneslist p.cover span {position: absolute; top: 0; left: 0;}
 #gallery li p.cover span {width: 130px; height: 130px; background: url(../images/cover_mask_130.png) no-repeat}
 div.sidebar .block .item p.cover span, #tuneslist p.cover span {width: 66px; height: 66px;  background: url(../images/cover_mask_66.png) no-repeat}

 #tuneslist li {display: inline-block; width:185px; vertical-align: top; margin: 5px 16px;}
 #content p.empty {text-align: center; margin: 20px 0}

 #content .pages {color: #6c6f70; text-align: center; margin: 40px 0 0;}
  #content .pages img {vertical-align: -18%}
 #content .pages a,  #content .pages span {margin: 0 5px;}

 #greeting {background:#ededed; border:1px solid #ccc; padding:3px 10px}
 #content td.cover {vertical-align:top; padding:5px; vertical-align:middle}

 #banner {
     position: absolute;
     width: 100%;
     top:174px;
     left: 0;
}
 #banner div {
     height:318px;
     width:998px;
     margin: auto;
 }