body {
  padding: 0;
  margin: 0;
}
div.body {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
div.body > div.title {
  padding: 1pc;
  font-size: 2pc;
  font-weight: bold;
  float: left;
  width: 50%;
}

div.body > div.listeners {
    float: right;
    width: 20%;
    padding: 2pc 2pc 0 0;
    font-size: xx-small;
    font-weight: bold;
    text-align: right;
}

div.playlistframe {
}

div.playlistframe > div.title {
  padding: 1pc;
  font-size: 1.5pc;
  font-weight: bold;
}

div.playlist {
  padding: 0;
}

div.playlist > div.playlistrow {
    padding: 1pc;
    position: relative;
}
div.playlist > div.playlistrow:nth-child(even) {
  background: #fff;
}
div.playlist > div.playlistrow:nth-child(odd) {
  background: #ddd;
}

div.playlist > div.playlistrow > div.title{
    font-weight: bold;
    font-size: medium;
}

div.playlist > div.playlistrow > div.ytlink{
    font-size: xx-small;
}

div.playlist > div.playlistrow > div.controls {
    position: absolute;
    top: 0;
    right: 0;
}

div.playlist > div.playlistrow > div.controls > div.control {
    float: right;
    background-color: #aaa;
    margin: 1pc 0.5pc 0 0;
    cursor: pointer;
}

div.playerframe {
}

#player {
  width: 100%;
}