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

.zeitgeist {
    display: block !important;
}

#message { display: none; }

#container {
    padding: 0px;
/*    width: 1050px; */
    margin: 0 auto;
}

#content-left {
    margin-right: 40px !important;
}

#content-right {
    width: 270px;
    padding-top: 20px;
    font-size: 16px;
    margin: 0px;
}

#content-right .buy-print {
    margin-left: 60px;
    margin-top: 20px;
}

#content-right #buy-print-text {
    font-family:Georgia, serif;
    margin: 10px 10px 0 10px;
}


.zeitgeist-map {
    
    width: 1050px;
    height: 420px;
    
/*  width: 760px;
    height: 570px; */
    
    overflow: hidden;
    position: relative;
    float:left;
    cursor: move;
}

.play-ctrl {
    right: 0px;
    position: relative;
    display: inline-block;
}

#tracks-container {
    background: url('../images/zeitgeist2011/map-key-bg.jpg') 5px 5px no-repeat;
    width: 730px;
    height: 254px;
    padding: 15px;
    padding-top: 50px;
}

#tracks {
    height: 180px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 725px;
    margin: 0px;
}

#tracks .section {
    text-align: left;
    background: none;
    border: none;
    padding: 0px;
    float: left;
    width: 350px;
}

#tracks .section h2 {
    text-align: right;
    background: none;
    display: inline-block;
    border: none;

    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 20px;
    color: black;
    font-weight: 800;
}

#tracks .section .play-ctrl {
    width: 20px;
    height: 20px;
    background: url('../images/zeitgeist2011/play-ctr.png') top left no-repeat;
    display: inline-block;
    top: 5px;
}

#content-left #tracks .section .play-ctrl:active {
    background-position: left top;
    top: 5px;
}

#tracks .section .play-ctrl.pause {
    background-position: left bottom;
}

#tracks .section .rank {
    margin-right: 20px;
    top: 0px;
    margin-top: 0px;
    position: relative;
    display: inline-block;
}

/* FOR MOBILE ARTISTS PAGE */ 

#zeitgeist2011_artists.mobile #content-wrapper { padding-top: 0px !important; background: #fff; }
#zeitgeist2011_artists.mobile #header { height: 57px !important; margin-bottom: 0px !important; }
#zeitgeist2011_artists.mobile #header ul { display: none !important; }
#zeitgeist2011_artists.mobile #header #search { display: none !important; }
#zeitgeist2011_artists.mobile #header-inner { height: 57px !important; } 
#zeitgeist2011_artists.mobile #user-options { display: none !important; }
#zeitgeist2011_artists.mobile #message { display: none !important; }
#zeitgeist2011_artists.mobile #container { margin: -30px auto 0; }

body.mobile #tracks-container {
    background: url('../images/zeitgeist2011/zeitgeist2011/map-key-bg-mobile.png') 5px 5px no-repeat;
    width: 620px;
    height: 3150px;
    padding: 15px;
    padding-top: 50px;
}

body.mobile #tracks .section {
    width: 600px;
}

body.mobile #tracks {
    height: 3150px;
    margin: 50px 0 0 0;
}

body.mobile #albumsof2009-intro {
    width: 600px;
    padding-bottom: 0px;
}

body.mobile #topof2011.artists .button.artists, 
body.mobile #topof2011.artists .button.albums,
body.mobile #topof2011.artists .button.songs,
body.mobile #intro-share {
    display:none;
}

body.mobile .zeitgeist-map {
    display:none;
/*    width: 620px;
    height: 300px;
    margin: 15px 0 25px 10px; */
}

body.mobile #tracks .section .play-ctrl  {
    top: 0px;
}

body.mobile #tracks .section .rank {
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-top: 20px;
}

body.mobile #tracks .section h2 {
    font-size: 32px;
}