html
{
    background: white;
    color: black;
}

body
{
    padding: 0 1em;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Nobile, sans-serif;
}

header
{
    padding-top: 5em;
    padding-bottom: 4em;
    min-width: 24em;
    max-width: 38em;

    margin: 0 auto;
}

header h1
{
    font-size: 200%;
}

header h2
{
    font-family: Cantarell, sans-serif;
    font-weight: normal;
    line-height: 2em;
    font-style: italic;
    color: #666;
}

article
{
    clear: left;
    margin: 0 auto;
    min-width: 24em;
    max-width: 38em;

}

article h1
{
    margin-top: 3em;
    font-size: 140%;
}

article h2
{
    margin-top: 3em;
    font-size: 105%;
}

article h3
{
    font-style: italic;
    font-size: 90%;
    margin: 3em auto 2em auto;
}

article h4, article dt
{
    font-weight: bold;
    font-family: Cantarell, sans-serif;
}

article dt
{
    margin-bottom: 0;
}

article dd
{
    margin-top: 0.5em;
}

p, dd
{
    font-family: Cantarell, sans-serif;
    line-height: 1.5em;
    word-wrap: break-word;
    text-align: justify;
    text-justify: newspaper;
}

p, h4
{
    margin-top: 1.5em;
}



p + p, ul + p, ol + p, pre + p, dt
{
    margin-top: 1.5em;
    text-indent: 2em;
}

.hanging, dd
{
    text-indent: 0em;
    padding-left: 2em;
}

.hanging
{
    text-align: left;
}

.left
{
    text-indent: 0;
}

pre
{
    margin-top: 1.5em;
    padding-left: 2em;
}

pre, code
{
    font-family: Inconsolata, monospace;
    line-height: 1.5em;
    text-align: left;
    text-justify: auto;
}
article li
{
    font-size: 100%;
    font-family: Cantarell, sans-serif;
    text-indent: 2em;
    line-height: 1.5em;
}

nav
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: "Droid Sans", sans-serif;
    height: 3.5em;
    background: black;
    color: white;
    border-radius: 1em;
    min-width: 24em;
    max-width: 38em;
    margin: 0 auto;
}

nav ul
{
    text-indent: 1em;
}

nav ul li ul li
{
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
}

nav li
{
    line-height: 3.5em;
    padding-right: 2em;
    float: left;
    height: 3.5em;
    margin-left: 1em;
}

nav li li, nav li + li
{
    margin: 0;
}

nav li ul
{
    position: absolute;
    left: -999em;;
    width: 14em;
    margin-top: -1em;
}

nav li:hover ul
{
    left: auto;
}

nav li:hover ul li ul
{
    left: -999em;
}

nav li ul li
{
    height: 3em;
    line-height: 3em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    width: 100%;
    margin-top: -1px;
}

nav li ul li ul
{

    left: -999em;
    margin-left: 7em;
    margin-top: -2.5em;
}

nav li ul li:hover ul
{
    left: auto;
}


nav a:link {
    color: white;
    text-decoration: none;
}
nav a:visited {
    color: white;
    text-decoration: none;
}
nav a:active,
nav a:hover {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

hr {
    border:0;
    color:#ccc;
    margin: 1.5em 0;
}

article a:link {
    color:#004B91;
}
article a:visited {
    color:#743399;
}
article a:active,
article a:hover {
    color: #FF4B33;
}

article ul
{
    list-style: disc;
    margin-top: 1em;
    list-style-position: inside;
}

article ol
{
    margin-top: 1em;
    list-style-position: inside;
    font-weight: bold;

}

article ol span
{
    font-weight: normal;
}



footer
{
    max-width: 38em;
    min-width: 24em; 
    margin: 4em auto 0 auto;
    border-top: 1px solid #ccc;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

time, blockquote
{
    color: #666;
    font-family: Cantarell, sans-serif;
}

time
{
    line-height: 2.5em;
    font-size: 90%;
}

blockquote
{
    font-style: italic;
    float: right;
    width: 12em;
    margin-left: 2em;
    margin-bottom: 1em;
}

time + blockquote
{
    margin-top: 2em;
}