.blog {

overflow: auto;

.localnav {
    width: 28%;
    float: right;
    margin-top: $base-sizing;

    h3 {
        text-align: right;
        font-family: aqua_grotesqueregular, serif;
        margin-bottom: $base-spacing * 0.5;
    }

    li {
        padding: 0;
        display: block;
        clear: both;
        text-align: right;
    }

    a {
        font-size: $small-font-size * 0.8;
        text-align: right;
        padding-bottom: 0.5em;
    }

    a:hover, a:active, a:focus {
        border-bottom-style: none;
    }

    #page-header {
        float: right;
        clear: both;
        font-family: aqua_grotesqueregular, serif;
        font-size: $base-font-size;
    }
}

#posts {
    width: 70%;
    float: left;
    overflow: auto;
    margin-top: $base-sizing;

    p.date {
        float: right;
        font-size: $small-font-size;
    }

    p {
        clear: both;
        margin-top: 0;
    }

    #post {
        padding-bottom: 0;
        margin: $base-spacing * 2.5;
        border-bottom-style: ridge;
        border-width: $border-width;
        white-space: pre-wrap;

        p {
            margin-bottom: -1.8em;
        }

        .commentcount {
            padding-top: $base-spacing;
            margin-bottom: -2em;
            display: block;
            text-align: right;
            font-variant: small-caps;
        }

        a {

            h3 {
                font-size: $base-font-size * 1.4;
                margin-bottom: 0.5em;
            }
        }

        a.read-more {
            float: right;
            font-size: $base-font-size * 1.1;
            font-variant: small-caps;
        }

    }

    #post:last-of-type {
        border-bottom-style: none;
    }

    #post:first-of-type {
        margin-top: 0;
    }

    img {
        display: block;
        margin: $center;
        padding: $base-spacing 0;
    }

    h2, h3, h4, h5 {
        margin: 0;
    }
}

}

.post-wrapper {

.localnav {
    width: 28%;
    float: right;
    margin-top: $base-sizing;

    h3 {
        text-align: right;
        font-family: aqua_grotesqueregular, serif;
        margin-bottom: $base-spacing * 0.5;
    }

    li {
        padding: 0;
        display: block;
        text-align: right;
    }

    a {
        font-size: $small-font-size * 0.8;
        text-align: right;
        padding-bottom: 0.5em;
    }

    a:hover, a:active, a:focus {
        border-bottom-style: none;
    }

    #page-header {
        float: right;
        font-family: aqua_grotesqueregular, serif;
        font-size: $base-font-size;
    }
}

.post {
    width: 70%;
    float: left;
    margin-top: $base-sizing;

    h2 {
        font-family: simplificasimplifica, serif;
    }

    h3, h4, h5 {
        font-family: $base-font-family;
        font-size: $base-font-size * 1.2;
        margin-top: 1em;
        margin-bottom: 0;
    }

    p {
        margin-bottom: -1em;
        padding-left: $base-spacing;
    }

    .post-content {
        margin-top: $base-spacing * 2;
        padding-bottom: $base-spacing * 2;
        white-space: pre-wrap;

        ol, ul {
            list-style-type: initial !important;

            li {
                display: list-item;
                margin-top: -2em;
                margin-left: 1em;
            }
        }
    }
}

}