@import url(https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif:400,700,400italic,700italic);

/* Edit These */
body                {background-color: #000000;}
#navbar, #footer    {background-color: #D71A1D; color: white;}
li.nav-item a       {color: white;}
.nav-active, li.nav-item:hover {
    background-color: rgba(0,0,0,.25);
}

/* Body & Background Image */
body {
    background-image: url(body-background.png);
    background-size: 100%;
    background-position: center top;
    background-attachment: fixed;
    font-family: 'Noto Serif', serif;
    color: #000000;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0;
}

/* Page Content Container */
div#full {
    width: 960px;
    border: 1px solid white;
    border-top: 0px;
    display: inline-block;
}

/* Body div Containers */
body div {
    background-color: white;
    text-align: left;
}

/* Text Headlines */
body h2 { margin-top: 0px; }
body h1,
body h2,
body h3{ text-align: center }

/* Header Image */ 
div#header img {
    width: 960px;
    height: auto;
    display: block;
}

/* Navigation Bar */
div#navbar {
    border: solid white;
    border-width: 1px 0;
    font-size: 1.2em;
    height: 1.75em;
    font-family: 'Noto Sans', Sans-Serif;
}

.nav-list {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.nav-item {
    height: 1.75em;
    line-height: 1.75em;
    color: white;
    border-right: 1px solid white;
    list-style-type: none;
    display: inline-block;
}

li.nav-item a {
    color: white; 
    text-decoration: none;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

/* Content */
div#content { padding: 2em; padding-bottom: 3em; }

/* Block Quote */
blockquote {
    border: 1px dashed #6D5A4C;
    padding: 5px;
    font-size: .75em;
    font-style: italic;
    text-align: center;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}

/* Footer */
div#footer {
    text-align: center;
    padding-top: 1em;
    padding-bottom: .75em;
    font-family: 'Noto Sans', Sans-Serif;
}

/* Footer images */
#footer img {
    height: 2em;
    padding: 0 1em;
    vertical-align: middle
}

/* Hidden Elements */
.hide {
    display: none;
}