/* CSS Document */

a:hover{
    margin:0;
    padding:0;
}
#content{
    width:960px;
    padding-right:0px;
}

.rss_item{
    float:left;
    margin:0 20px 0 0;
    width:160px;
}

#monthly{
    float:left;
    width:520px;
}

#block-right{
    float:left;
    width:520px;
}

#monthly .last{
    margin-right:0px;
}

#monthly img{
    width:160px;
}

#playlist{
    float:left;
    padding-left:30px;
    width:390px;
}

/*#playlist-bar{
	width:100%;
	height:45px;
	background:url(../images/playlist-bar.jpg) no-repeat;
}

#playlist-bar span{
	float:left;
	display:block;
	padding:8px 20px 0px 15px;
}*/

#playlist_1stBackground{
    float:left;
    background:url(../images/playlist-top.jpg) no-repeat;
    padding-top:6px;
}


#playlist_2ndBackground{
    float:left;
    background:url(../images/playlist-bottom.jpg) bottom left no-repeat;
    padding-bottom:6px;
}


#playlist a.item{
    float:left;
    display:block;
    width:341px;
    border-bottom:1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
    border-right:1px solid #d7d7d7;
    background: #eff3f9;
    text-decoration:none;
    cursor:pointer;
    color:black;
}

#playlist a.item.last{
    border-bottom:none;
}

/*#playlist a.item:hover{
	background:url(../images/playlist-selected.jpg) repeat-x center left #f6f6f6;
}*/

#playlist a.item span.title{

    float:left;
    display:block;
    width:251px;
    border-left:1px dotted #c8c8c8;
    padding:10px 10px 10px 10px;
}

/*#playlist a.item span.time{
	text-align:center;
	float:left;
	display:block;
	width:55px;
	padding-top:20px;
	height:40px;
}*/

#playlist a.item span.image{
    float:left;
    display:block;
    width:59px;
    padding:10px 0px 0px 10px;
    height:50px;
}

#playlist img{
    width:44px;
    height:44px;
}

#flash_photomontage{
    float:right;
    margin-bottom:10px;
    margin-left:20px;
    clear:none;
}

#home_feature{
    border-top:1px solid #cccccc;
    float:right;
    width:520px;
    margin-top:18px;
    padding-top:18px;
}


#home_feature object, #home_feature img{
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}

#home-intro, #home-intro-fr{
    background:url(../images/bg-homepage.jpg) no-repeat bottom;
    padding-top:17px;
    padding-left:30px;
    margin-bottom:45px;
}

#home-intro img,#home-intro-fr img{
    float:right;
    margin-bottom:40px;
    margin-right:5px;
    margin-left:25px;
    margin-top:15px;
}

#home-intro h1,#home-intro-fr h1{
    padding-top:10px;
}

#home-intro h1{
    font-size:2.7em!important;
}

#home-intro-fr{
    font-size:0.9em;
}

#home-intro-fr a.link_button{
    margin-top:15px;
}


#content h1{
    margin-bottom:0.5em;
    color:#d41200;
    font-size:2.7em;
}

a.bigblue{
    margin-top:30px;
}

#home-intro a.jukebox{float:left;}



#home-intro-fr a.jukebox{float:left;}




/*

HOME PAGE STYLES

2011/02

*/
@font-face {
    font-family: 'DINNextLTProMedium';
    src: url('../fonts/dinnextltpro-medium-webfont.eot');
    src: local('☺'), url('../fonts/dinnextltpro-medium-webfont.woff') format('woff'), url('../fonts/dinnextltpro-medium-webfont.ttf') format('truetype'), url('../fonts/dinnextltpro-medium-webfont.svg#webfontsY8ilIIZ') format('svg');
    font-weight: normal;
    font-style: normal;
}



#header{
    margin-bottom:0 !important;
    border-bottom: 0 !important;
}

#home-cols{

    width: 960px;
    padding: 0 9px 4px 14px;
    float:left;
    background: url(../images/shadow-bg.jpg) repeat-y 0 0;
    min-height: 400px;

}

.col{
    float:left;
    font-family: "ff-din-web-1","ff-din-web-2",sans-serif;
}

