/****************************************************************************
 * styles.css
 *
 * Computer Science 50
 * Problem Set 8
 *
 * Global stylesheet.
 ****************************************************************************


/* elements */

html
{
    height: 100%;
    overflow: hidden;
}

body
{
    /* page's background */
    background: #ffffff;

    /* default typeface */
    font-family: sans-serif;
    font-size: small;

    /* ensure body fills window */
    height: 100%;

    /* eliminate any margins around body */
    margin: 0px;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


/* IDs */

#logo
{
    /* position logo near window's top-left corner */
    position: absolute;
    left: 20px;
    top: 30px;
}

#form
{
    /* position form alongside logo */
    position: absolute;
    left: 150px;
    top: 40px;
}

#progress
{
    /* position progress indicator near window's top-right corner */
    position: absolute;
    right: 30px;
    top: 40px;
}

#map
{
    /* draw a nice border around map */
    border-color: #000000;
    border-style: solid;
    border-width: 4px;

    /* maintain a nice margin around map */
    margin: 20px;

    /* position map below logo and controls */
    top: 90px;
}