/*
   Source file:

   https://github.com/flowplayer/www/blob/master/content/media/css/playlist/classic.styl
*/
#classic{/* player (and playlist) background */background:#333 url("/media/img/demos/playlist/bakers.jpg");}
#classic.is-loading{/* override background image when clip changes */background:#333}
#classic .fp-playlist{/* playlist */position:absolute; background-color: black;padding: 21px 21px 0px 21px; -webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:2;-webkit-box-shadow:0 0 30px #333;-moz-box-shadow:0 0 30px #333;box-shadow:0 0 30px #333;}
#classic .fp-playlist a{/* playlist entry */position:relative; margin: 0 5px 45px 5px;float:left;width:160px;height:160px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;border:4px solid #333;background:url("/images/flowplayer/thumbs.jpg") -1px -1px no-repeat;}
#classic .fp-playlist a:hover,#classic .fp-playlist a.is-active{border-color:#fff}
#classic .fp-playlist #thumb2{background-position:-197px -1px}
#classic .fp-playlist #thumb3{background-position:-393px -1px}
#classic .fp-playlist #thumb4{background-position:-589px -1px}
#classic .fp-playlist #thumb5{background-position:-786px -1px}
#classic .fp-playlist #thumb6{background-position:-983px -1px}
#classic .fp-playlist #thumb7{background-position:-1180px -1px}
#classic .fp-playlist #thumb8{background-position:-1375px -1px} 
#classic.is-ready .fp-playlist,#classic.is-loading .fp-playlist{bottom:-32%; left:0%;padding: 9px 9px 0px 9px;}
#classic.is-ready .fp-playlist {width: 100%;}
#classic.is-ready .fp-playlist a,#classic.is-loading .fp-playlist a{width:75px;height:75px; margin-bottom: 9px}
#classic.is-ready .fp-playlist .signature, #classic.is-playing .fp-playlist .signature{display:none}
@media (max-width: 900px){#classic .fp-playlist a{width:130px;height:130px}
}@media (max-width: 700px){#classic .fp-playlist a{width:100px;height:100px}
}@media (max-width: 570px){#classic .fp-playlist a{width:55px;height:55px}
}

#classic .signature {
  position: absolute;
  /* bottom: -10px; */
  text-align: center;
  width: 160px;
  color: #FFFFFF;
  line-height: 18px;
  top: 160px;
  text-decoration: none;
}