/*

Future Imperfect by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

*/

/* List */

ul.posts article:after {
        clear: both;
        content: '';
        display: block;
}

ul.posts article .image {
        display: table-cell;
        vertical-align: top;
}

ul.posts article header {
        display: table-cell;
        padding-right: 1em;
        vertical-align: top;
}

/* Author */

.author .name {
        display: inline-block;
        vertical-align: middle;
}

.author img {
        display: inline-block;
        vertical-align: middle;
}

/* Post */

.post:after {
        clear: both;
        content: '';
        display: block;
}

.post > header:after {
        clear: both;
        content: '';
        display: block;
}

.post > header .title {
        display: table-cell;
        vertical-align: top;
        width: 65%;
}

.post > header .meta {
        display: table-cell;
        vertical-align: top;
        width: 30%;
}

.post > footer:after {
        clear: both;
        content: '';
        display: block;
}

.post > footer .actions {
        display: inline-block;
}

.post > footer .stats {
        display: inline-block;
        margin-left: 2em;
}

/* Mini Post */

.mini-post .image {
        display: block;
}

/* Header */

#header:after {
        clear: both;
        content: '';
        display: block;
}

#header h1 {
        float: left;
}

#header .links {
        float: left;
}

#header .main {
        position: absolute;
        right: 0;
        top: 0;
}

/* Wrapper */

/* Sidebar */

#sidebar {
        display: table-cell;
        margin-right: 0;
        padding-right: 3em;
        vertical-align: top;
}

/* Main */

#main {
        display: table-cell;
        vertical-align: top;
}