.col h2{
    font-family: "ff-din-web-condensed-1","ff-din-web-condensed-2",Verdana,sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 6px 1%;
    margin:0;
    width:98%;
    font-weight: bold;
    color: #fff;
    background: #363636;
    border-bottom: 4px solid #fff;
    float: left;
}

.wf-inactive .col h2{
    font-family: Lucida, Verdana, sans-serif;
    font-size: 12px;
}

#col1{
    background: #dedcdc;
    width:360px;
}

#col1 img{
    width: 35px;
    float:left;
}

#col2{
    background: #ccc;
    width: 372px;
    border-left: 4px solid #fff;
}

#col3{
    background: #ccc;
    width: 190px;
    border-left: 4px solid #fff;
}

.scroller{
    height: 392px;
    overflow: auto;
    overflow-x: hidden;
    float:left;
    clear:left;
    width: 100%;
}

.fr .scroller{
    height: 405px;
}

#col3 .scroller{
    height: 354px;
}


/***************************************************
    popular works
*/

#popular-works{
    margin:0;
    padding:0;
}

#popular-works li{
    margin:0;
    padding:0;
    list-style: none;
    width:100%;
    display: inline-block;

    clear:both;
    border-bottom: 4px solid #fff;
}
#popular-works li img{
    width:90px;
    height:90px;
    float:left;
}
#popular-works li .rightcol{
    width: 232px;
    float:right;
    padding: 6px 6px 6px 0;
}

html.ie7 #popular-works li .rightcol,
html.ie8 #popular-works li .rightcol{
    width: 228px;
    float:right;
    padding: 6px;
}


#popular-works li:hover{
    background:#bfbfbf;
}

#popular-works li h3{
    margin:0;
    font-size: 13px;
    line-height: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

#popular-works li p{
    margin:0;
    font-size: 12px;
    line-height: 14px;
    color: #111313;
}

li a.action-add-to-playlist{
    display: block;
    float:left;
    background: #e8e8e8 url(../images/add-btn.jpg) no-repeat 0 0;
    padding-left:20px;
    line-height: 20px;
    font-size: 11px;
    color: #474848;
    margin: 5px 10px 0 0;
}
li a.action-add-to-playlist span{
    border: 1px solid #fff;
    border-left: 0;
    display: block;
    height: 17px;
    padding: 0 7px;
}
li a.action-add-to-playlist span:hover{
    cursor: pointer;
}


li a.play-immediately,
#playlist a{
    display: block;
    float:left;
    background: #e8e8e8 url(../images/play-btn.jpg) no-repeat 0 0 !important;
    padding-left:20px;
    line-height: 20px;
    font-size: 11px;
    color: #474848 !important;
    margin: 5px 10px 0 0;
}

li a.play-immediately span,
#playlist a span{
    border: 1px solid #fff;
    border-left: 0;
    display: block;
    height: 17px;
    padding: 0 7px;
}

#playlist a.delete{
    background: #e8e8e8 url(../images/delete-btn.jpg) no-repeat 0 0 !important;
}

/***************************************************
    concerts on demand
*/

#concert-list{
    padding:0;
    margin: 0;
}
#concert-list li h3{
    text-transform: uppercase;
    margin-bottom: 5px;
}
#concert-list li{
    list-style: none;
    padding: 6px;
    margin: 0;
    width:95%;
    background: #c9e5ed;
    color: #181717;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    border-right: 4px solid #fff;
    clear:both;
    border-bottom: 4px solid #fff;
}

#concert-list li p{
    margin-bottom: 5px;
}

#concert-list li:hover{
    background: #97d4e4;
}

#concert-list li ul{
    list-style: none;
    padding:0;
    margin: 0;
}
#concert-list li ul li{
    border: none;
    padding:2px 0;
    background: none;
    margin: 0;
}


#concert-list .view-details{
    display: block;
    float:left;
    background: #e8e8e8 url(../images/details.jpg) no-repeat 0 0;
    padding-left:20px;
    line-height: 20px;
    font-size: 11px;
    color: #474848;
    margin: 5px 0 0 0;
}

