/* Full-page styles */

/* The body tag has the outer background color, #frame has the inner one. */

body {
    /* Outer background color; inner color set by #frame */
    background-color: #9c896f;
    /* text is colorsafe.co OK match @ 10.48 contrast to #d1b794 */
    color: #050709;
}

#frame {
    /* sandy brown gotten by brightening burlywood in a color picker */
    background-color: #d1b794;
    margin: 32px 20%;
    padding: 32px 32px;
    border: 5px solid #685b4a;
    border-radius: 32px;
}

/* Global defaults */
/* TODO: actually pick preferred fonts */

h1, h2, h3, h4, h5, h6 {
    font-family: serif;
    /* a little more space before headings, a little less after */
    margin-top: 1em;
    margin-bottom: 0.5em;
}

div, p {
    font-family: sans-serif;
}

.divider-on-top {
    border-top: 3px solid #685b4a;
}

.divider-on-bottom {
    border-bottom: 3px solid #685b4a;
}

/* Masthead styles, incl. navbar */

#masthead {
    font-variant-caps: small-caps;
    padding-bottom: 1em;
}

#masthead h1 {
    padding: 0px 0px 0px 0px;
    margin: 0;
}

#masthead p {
    padding: 0.75em 0em 1em 1.5em;
    margin: 0;
}

#masthead ul {
    /*background-color: #fff000;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#masthead li {
    float:left;
}

#masthead a {
    display: block;
    /*color: white;*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#masthead a:hover:not(.active) {
  background-color: #c9b090;
}

#masthead .active {
    background-color: #333333;
}

/* General body styles */

/* Footer styles */

#footer {
    padding: 12px 0px 0px 0px;
    margin: 12px 0px 0px 0px;
}

#footer * {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}