@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';

/*
	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;
				}

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

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

/* Author */

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

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

/* Post */

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

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

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

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

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

			.actions {
				display: inline-block;
			}

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

/* Mini Post */

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

/* Header */

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

		h1 {
			float: left;
		}

		.links {
			float: left;
		}

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

/* Wrapper */

	#wrapper {
	}

/* Sidebar */

	#sidebar {
		display: table-cell;
		margin-right: 0;
		padding-right: _size(section-spacing);
		vertical-align: top;
	}

/* Main */

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