html, body {
  height: 100%;
  background-color: #222;
}

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);

  min-height: 350px;
  background: url('../img/blank.png') no-repeat scroll center 100% / cover transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

  -webkit-transition: background-image 1s 0.1s ease-out;
  -moz-transition: background-image 1s 0.1s ease-out;
  -ms-transition: background-image 1s 0.1s ease-out;
  -o-transition: background-image 1s 0.1s ease-out;
  transition: background-image 1s 0.1s ease-out;
}

.bbplayer {
  color: rgba(255,255,255,0.75);
  bottom: 40px;
  position: absolute;
  padding: 10px;
  background-color: rgba(0,0,0,0.65);
  border-radius: 5px;
  text-align: center;
}

.drop-up {
  bottom:100% !important;
  top:auto !important;
}

.center-dropdown {
    left: auto !important;
    right: -30% !important;
    background-color: rgba(255,255,255,0.9)
}
.center-dropdown:after {
   left: auto !important;
   right: 25% !important;
}

li a {
  font-size: 14px;
  text-shadow: 0 1px 3px rgba(0,0,0,.25);
}


a.playlist, a.playlist:link, a.playlist:visited {
  color: rgba(255,255,255,0.75);
  text-decoration: none;
}

a.playlist:hover {
  color: rgba(255,255,255,0.95);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.25);
}