#concert-list .view-details span{
    border: 1px solid #fff;
    border-left: 0;
    display: block;
    height: 17px;
    padding: 0 7px;
}



/***************************************************
    composerlist
*/

#sorter{
    font-family: "ff-din-web-condensed-1","ff-din-web-condensed-2",Verdana,sans-serif;
    padding: 5px;
    display: block;
    float:left;
    clear:both;
    font-size: 12px;
    background:#d3ecf3;
    float:left;
    border-bottom: 4px solid #fff;
    width: 96%;
    /*    text-align: right;*/
}

#sorter select{
    font-family: "ff-din-web-1","ff-din-web-2",sans-serif;
    font-size: 12px;
}


#composer-list{
    margin:0;
    padding:0;
    border-right: 4px solid #fff;
}

#composer-list li{
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #fff;
    list-style: none;
    background: #e9e8e8;
}

#composer-list li a{
    display: block;
    width: 96%;
    font-size: 12px;
    padding: 4px;
    color:#262626;
}

#composer-list li:nth-child(odd) {
    background:#dedcdc;
}

#composer-list li a:hover{
    background:#bfbfbf;
}

#composer-list li.header{
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
    padding: 4px;
    background:#fff;
}

/***************************************************
    structure
*/

.wrapper {
    width:960px;
    margin: 0px auto;
    text-align:left;
}

#right-column {
    float:left;
    width:184px;
}

#left-column {
    float:left;
    width:184px;
    margin:0 20px 0 0;
}

#centre-column {
    width:540px;
    float:left;
    margin:0 20px 0 0;
}






























/***************************************************
    player controls
*/




body.no-js #player-noscript{
    width: 960px;
    padding: 4px 9px 4px 14px;
    float:left;
    background: url(../images/shadow-bg.jpg) repeat-y 0 0;
    min-height: 40px;
}

#player-wrapper{
    width: 960px;
    padding: 4px 9px 4px 14px;
    float:left;
    background: url(../images/shadow-bg.jpg) repeat-y 0 0;
    min-height: 135px;
}

#player{
    background: #2c2c2c;
    /*    border: 4px solid #fff;*/
    color: #fefefe;
    float:left;
    width: 930px;
    min-height: 135px;
    font-family: "ff-din-web-condensed-1","ff-din-web-condensed-2", Lucida,sans-serif;
    display: none;

}


.loader{
    background: url(../images/ajax-loader.gif) no-repeat 50% 50% !important;

    width: 35px;
    height: 35px;

    margin: 50px auto 0 auto;
}

#player-inside{
    width:100%;
    height:100%;
    overflow:hidden;
    display: none;
    z-index: 999;
}

#player input{
    /*    font-family: "ff-din-web-1","ff-din-web-2",sans-serif;*/
    font-family: "ff-din-web-condensed-1","ff-din-web-condensed-2",Verdana,sans-serif;
}

#player a{
    color: #fefefe;
    background: none;
}

#player-controls-wrapper{
    float:left;
    width: 550px;
}

#player-controls-wrapper a:hover{
    cursor: pointer;
}

#player-top{
    background: url(../images/shadow-top.jpg) no-repeat 0 0;
    width: 100%;
    height: 12px;
    float:left;
}

#player-btm{
    background: url(../images/shadow-btm.jpg) no-repeat 0 0;
    width: 100%;
    height: 12px;
    float:left;
}

/***************************************************
   player controls > scrub bar
*/


#time{
    float: right;
}
#btn-volume{
    width:24px;
    height:18px;
    display: block;
    background: url(../images/speaker.jpg) no-repeat 0 0 !important;
    padding:0;
    margin:2px 0 0 0;
    float: right;
    text-indent: -9999px;
    outline: none;
}


/***************************************************
    volume
*/

#volume-wrapper{
    position: absolute;

    right: 10px;
    top: 50px;
    z-index: 99;
    display:none;
}
#volume{
    width: 5px;
    height: 50px;
    margin: 6px 0 0 0;
    background: #00b0de;
    position: relative;
    float:left;
}
#volume .ui-slider-handle{
    width: 18px;
    height: 6px;
    margin-top: -4px; /* (height - barheight) /2 */
    margin-left: -6px; /* 50% of the width */
    background: url(../images/volume-scrubber.jpg);
    position: absolute;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#scrubber-wrapper{
    float:left;
    width: 370px;
    display: inline;
    margin:4px 0 0 4px;
}

