body {
    background: #000;
    color: #fff;
    font-family: sans-serif;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}

div#beats_container {
    /*font-size: 120%;*/
}

div#controls_container {
    margin: 0.5em;
}

div#credits {

}

div#speed_container {
    float: right;
    padding-right: 1em;
    position: relative;
}

div#source_container {
    position: absolute;
    bottom: .4em;
    left: .4em;
}

div#status {
    clear: both;
    width: 100%;
}

textarea#statustext {
    width: 100%;
    height: 3em;
    background: #fff;
    visibility: hidden;
}

div#info_show {
    float: left;
    font-size: 200%;
}

div#info {
    visibility: hidden;
    background: #000;
    opacity: 0.9;
    position: absolute;
    top: 10%;
    left: 10%;
    bottom: 10%;
    right: 10%;
    border: 1em solid #fff;
    padding: 2em;
}

div#info_close {
    position: absolute;
    bottom: 10%;
    right: 23%;
    font-size: 200%;
}

.button {
    border: 0.1em solid #fff;
    padding: 0.5em;
    margin: 0.25em;
}

.button_disabled {
    border: 0.1em solid #666;
    color: #666;
}

div#ios_warning {
    color: #ff9999;
}

div#playpause_container {
    float: left;
}