#player { width: 460px; margin: 40px auto;background-color:none;}
ol { background-color:none;padding: 10px; margin: 0px; list-style: none; width: 460px; border-top: 0px solid #000; font-size: 0.9em; }
ol li { position: relative; margin: 0px; padding: 9px 2px 5px; border-bottom: 1px solid #3b1404; cursor: pointer; }
ol li a { color: #d2d2d2; display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
li.playing { color: #dda12e; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3); }
li.playing a { color: #dda12e; }
li.playing:before { content: ''; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
@media screen and (max-device-width: 480px) {
  #player { position: relative; left: -3%; }
}
.audiojs { width: 460px; height: 36px; background:#3b1404; overflow: hidden; font-family: monospace; font-size: 14px;      }

.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #3b1404; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 280px; background: #000000; height: 14px; margin: 10px; border-top: 1px solid #4d1a04; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 1px; left: 1px; height: 11px; width: 0px; background: #6b2104; z-index: 1; }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }        

.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play { background: url("player-graphics.gif") -2px -1px no-repeat; }
.audiojs .loading { background: url("player-graphics.gif") -2px -31px no-repeat; }
.audiojs .error { background: url("player-graphics.gif") -2px -61px no-repeat; }
.audiojs .pause { background: url("player-graphics.gif") -2px -91px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }