@import url("/assets/reset.css");
@import url("/assets/fonts.css");

BODY {
    margin: 0;
    padding: 0;
    font: normal 12pt/16pt Cabin, sans-serif;
    color: #301403;
    color: #614C3E;
}
#body {
    position: relative;
    margin: 20px auto;
    padding: 10px 20px 30px;
    z-index: 1;
}
#bg {
    position: fixed;
    bottom: 0;
    right: 0;
    background: white url("/assets/logstown.jpg") bottom center no-repeat;
    height: 320px;
    width: 283px;
    z-index: 0;
}

#content {
    padding: 0;
}

H1 {
    margin: 0;
    padding: 0;
    font: bold 24pt/24pt Cabin, sans-serif;
}
H1 A {
    text-decoration: none;
    color: #0A382E;
    color: #04221B;
    color: #2A8F79;
    color: #301403;
    color: #B0C2BA;
    color: #614C3E;
}

H2 {
    font: normal italic 16pt/16pt Cabin;
    margin: 2em 0 0.5em;
    padding: 0;
    text-align: left;
}
A { color: #2A8F79; }
A:hover {
    background: #FFFF00; 
    background: #B0C2BA;
    color: #614C3E;
}
P {
    font: normal 9pt/12pt Cabin;
    margin: 0 0 1em;
}
TABLE {
    font: normal 9pt/12pt Cabin;
}
H3 {
    margin: 0;
    padding: 1em 0 0.5em;
    color: #614C3E;
}
H3.year {
    margin: 0;
    padding: 11px 0 0;
    float: left;
    text-align: right;
    width: 64px;
    margin-left: -18px;
}
.posts {
    padding: 10px 0 0 64px;
}
.nav {
    margin: 0;
    padding: 0;
}
.hr {
    padding: 10px 0;
    clear: both;
}
A IMG {
    border: none;
}
LI {
    margin-left: 1em;
    border-left: 10px solid #301403;
}