.audiojs .scrubber {
    background: none repeat scroll 0 0 #5A5A5A;
    border-bottom: 0 none;
    border-left: 0 none;
    border-top: 1px solid #3F3F3F;
    float: left;
    height: 14px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 160px; /* smaller width */
}

.audiojs .play-pause {
    padding: 4px 0px;
}

.audiojs .time {
    border-left: 1px solid #000000;
    color: #DDDDDD;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0; /* no margin */
    padding: 0 6px 0 9px; /* 2px smaller left padding */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.audiojs {
    font-family: monospace;
    font-size: 10px; /* reduced font size */
    width: 300px;
}

ol.audios a {
    color: #888;
    text-decoration: none;
}


#audioPlayer {
    width: 300px;
    margin: 0px auto;
}

ol.audios {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #ccc;
    width: 300px;
    border-top: 1px solid #ccc;
    font-size: 0.9em;
    text-align: left;
}

    ol.audios li {
        position: relative;
        margin: 0px;
        padding: 9px 2px 10px;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }

        ol.audios li a {
            display: block;
            text-indent: -3.3ex;
            padding: 0px 0px 0px 20px;
        }

        ol.audios li.playing {
            color: #aaa;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
        }

            ol.audios li.playing a {
                color: #000;
            }

            ol.audios li.playing:before {
                content: '♬';
                width: 14px;
                height: 14px;
                padding: 3px;
                line-height: 14px;
                margin: 0px;
                position: absolute;
                left: -18px;
                top: 9px;
                color: #000;
                font-size: 13px;
                text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
            }