/*

  Scheme:
    Primary = #FBB
    Secondary = #C99
    Accent = 
    Black = #000
    White = #FFF

*/

/* Document rules */
html {
    margin: 0px;
    padding: 0px;
    background-color: #FBB;
}

body {
    margin: 0px;
    padding: 0px;
}

/* Section rules */
header, main {
    /* Give a border ot the section */
    border: #B77 solid 2px;

    /* Provide padding against the left edge; this also provides
       2em of spacing between the header and main, and 1em of spacing
       from the footer and navbar, respectively. */
    padding: 1em;

    a {
        color: #11C;
    }

    a:hover {
        color: #33E;
    }

    a:active {
        color: #E33;
    }

    a:visited {
        color: #A3A;
    }
}

/* Nav-bar and footer (top and bottom, respectively) */
#site-nav, footer {
    background-color: #722;
    color: #FFF;

    a {
        color: #FFF;
    }

    a:hover {
        color: #FF0;
    }

    a:active {
        color: #F0F;
    }
}

/* Page navigation; anchor tags here act more like buttons */
#page-nav {
    ul {
        list-style: none;
    }

    a {
        background-color: #722;
        color: #FFF;
        text-decoration: none;
    }

    a:hover {
        color: #FF0;
    }

    a:active {
        color: #F0F;
    }
}

/* Generic rules for headings */
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Specific rules for headings */
h1 {
    font-size: x-large;
    font-weight: 1000;
}

h2 {
    font-size: larger;
    font-weight: 900;
}

h3 {
    font-size: large;
    font-weight: 800;
}

h4 {
    font-size: large;
    font-weight: 700;
}

h5 {
    font-size: large;
    font-weight: 600;
}

h6 {
    font-size: large;
    font-weight: 500;
}

/* General text rules */

p {
    font-size: medium;
    font-weight: 400;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
    /* Provide very slight left padding to distinguish from headings more. */
    padding-left: 0.5em;
}