* {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
}

h1 {
  font-size: 48px;
  line-height: 60px;
  font-weight: normal;
  margin: 0;
  color: #444;
}

h3.composer {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 20px 0;
  font-weight: normal;
  color: #888;
}

#player {
  width: 460px;
  margin: 50px auto;
}

ol.playlist {
  padding: 0px;
  margin: 0px;
  list-style: decimal-leading-zero inside;
  color: #aaa;
  width: 460px; border-top: 1px solid #ccc;
}

ol.playlist li {
  position: relative;
  margin: 0px;
  padding: 9px 2px 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
ol.playlist li a {
  display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px;
  color: #888;
  text-decoration: none;
}

ol.playlist li.playing {
  color: #222;
  font-weight: bold;
}

ol.playlist li a.download { padding-top: 6px; }
ol.playlist li:hover { color: #444; }
ol.playlist li a:hover { color: #222; }

ol.playlist li.playing:before {
  content: '♬';
  width: 20px;
  height: 20px;
  padding: 2px;
  line-height: 20px;
  margin: 0px;
  position: absolute; left: -40px; top: 10px;
  color: #000;
  font-size: 16px;
}

@media screen and (max-device-width: 480px) {
  #player { position: relative; left: -3%; }
  #shortcuts { display: none; }
}

.audiojs {
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

ol.playlist li a.download {
  float:right;
}

ol.playlist li em {
    font-size: 12px;
    color: #ccc;
    padding-left: 5px;
    font-weight: normal;
    font-style: normal;
}

a.download:before {
content: "\f019";
}

.copyright {
  margin-top: 30px;
  font-size: 14px;
  line-height: 24px;
  color: #888;
  text-align: center;
}

.copyright a {
  font-size: 14px;
  color: #448;
}

.copyright a:hover {
  color: #22a;
}

p.about {
    font-size: 14px;
    margin: 20px 0;
    color: #aaa;
}

p.about em {
  font-style: normal;
  color: #666;
}

div.tags {
  color: #ccc;
  margin-top: 30px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}

span.tag {
    background-color: #ddd;
    font-size: 12px;
    line-height: 14px;
    color: #777;
    padding: 1px 5px;
    margin: 0 2px;
    border-radius: 3px;
}