span#song-current-position{
    display: inline;
    width: 8%;
    float:left;
    margin-right: 2%;
    font-size: 12px;
}

span#song-length{
    display: inline;
    width: 8%;
    float:left;
    margin-left: 2%;
    font-size: 12px;
}

#scrubber{
    width: 78%;
    height: 5px;
    margin: 6px 0 0 0;
    background: #00b0de;
    position: relative;
    float:left;
}

#scrubber .ui-slider-handle{
    width: 6px;
    height: 20px;
    margin-top: -6px; /* (height - barheight) /2 */
    margin-left: -4px; /* 50% of the width */
    background: url(../images/scrubber.jpg) no-repeat 0 0;
    position: absolute;
    outline: none;
    /*    -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;*/
}

.seek-bar{
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}
#bar-hitarea{
    cursor: pointer;
}
#bar-progress{
    background: #F8421E;
    width: 0;
}
#bar-buffered{
    background: #999;
    width: 0;
}


/***************************************************
   player controls > btns (play/next/prev/save)
*/



#player-controls{
    float:left;
    width: 50px;
    position: relative;
    height: 73px;
}
#player-controls a{
    text-indent: -999px;
}


#btn-play-pause{
    width:50px;
    height:50px;
    display: block;

    padding:0;
    margin:0 0 2px 0;
    float: left;
}

#player a.btnstate-play{
    background: url(../images/play-pause.jpg) no-repeat 0 -50px;
}

#player a.btnstate-pause{
    background: url(../images/play-pause.jpg) no-repeat 0 0 !important;
}

#btn-play-pause.disabled{
    background: url(../images/play-pause.jpg) no-repeat 0 0 !important;
}
#player #btn-skip-prev{
    width:24px;
    height:23px;
    display: block;
    background: url(../images/prev-btn.jpg) no-repeat 0 0;
    padding:0;
    margin:0;
    float: left;
}

#player #btn-skip-next{
    width:24px;
    height:23px;
    display: block;
    background: url(../images/next-btn.jpg) no-repeat 0 0;
    padding:0;
    margin:0;
    float: right;
}

#player #btn-share{
    width:50px;
    height:18px;
    display: block;
    padding: 2px 0 0 6px;
    font-size: 11px;
    margin:2px 0 0 0;
    float: left;
    cursor: pointer;
    background: url(../images/share-2.jpg) no-repeat 0 0;
    /*
    text-indent: -9999px;
    */
}

body.fr #player #btn-share{
   background: url(../images/share-2-fr.jpg) no-repeat 0 0;
 }


body.fr #player #btn-share{
    padding: 4px 0 0 4px;
}

/***************************************************
    playlist styles
*/

#social-box{

}

#social-box h3{
    width: 25%;
    float:left;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0 !important;
}
.fr #social-box h3{
    width: 25%;
}

#social-box p{
    float:right;
    width: 75%;
    margin-bottom: 0;
    color:#00b0de;
    font-size: 10px;
    font-weight:bold;
    padding-bottom: 5px;
    text-align: right;
    text-transform: uppercase;
}
.fr #social-box p{
    width: 75%;
}

.wf-inactive #social-box p{
    line-height: 14px;
    font-size: 11px;
}

#social-box p img{
    vertical-align: middle;
}


#social-box p a{
    text-decoration:none;
    color:#00b0de;
}

#social-box p a:hover{
    color:#fff;
}

#social-box span.white{
    padding: 0 5px;
}

#social-box p img{
    padding-left: 3px;
}


#playlist-box{
    width: 344px;
    padding: 6px;
    background:#383838;
    float:left;
    position: relative;
    z-index: 0;
    margin-top: 15px;
}


#playlist{
    float:left;
    width: 344px;
    color:#97d4e4;
    background:#0e0e0e;
    margin: 0;
    padding: 0;
    left: 0;
    top: 62px;
    position: absolute;
    display: none;
    border:6px solid #383838;
    border-top: none;
    z-index: 3000;
