body {
    font-family: "Optima", sans-serif;
    background-color: #002244;
}

div.main {
    background-color: #FFFFFF;
    max-width: 720px;
    padding: 50px 50px;
    margin: 0px auto;
    text-align: left;
}

h1, h2 {
    font-family: "Franklin Gothic", sans-serif;
}

dl.contact {
    display: grid;
    grid-gap: 4px 16px;
    grid-template-columns: max-content;
}

dl.contact>dt {
    color: #606060;
}

dl.contact>dd {
    margin: 0;
    grid-column-start: 2;
}

div.navigation {
    text-align: right;
}

div.index>a {
    color: inherit;
    text-decoration: inherit;
}

div.indexpost {
    background-color: #E0F0FF;
    border-style: solid;
    border-width: 1px;
    border-color: #606060;
    margin: 12px 0px;
    padding: 4px;
}

span.posttitle {
    font-family: "Franklin Gothic", sans-serif;
    padding: 0px 0px 4px;
    display: block;
    font-size: 130%;
}

span.postabstract {
    display: block;
    font-size: 90%;
}

span.postdate {
    display: inline-block;
    font-style: italic;
    font-size: 90%;
}

span.posttags {
    display: inline-block;
    font-style: italic;
    font-size: 90%;
}

span.navlinks>a {
    padding: 0px 4px;
}

a.here {
    color: #CCCCCC;
}

span.sc {
    font-variant: small-caps;
}