/*
Construct a 2-column display, with a fixed-width left column and liquid
playlist column.

This uses a left-side width of 450px, and a center padding of 6px. The right
side has a 1px width.

see http://www.alistapart.com/d/holygrail/example_4.html
*/
body {
    margin: 0;
    background: #101010;
    color: white;
}

#header {
    padding: 1em;
}
#footer {
    padding: 1em;
    clear: both;
}

#container {
    border: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#playlist {
    /*background: #a0a0ff;*/
    background: gray;
    padding: 0.5em;
    width: 100%;
}
#playlist-wrapper {
    vertical-align: top;
    width: 100%;
    padding: 1em 2em 1em 1em;
}

#player-wrapper {
    padding: 1em;
}
#player {
    width: 450px; /* Left fullwidth - Left padding */
    padding: 0px; /* Left padding */
}

#controller {
    /* center on the player */
    margin-left: auto;
    margin-right: auto;
    width: 80%; /* a rough approximation */
}
#videoplayer {
    float: left;
    width: 425px;
    height: 356px;
    padding: 1em;
}