/*    max-height: 800px !important;
    height: 800px;
    overflow-y: scroll;*/

}

#playlist li{
    cursor: move;
    list-style: none;
    border-bottom: solid 1px #444;
    position: relative;
/*    min-height: 75px !important;
    height: 75px*/
    height: 1%;
}

#playlist .hitarea{
    font-size: 15px;
}

.wf-inactive #playlist li{
    height: 75px;
}

.wf-inactive #playlist .hitarea{
    height: 59px;
    font-size: 15px;
    line-height: 13px;
}

#palylist li a{
    float:right;
    position: absolute;
}

#playlist li:last-child{
    border: none;
}
#playlist .hitarea{
    padding: 8px;
}
#playlist .hitarea:hover{
    background: #222;
}
#playlist .active .hitarea{
    color: #fff;
    background: #444;
}

#now-playing-playlist{
    width: 100%;
    float:left;
    background:#0e0e0e;
}

#now-playing-playlist a{
    float:left;
    padding: 5px 3px 1px 3px;
    color: #97d4e4;
    width: 99%;
    margin-bottom:0;
    font-size: 15px;
    display:block;
    background: url(../images/drop-down-arrow.jpg) no-repeat 100% 0;
    height: 21px;
    /*    overflow: hidden;*/
    /*
        display: none;*/
}

/*#now-playing-playlist a#toggle-playlist{
    display:block;

    width: 17px;
    height: 27px;

}*/

/***************************************************
    playlist controls (play/delete)
*/

#playlist-search-wrapper{
    width: 355px;
    padding: 8px 8px 0 0;
    float:right;
    position: relative;
}

#playlist-search-wrapper .msg{
    position: absolute;
    display: block;
    top: 38px;
}


#advanced-search-box{

}

#advanced-search-box .text{
    border: 1px solid #353535;
    background: #0e0e0e;
    color: #fff;
    padding: 3px;
    width: 325px;
    font-size: 15px;
    font-weight: bold;
    float:left;
    height: 17px;
    line-height: 17px;
}
#advanced-search-box .search-btn{
    float:right;
    border:none;
    width: 17px;
    height: 21px;
    margin-top: 2px;
    background: url(../images/search-btn.jpg);

}



#advanced-search-box p{
    float:right;
    margin: 6px 0 0 0;
    clear:right;
}
#advanced-search-box p a{
    color:#00b0de;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
#advanced-search-box p a:hover{
    color: #fff;
}



#playlist .playlistitem-controls{
    display: block;
    float:right;
    text-align: right;
    position: relative;
    font-family: "ff-din-web-1","ff-din-web-2",sans-serif;
    height:20px;
}

.wf-inactive #playlist .playlistitem-controls{
    top: 6px;
}

#playlist .playlistitem-controls a{
    margin: 0 10px 10px 0;
}

#playlist .playlistitem-controls a{
    /*    display: block;
        background: #ccc;
        padding: 5px;
        float: right;
        margin: 3px;
        border: solid 1px #333;*/
    cursor: pointer;
}
#playlist .delete{

}
#playlist .playnow{

}


/***************************************************
    "now playing" (artist information)
*/

#now-playing-wrapper{
    width:405px;
    padding: 8px 0 0 5px;
    float:left;
    position: relative;
}

#now-playing{
    width: 349px;
    padding: 0 0 0 6px;
    float: left;
    min-height: 97px;
    margin: 0;

}

#now-playing p{
    color: #f8421e;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}

#now-playing-content{

}

#composer-img{
    float:left;
    width: 135px;
    height: 135px;
    overflow: hidden;
    border-right: 4px solid #fff;
}

.albumart{
    float: left;
    margin: 0 15px 0 0;
}

#now-playing-info{
    font-size: 16px;
    line-height: 16px;
    height:65px;
    float:left;
    overflow: hidden;
}

#playing-headline{
    width: 349px;
    float:left;
    overflow: hidden;
    height: 16px;
}

#now-playing-info .composer-name{
    text-transform: uppercase;
}

