/* ------ RESET ------ */
html, input, form, ul, ol {
	margin: 0;
	padding: 0;
}

ul, ol {
    list-style: none;
}

* {
    color: #4f4f4f;
}

h1, h2, h3 {
    text-align: left;
}

acronym {
    border-bottom: 1px dashed #4f4f4f;
}

/* ----- BODY ----- */
body {
	font: 80% georgia, sans-serif;
	margin: 0; 
	padding: 0;
    background: #fff;
}

a {
    text-decoration: none;
    color: #2c5aa0;
}

a:hover {
    text-decoration: none;
    color: #ff7f2a;
}


#main-container {
    width: 500px;
    margin: 0 auto;
}

/* ----- HEADER ----- */
#header {
    margin: 20px 0 20px 0;
}

    #header h1 {
        height: 192px;
        width: 414px;
        margin: 0 auto;
        background: url('../images/logo.png') no-repeat center;
    }

        #header h1 span {
            display: none;
        }

    #header h2 {
        text-align: center;
        display: none;
    }

/* ----- MAIN CONTENT ----- */
#main-content {
    overflow: auto;
    margin: 0 0 40px 0;
}

#new-map-form {
    margin: 0 auto;
}

    #new-map-form .url {
        margin: 0 0 0 0;
    }

    #new-map-form li {
        margin: 10px 0;
    }

    #new-map-form .url input {
        background: url('../images/input-background-blue.jpg') repeat-x;
        width: 488px;
        font-size: 2em;
        text-align: right;
        border: 1px solid #999999;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 2px 5px;
    }

    #new-map-form .options {
        float: left;
        width: 350px;
        margin: 0;
    }

    #new-map-form .create {
        width: 150px;
        float: right;
    }

        #new-map-form .create input {
            float: right;
            background: url('../images/input-background.jpg') repeat-x;
            border: 1px solid #999999;
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;
            width: 130px;
            height: 2.2em;
        }


    #new-map-form .accept-terms {
        float: left;
        margin: 10px 5px 0 0;
        width: 495px;
        text-align: right;
    }


#created-map {
    width: 480px;
    margin: 10px auto;
    padding: 10px 0;
    text-align: center;

}

    #created-map .map-link a {
        font-size: 2em;
    }


#instructions, #flash-messages {
    width: 478px;
    margin: 10px auto;
    padding: 10px 10px;
    text-align: left;
    border: 1px dashed #aaaaaa;
}

    #flash-messages li {
        padding-left: 10px;
        margin: 2px 0;
    }

    #flash-messages li.error {
        border-left: 1em solid #ffaaaa;
    }

/* ----- FOOTER ----- */

#footer {
    position: relative;
    float: left;
    width: 700px;
    margin: 0 -100px;
    padding: 10px 10px 20px 10px;
    border-top: 1px solid #aaaaaa;
}

    #footer-columns-container {
        float: left;
        padding-top: 10px;
    }

        #footer .footer-column {
            float: left;
            width: 140px;
            text-align: left;
            font-size: 12px;
        }

        #footer .footer-column h2 {
            text-align: left;
            font-size: 12px;
            margin-top: 0;
        }

    #footer #copyright-text {
        padding-top: 10px;
        float: right;
    }

        #footer #copyright-text p {
            margin-top: 0;
        }


        
/* ----- TERMS OF USE ----- */
body#terms-of-use p, body#about p {
    margin: 10px auto;
}

body#api #main-content {
    position: relative;
    margin: 10px 0px;
}

    body#api #main-content h2, 
    body#api #main-content h3 {
        color: #2c5aa0;
    }

    body#api #main-content h4 {
        color: #ff7f2a;
    }

    body#api #main-content .doc-section {
        margin: 0 0 0 20px;
    }

    body#api #main-content thead {
        font-weight: bold;
    }
    
    body#api #main-content td {
        padding: 5px 10px;
    }