/* Blog styles */

.content {
    width: 42em;
    max-width: 90%;
    text-align: left;
    margin: 2em auto;
}

.post {
    border: 4px double #6cbdc9;
    padding: 1em 2em;
    margin-bottom: 2em;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.post a:hover {
    text-decoration: underline;
}

a.post-title {
    color: #fff;
}

.subnav {
    width: 18em;
}

.caption {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
}

.caption li {
    padding: 0 1em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.caption li + li {
    border-left: 2px solid #2c617b;
}

.author {
    display: inline-block;
    vertical-align: middle;
    border: 3px solid #231f20;
    width: 50px;
    height: 50px;
}

@media screen and (min-width: 970px) {
    .blog-tag {
        left: 48px;
    }