#now-playing-info .lightgrey{
    color:#c4c4c4;

}

/***************************************************
    structure
*/

.wrapper {
    width:960px;
    margin: 0px auto;
    text-align:left;
}

#right-column {
    float:left;
    width:184px;
}

#left-column {
    float:left;
    width:184px;
    margin:0 20px 0 0;
}

#centre-column {
    width:540px;
    float:left;
    margin:0 20px 0 0;
}


/***************************************************
    MISC
*/

/* tooltip styling */
.tooltip {
    display:none;
    background:url(../images/tooltip.png);
    height:55px;
    padding:5px 10px;
    width: 76px;
    position: absolute;
    z-index: 99999;
    top: 10px !important;
    left: -30px !important;
}

/*.tooltip iframe{
   margin-bottom: 5px;
}*/

.white{
    color: #fff;
}

.upper{
    text-transform: uppercase;
}

#playlist-loader{
}

/*#content a.no-bg{
    background: none !important;
}*/

#big-banner{
    margin: 15px 0 0 15px;
}

.addthis_toolbox{
    float:right;
    padding-left: 5px;
}


#notes-overlay{
    width: 650px;
    height: auto;
    display: none;
    position: absolute;
/*
    padding: 6px;*/
    margin: 0;

    color: #181717;
    font-size: 12px;
    line-height: 14px;
    font-family: "ff-din-web-1","ff-din-web-2",sans-serif;

}

#notes-overlay .close{

    background-image: url("../images/close.png");
    cursor: pointer;
    height: 23px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 23px;
    z-index: 99999;

}

#notes-overlay h3{
    text-transform: uppercase;
}

#notes-overlay .close:hover{
    background-color: transparent;
}

#notes-content{
    overflow-y: scroll;
    padding:10px;
    width: 600px;
    height: 400px;
    margin: 15px auto 0 auto;
    background: #c9e5ed;
    border: 4px solid #fff;
}

#notes-content h1{
    margin: 10px 0 15px 0 !important;
}

.banner-holder{
    width:928px;
    height:136px;
    overflow: hidden;
    background: url(../images/massive-timeline-banner.jpg) no-repeat 0 0;
    float:left;
    clear:both;
    display: inline;
    margin: 15px 0 0 17px;
}


.banner-holder:hover{
    background: url(../images/massive-timeline-banner.jpg) no-repeat 0 -136px ;
    margin: 15px 0 0 17px;
}

body.fr .banner-holder{
    background: url(../images/massive-timeline-banner-fr.jpg) no-repeat 0 0;
}

body.fr .banner-holder:hover{
    background: url(../images/massive-timeline-banner-fr.jpg) no-repeat 0 -136px ;
    margin: 15px 0 0 17px;
}

#fb-wrap{
   width: 50px;
   display: block;
   height: 25px;
}

#footer-wrap{
    z-index: 0 !important;
    position:static !important;
}

#global_footer{
    position:static;
}

#col4{
    position:static;
}

.no-margin{
    margin:0 !important;
}

.addthis_button_email img,
.addthis_button_twitter img,
.addthis_button_facebook img{
    vertical-align: baseline;
}

#social-boxes{
    float:right;
    padding-top: 1px;
}


html.ie6 #social-boxes,
html.ie7 #social-boxes,
html.ie8 #social-boxes{

}


/***********
non typekit fixes
*******/
.no-typekit #advanced-search-box .text {
    font-size:90%;
    font-weight: normal;
}

.no-typekit .col h2 {
    font-size: 14px;
}

.no-typekit #player #btn-share {
    padding-top: 4px;
    font-size: 8px;
}

.no-typekit #now-playing-playlist a {
    font-size:12px;
}

.no-typekit #playlist li .hitarea {
    font-size:12px;
}

.no-typekit #now-playing-info {
    font-size:90%;
}

.no-typekit.fr #social-box h3{
    width: 100%;
}

.no-typekit.fr #social-box p{
    width: 100%;
}

.no-typekit.fr #playlist-box{
    margin-top: 3px;
}

.no-typekit.fr #playlist{
    top: 74px;
}