.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;
                }
            }
        }
    }
}