/****************************************************************************
 * styles.css
 *
 * Computer Science 50
 * Problem Set 7
 *
 * Global CSS.
 ***************************************************************************/

.container
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#top
{
    /* center contents */
    text-align: center;
}

#top-center
{
    /* center contents horizontally and vertically */
    text-align: center;
    margin-top: 10%;
    margin-bottom: 3%;
}

#middle
{
    /* center contents */
    text-align: center;
}

#middle .nav
{
    display: inline-block;
}

#bottom
{
    /* shrink bottom's font size */
    font-size: smaller;

    /* surround with whitespace */
    margin: 20px;
    
    margin-top: 3%;

    /* center contents */
    text-align: center;
}

#playlist
{
    max-height: 480px;
    overflow: auto;
    float: left;
}

#playlist .thumbnail
{
    margin: 5px;
}

#inbox
{
    /* left-justify text */
    text-align: left;
    white-space: normal;
}

#scrollArea
{
    /* add scroll bar */
    max-height: 180px;
    white-space: normal;
    overflow-y: auto;
}

.spacer-row
{
    /* padding */
    margin-top: 10px;
}