body
{
    max-width: 800px;
    min-width: 600px;
    margin: 3em auto 2em auto;
    background-color: #5c8946;
    
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    color: white;
    text-shadow: 1px 1px #3b662a;
}

section, article, nav, header, footer
{
    display: block;
}

a:link, a:visited
{
    color: #b4f9a7;
}
a:hover, a:active, a:focus
{
    color: #ebffdd;
}

hr
{
    width: 20%;
    margin: 1.25em 0;
    border: 0;
    border-top: 1px solid #71a855;
}

a img
{
    border: none;
}

header nav, section#main, footer
{
    margin-left: 150px;
}

/*******************************/

header
{
    margin-bottom: 2.5em;
}

header h1
{
    margin: 1px 25px 0 0;
    padding: 0;
    width: 125px;
    float: left;
    
    text-align: right;
    font-size: 1.3em;
}

header nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    
    font-size: 1.8em;
    text-transform: lowercase;
}

header nav li
{
    margin: 0 0.8em 0 0;
    padding: 0;
    display: inline;
}

header nav li.current
{
    font-weight: bold;
}

header nav ul a
{
    text-decoration: none;
}

/*******************************/

article
{
    margin: 1.5em 0;
    clear: left;
    overflow: auto;
}

article h1
{
    margin: 0;
    
    font-size: 1.1em;
}

div.thumbnail
{
    float: left;
    margin-right: 15px;
}

div.thumbnail img
{
    border: 5px solid rgba(120, 168, 98, 0.5);
}

article div.thumbnail a:hover img, article div.thumbnail a:active img, article div.thumbnail a:focus img
{
    border-color: #96ec87;
}

p
{
    line-height: 1.5em;
}

/*******************************/

footer
{
    font-size: 0.85em;
    border-top: 1px dotted #71a855;
    margin-top: 2em;
}