/*
ASSTR JS Anonical Style Sheet
Author: JS Anonical
Date: 7/7/2015
*/

/* Palette
Light: #8f8f8f
Medium: #1f1f1f
Dark: #0c0c0c
*/

/* Body */

body {
    background-color: #1f1f1f;
    background-image: url('../charcoal.gif');
    font-size: 1.2em;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #0c0c0c;
    line-height: 1.0em;
}

#content {
    background-color: #1f1f1f;
    color: #8f8f8f;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#content a, a:visited, a:hover, a:active {
			   color: #ffffff;
			   text-decoration: underline;
				}
#content ul {
    font-size: 0.8em;
}

p {
    padding: .5em;
    font-size: .8em;
}

/* Header */

header {
    background-color: #8f8f8f;
    color: #1f1f1f;
    width: 100%;
    font-weight: bold;
}

h1 {
    font-size: 1.2em;
    padding: .5em;
}

/* Navigation */

#navigation {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: .5em;
}

nav {
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

nav ul, li {
}

nav a, a:visited, a:hover, a:active {
    color: #8f8f8f;
    text-decoration: none;
}

.nav-toggle {
    color: #8f8f8f8f;
    text-decoration: none;
    text-transform: uppercase;
}

a.nav-toggle {
    color: #8f8f8f;
    text-decoration: none;
}

/* Footer */

footer {
    width: 100%;
    padding-top: .5em;
    padding-bottom: .5em;
    background-color: #0c0c0c;
    color: #8f8f8f;
    font-size: .7em;
    text-align: center;
}