#header {
    margin-top: 41px;
}

/*
 * do we need this?
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
*/

.blog-post-title {
    font-weight: 500;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}

.blog-post-title a {
    text-decoration: inherit;
    color: inherit;
}

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

.blog-post-meta {
    color: #6f6f6f;
}

@media (min-width: 768px) {
    .blog-sidebar {
        /* I would love to have the sidebar pinned like this, but doing so
         * causes the footer to creep up and overlap with it. :(
         */
        /* position: fixed; */
        right: 0;
    }
}

/* old (current) pagination*/
.pages a {
    border-radius: 3px;
    margin: 5px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* for pagination.new, currently disabled
.pagination > li > a {
    margin-left: -1px;
    color: #008cba;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
}
*/

.footer {
    color: #fff;
    background-color: #444;
    padding: 2em;
    margin-top: 1em;
    clear: both;
    width: 100%;
}

figure > figcaption {
    font-style: italic;
    margin-bottom: 1em;
    text-align: center;
}

.blog-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}