/*


	Taschenbuch 1.0 CSS
	Copyright (c) 2013 Bryan Klausmeyer. All rights reserved.


------------------------------------------------------------*/

/* reset */

html, body, div, span, applet,
object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym,
address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form,
label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* =General UI Elements
------------------------------------------------------------*/

html {
	top: 0 !important;
}

body {
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
	text-rendering: optimizeLegibility;
}

a {
	text-decoration: none !important;
}

main[role="main"] {
	width: 92%;
	margin: 2.5em 4% 2em 4%;
}

#page {
	margin-left: 100px;
}

#page,
#cols {
	position: relative;
}

/* Fancy Ampersands */

.amp {
	font-family: "Droid Serif", Baskerville, Palatino, "Book Antiqua", serif !important;
	font-style: italic;
}

/* =Header
------------------------------------------------------------*/

header[role="banner"] {
	position: relative;
	margin: 1.25em 0 1.25em 100px;
	padding: 0 1%;
}

#header {
	float: left;
	width: auto;
	position: relative;
}

#header h1.home {
	float: left;
	position: relative;
	font: 700 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	margin-right: 1.25em;
}

/* navigation */

nav[role="navigation"] {
	float: left;
	position: relative;
}

nav[role="navigation"] ul > li {
	display: inline-block;
	font: 400 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
}

nav[role="navigation"] ul > li + li {
	margin-left: 1.25em;
}

nav[role="navigation"] ul > li a {
	display: inline-block;
}

/* description */

#description {
	position: relative;
	margin-bottom: 0.25em;
	clear: both;
}

#description p {
	font: 400 italic 0.875em/1 "Source Sans Pro", Verdana, Arial, sans-serif;
}

/* social networking icons */

#social {
	width: auto;
	float: right;
	position: relative;
}

#social ul {
	float: left;
	position: relative;
}

#social ul > li {
	display: inline-block;
}

#social ul > li + li {
	margin-left: 0.1em;
}

#social ul > li a span {
	display: none;
}

#social ul > li a:before {
	display: inline-block;
	padding: 4px;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
	opacity: 0.25;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

#social ul > li a:hover:before {
	opacity: 0.8;
}

li.twitter a:before { content: '\f202'; }
li.facebook a:before { content: '\f204'; }
li.googleplus a:before { content: '\f218'; }
li.linkedin a:before { content: '\f207'; }
li.youtube a:before { content: '\f213'; }
li.tumblr a:before { content: '\f214'; }
li.flickr a:before { content: '\f211'; }
li.instagram a:before { content: '\f215'; }
li.pinterest a:before { content: '\f209'; }

#social li.twitter a:hover:before, #social_menu li.twitter a:hover { background-color: #00aced !important; }
#social li.facebook a:hover:before, #social_menu li.facebook a:hover { background-color: #3b5998 !important; }
#social li.googleplus a:hover:before, #social_menu li.googleplus a:hover { background-color: #dd4b39 !important; }
#social li.linkedin a:hover:before, #social_menu li.linkedin a:hover { background-color: #007bb6 !important; }
#social li.youtube a:hover:before, #social_menu li.youtube a:hover { background-color: #c4302b !important; }
#social li.tumblr a:hover:before, #social_menu li.tumblr a:hover { background-color: #34526f !important; }
#social li.flickr a:hover:before, #social_menu li.flickr a:hover { background-color: #ff0084 !important; }
#social li.instagram a:hover:before, #social_menu li.instagram a:hover { background-color: #517fa4 !important; }
#social li.pinterest a:hover:before, #social_menu li.pinterest a:hover { background-color: #cb2027 !important; }

/* search */

#search {
	float: right;
	position: relative;
}

#search .icon-search {
	float: right;
	margin-left: 0.875em;
	padding-left: 0.625em;
	cursor: pointer;
}

#search .icon-search:before {
	content: '\f400';
	display: inline-block;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Noticons';
	vertical-align: middle;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

#search .icon-search:hover:before {
	opacity: 0.8;
}

#search .icon-search span {
	display: none;
}

.form-search {
	width: 0;
	opacity: 0;
	position: absolute;
	overflow: hidden;
}

.form-search input[type="text"] {
	margin: 0;
	padding: 5px;
	border: 0;
	font: 400 0.875em/1 "Source Sans Pro", Verdana, Arial, sans-serif;
    -webkit-border-radius: 5px;
        moz-border-radius: 5px;
            border-radius: 5px;
}

/* =Logo
------------------------------------------------------------*/

aside[role="logo"] {
	width: 72px;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	position: fixed;
}

#logo a {
	display: block;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	border: 0 !important;
}

#logo a:hover {
	background-position: bottom left;
}

#logo a span {
	display: none;
}

/* =Base Formatting
------------------------------------------------------------*/

.base_format p,
.base_format li {
	font-size: 0.875em;
	line-height: 1.5;
	text-align: left;
	widows: 4;
	orphans: 4;
	hyphenate: auto;
	hyphenate-lines: 3;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
}

.base_format p {
	margin-bottom: 0;
}

.base_format p + p {
	text-indent: 1em;
	margin-top: 0;
}

.base_format p.last {
	margin-bottom: 0;
	padding-bottom: 0;
}

.base_format a {
	color: inherit;
	padding-bottom: 1px;
}

.base_format em {
	font-style: italic;
}

.base_format strong {
	font-weight: bold;
}

.base_format small,
.base_format abbr,
.base_format acronymn {
	font-size: 0.9em;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1;
	border-bottom: 0;
	padding: 0 1px;
	letter-spacing: 1px;
}

.base_format cite {
	font-style: normal;
}

.base_format ul,
.base_format ol {
	margin: 1em;
}

.base_format ul ul,
.base_format ul ol,
.base_format ol ol,
.base_format ol ul {
	margin-bottom: 0;
	margin-top: 0.25em;
}

.base_format ul li,
.base_format ol li ul li {
	list-style: circle;
}

.base_format ol li,
.base_format ul li ol li {
	list-style: decimal;
}

.base_format li p {
	font-size: 1em;
}

.base_format pre {
	margin: 1em;
	font-family: inherit;
	line-height: 1.5em;
}

.base_format .verse pre {
	display: table;
	width: auto;
	margin: 0.25em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.base_format code {
	font-family: "Consolas", "Lucida Console", monospace !important;
	font-size: 1em;
	line-height: 1.5;
}

h1, .base_format h1,
h2, .base_format h2,
h3, .base_format h3,
h4, .base_format h4,
h5, .base_format h5 {
	color: inherit;
	page-break-inside: never;
	position: relative;
}

h1, .base_format h1 {
	font: 700 2em/1 "Source Sans Pro", Verdana, Arial, sans-serif;
	margin-bottom: 0.625em;
}

h2, .base_format h2 {
	font: 700 1.75em/1 "Source Sans Pro", Verdana, Arial, sans-serif;
	margin-bottom: 0.625em;
}

h3, .base_format h3 {
	font-size: 1.5em;
	line-height: 1.333;
	font-weight: 400;
	margin-bottom: 0.5em;
}

h4, .base_format h4 {
	font-size: 1.25em;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 0.5em;
}

h5, .base_format h5 {
	font: 700 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.base_format img {
	max-width: 100%;
	height: auto;
	margin: 0;
}

.base_format sup {
	vertical-align: baseline;
	font-size: 0.5em;
	position: relative;
	top: -0.25em;
}

.base_format blockquote {
	margin: 1em;
	font-style: italic;
	color: inherit;
}

.base_format blockquote p {
	text-indent: 0 !important;
}

.base_format blockquote p + p {
	margin-top: 1em;
}

.base_format blockquote p + p:before,
.base_format blockquote p:first-child:before {
	content: '\201C';
}

.base_format blockquote p:last-child:after {
	content: '\201D';
}

.base_format blockquote em {
	font-style: normal !important;
}

.base_format iframe {
	max-width: 100%;
}

/* =Index Page
------------------------------------------------------------*/

.narrow {
	width: 48%;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 1% 1.25em 1%;
}

.narrow .panel_content {
	padding: 1.25em 1.25em 0.25em 1.25em;
}

.narrow .caption {
	overflow: hidden;
}

.narrow .no_caption {
	padding: 0 !important;
	height: 0;
}

.ref:before {
	content: '\f500';
	display: inline-block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
	position: absolute;
	bottom: 0;
	left: 15px;
}

.meta_foot.no_caption_meta hr {
	display: none !important;
}

.meta_foot {
	overflow: hidden;
	padding: 0.625em 1.25em;
}

.meta_foot hr {
	height: 1px;
	border: none;
	display: none;
}

.meta_foot .meta {
	float: left;
	width: 75%;
	height: 20px;
	position: relative;
	overflow: hidden;
}

.meta_foot .meta li {
	float: left;
	padding: 0;
	display: inline;
	font: 400 0.875em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.meta_foot .meta li a {
	text-decoration: none;
	border: none;
	line-height: 1;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.meta_foot .meta li.permalink a span {
	margin-left: -100px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.meta_foot .meta li.permalink a:hover span {
	opacity: 1;
	margin-left: 0;
	margin-right: 0.5em;
}

.meta_foot .meta li.permalink a:before {
	content: '\f419';
	display: inline-block;
	padding: 0 0.5em 0 0;
	margin: -0.25em 0 0 0;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

li.reblog-link a,
li.source-link a {
	padding: 0.2em 0.4em;
    -webkit-border-radius: 5px;
        moz-border-radius: 5px;
            border-radius: 5px;
}

li.reblog-link a:before {
	content: '\f805';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	padding: 0;
	margin: -0.3em 0.2em 0 0;
	vertical-align: middle;
}

.meta_foot .meta_share {
	float: right;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.meta_foot .meta_share li {
	float: left;
}

.meta_foot .meta_share li a {
	border: none;
	display: block;
	height: 20px;
	width: 21px;
	margin: -0.25em auto auto;
	text-decoration: none;
	position: relative;
}

.meta_foot .meta_share li.reblog {
	margin: 0 0.625em 0 0;
}

.meta_foot .meta_share li.reblog path {
	display: none;
}

.meta_foot .meta_share li.reblog a:before {
	content: '\f805';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 26px/1 'Noticons';
	vertical-align: middle;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.meta_foot .meta_share li .like_button {
	display: block;
	height: 20px;
	width: 21px;
	margin: -0.2em auto auto;
	position: relative;
}

.meta_foot .meta_share li .like_button iframe {
	position: relative;
	z-index: 1;
	vertical-align: top;
	opacity: 0;
}

.meta_foot .meta_share li .like_button:before {
	content: '\f461';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 21px;
	height: 20px;
	-webkit-font-smoothing: antialiased;
	font: normal 26px/1 'Noticons';
	vertical-align: middle;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.meta_foot .meta_share li .like_button.liked:before {
	color: #C10025;
}

.panel_foot hr {
	display: none !important;
}

/* ----------------------------------------------------------

	P O S T   S T Y L E S

------------------------------------------------------------*/


/* =Photos
------------------------------------------------------------*/

.photo .panel_content {
	padding-top: 1em;
}

.photo img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.photo a .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all .6s ease;
	   -moz-transition: all .6s ease;
	     -o-transition: all .6s ease;
	        transition: all .6s ease;
}

.photo a .overlay {
	width: 100%;
}

.photo a .overlay:before {
	content: '\f402';
	color: #fff;
	display: inline-block;
	position: absolute;
	margin: -32px 0 0 -32px;
	-webkit-font-smoothing: antialiased;
	font: normal 64px/1 'Noticons';
	text-align: center;
	left: 50%;
	top: 50%;
}

.photo a:hover .overlay {
	opacity: 0.8;
}

.photo .photo_narrow,
.photo .photo_full {
	position: relative;
}

/* =Photosets
------------------------------------------------------------*/

.photoset .panel_content {
	padding-top: 1em;
}

.photoset .photoset-grid {
	position: relative;
}

.photoset a .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all .6s ease;
	   -moz-transition: all .6s ease;
	     -o-transition: all .6s ease;
	        transition: all .6s ease;
}

.photoset a .overlay {
	width: 100%;
}

.photoset a .overlay:before {
	content: '\f402';
	color: #fff;
	display: inline-block;
	position: absolute;
	margin: -32px 0 0 -32px;
	-webkit-font-smoothing: antialiased;
	font: normal 64px/1 'Noticons';
	text-align: center;
	left: 50%;
	top: 50%;
}

.photoset a:hover .overlay {
	opacity: 0.8;
}

/* =Videos
------------------------------------------------------------*/

.video .panel_content {
	padding-top: 1em;
	overflow: hidden;
}

.video .video_embed {
	overflow: hidden;
}

.video .video_embed iframe {
	z-index: 0 !important;
	position: relative;
	width: 100% !important;
	cursor: pointer !important;
}

.video .video_embed iframe.has_lightbox {
	z-index: 90210 !important;
}

.video .no_flash {
	padding: 20px;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
	font-size: 1em;
}

#content .video .video_embed {
	background: none;
}


/* =Quotes
------------------------------------------------------------*/

.quote .panel_content {
	padding: 0;
	overflow: hidden;
}

.quote blockquote.quote_text {
	position: relative;
	line-height: 1.4;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	overflow: hidden;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.quote blockquote.quote_text em {
	font-style: normal !important;
}

.quote blockquote.quote_text:before {
	content: '\201C';
	font-size: 2.2em;
	font-weight: 700;
	font-style: normal !important;
	line-height: 1;
	color: rgba(255,255,255,0.15);
	text-shadow: none !important;
	margin: -0.1em 0 0 -0.15em;
	position: absolute;
	top: 20px;
	left: 0;
}

.quote .cite {
	display: block;
	padding: 1em 1.25em 0.25em 1.25em;
}

.quote .cite p:before {
	content: "\2014 \2009";
}

.quote .no_content {
	padding-bottom: 0.25em;
}

.narrow_quote blockquote.quote_text {
	font-size: 1.25em;
	padding: 1em 1em 1.25em 1em;
}

.narrow_quote .cite p {
	margin: 0 !important;
	padding: 0 0 0 1.45em;
	text-indent: -1.45em;
}

#content .quote blockquote.quote_text {
	font-size: 1.5em;
	padding: 0.833em 0.833em 1.042em 0.833em;
	position: relative;
}

#content .quote .cite p {
	padding: 0 0 0 1.4em;
	margin: 0 !important;
	text-indent: -1.4em;
}

/* =Audio
------------------------------------------------------------*/

.audio {
	overflow: hidden;
}

.audio .panel_content {
	padding-top: 1em;
}

.album {
	width: 100%;
	position: relative;
}

.audio .ref:before {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.album iframe {
	width: 100% !important;
	margin: 0 0 -2px 0;
}

#content .album {
	background: none;
}

/* =Links
------------------------------------------------------------*/

.link h3:after,
.link h4:after {
	content: '\2192';
	padding-left: 0.25em;
	color: rgba(0,0,0,0.1);
	opacity: 0;
}

.link h3:hover:after,
.link h4:hover:after {
	opacity: 1;
}

#content .link .panel_content {
	margin-top: 0;
}

/* =Text
------------------------------------------------------------*/

.text h1 a,
.text h2 a {
	border: 0 !important;
}

#content .text .panel_content {
	margin-top: 0;
}

/* =Chats
------------------------------------------------------------*/

.chat h2 a {
	border: 0 !important;
}

#content .text .panel_content {
	margin-top: 0;
}

.chat .conversation {
	margin: 0;
	padding: 0;
}

.chat .conversation li {
	list-style: none;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}

.chat .conversation li + li {
	margin-top: 0.4em;
	padding-top: 0.4em;
}

.chat .conversation .label {
	font-size: 0.9em;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1;
	border-bottom: 0;
	padding: 0 1px;
	letter-spacing: 1px;
}

/* =Ask/Answer
------------------------------------------------------------*/

.answer_form_container {
	margin: 0;
	padding: 0;
	text-indent: 0 !important;
}

.answer_form_container iframe {
	margin: 1em 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.note-item {
    margin-top: 0.938em;
    position: relative;
}

.note-item:first-child {
    margin-top: 0;
}

.note-item .text {
    border-radius: 5px;
    position: relative;
    margin-right: 3.75em;
    padding: 0.938em 1.25em;
}

.note-item .text:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 16px;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.note-item .text .asker,
.note-item .text .answerer {
    margin-bottom: -0.25em;
}

.note-item .text .answerer-answer,
.note-item .text .asker-question {
    margin: 1em 0 0;
}

.note-item .avatar {
    position: absolute;
    top: 0.313em;
    right: 0;
}

.note-item .avatar img {
    border-radius: 5px;
    width: 40px;
    height: 40px;
}

.answer .replies {
    margin-top: 1.25em;
}

.answer .attribution-tags {
    margin: 0 0 -1.25em;
}

/* =Static Pages
------------------------------------------------------------*/

.page #content {
	margin-bottom: 1.25em;
}

/* =Permalinks
------------------------------------------------------------*/

#content {
	width: 71.333%;
	margin: 0 1%;
}

#content .panel_content,
#content .cite {
	margin: 1.25em 0 2.5em 0;
	padding: 0;
	background: none;
	position: relative;
}

/* full modules */

.full {
	position: relative;
}

.full p,
.full li,
.full pre,
.full code,
.full blockquote p,
.full blockquote li,
.full blockquote blockquote {
	font-size: 1em;
}

.full blockquote {
	color: rgba(0,0,0,0.6);
}

.full .empty_meta_foot {
	display: none;
}

/* page headers */

h1.page_title {
	width: 98%;
	margin: 0 1% 0.625em 1%;
	padding-bottom: 0.625em;
}

h1.page_title .tag {
	text-transform: capitalize !important;
}

/* attribution */

#attribution li {
	float: left;
	margin: 1.25em 0 0 0;
	padding: 0;
	display: inline;
	font: 400 0.875em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* disqus */

#disqus {
	margin-top: 1.25em;
	padding: 1.25em;
}

/* Notes */

#notes {
	width: 100%;
	margin-top: 1.25em;
	position: relative;
	overflow: hidden;
}

#notes .notes_header {
	width: 98%;
	margin: 0 1%;
}

#notes h5 {
	float: left;
	display: inline;
	min-width: 18%;
	margin-right: 2%;
	font-weight: 400 !important;
	text-transform: capitalize;
	letter-spacing: 0;
	color: rgba(0,0,0,0.4);
}

#toggle_notes {
	position: relative;
	float: right;
	display: inline;
	font: 700 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	text-transform: capitalize;
}

#notes .shownotes a:before {
	content: '\f502';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
	padding: 0 0.4em 0 0;
	margin: 0.25em 0 0 0;
}

#notes .hidenotes a:before {
	content: '\f500';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
	padding: 0 0.4em 0 0;
	margin: -1em 0 0 0;
}

ol.notes {
	clear: both;
}

ol.notes li {
	font-size: 0.875em;
	line-height: 1.5;
	color: rgba(0,0,0,0.4);
	margin: 0 1%;
	padding: 0.5em 0 0.5em 1.5em;
	position: relative;
}

ol.notes a .avatar {
	position: absolute;
	left: 0;
	top: 0.8em;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

ol.notes a:hover .avatar {
	opacity: 0.3;
}

ol.notes blockquote {
	margin: 0.357em;
	font-style: italic;
}

ol.notes blockquote:before {
	content: '\201C';
}

ol.notes blockquote:after {
	content: '\201D';
}

ol.notes blockquote a {
	color: rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/* =Pagination
------------------------------------------------------------*/

#pagination {
	width: 100%;
	margin-top: 1.25em;
	overflow: hidden;
}

#notes + #pagination {
	margin: 0 !important;
}

#pagination .page_nav li a,
#pagination .page_count li,
#pagination .authored li a,
#pagination .tags li li,
#notes h5,
#toggle_notes {
	padding: 0.875em 0;
}

#pagination li {
	display: block;
	font: 400 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
}

#pagination .page_count {
	float: left;
	margin: 0 1%;
}

#pagination .page_count li {
	color: rgba(0,0,0,0.4);
}

#pagination .page_count li em {
	font-family: "Droid Serif", Georgia, Palatino, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1;
	padding: 0 2px 0 1px;
}

#pagination .page_nav {
	float: right;
	margin: 0 1%;
}

#pagination .page_nav li a {
	display: block;
	font-weight: 700;
	text-align: center;
}

#pagination .page_nav li + li {
	padding-left: 1em;
	margin-left: 1em;
}

#pagination .page_nav .prev {
	float: left;
}

#pagination .page_nav .prev a:before {
	content: '\2190';
	padding-right: 0.25em;
}

#pagination .page_nav .next {
	float: right;
}

#pagination .page_nav .next a:after {
	content: '\2192';
	padding-left: 0.25em;
}

/* Permalink Pagination */

#pagination .authored {
	float: left;
	width: 18%;
	margin: 0 1%;
}

#pagination .authored li a {
	display: block;
	color: rgba(0,0,0,0.4);
}

#pagination .tags {
	float: left;
	width: 51.333%;
	margin-left: -1%;
	padding-left: 1.9%;
	overflow: hidden;
}

#pagination .tags li {
	overflow: hidden;
}

#pagination .tags li ul {
	width: 100em;
}

#pagination .tags li li {
	margin: 0;
	list-style-type: none;
	display: inline-block;
	float: left;
	font-size: 1em;
	text-transform: capitalize;
	color: rgba(0,0,0,0.4);
	overflow: hidden;
}

#pagination .tags li:after {
	content: '\002C\00a0';
}

#pagination .tags li:last-child:after {
	content: ' ';
}

#pagination .tags li a {
	color: rgba(0,0,0,0.4);
}

/* =Likes
------------------------------------------------------------*/

#likes_container {
	width: 100%;
	margin-top: 1em;
	padding: 1.25em 0;
	clear: both;
}

#pagination + #likes_container {
	margin: 0 !important;
}

#likes_container .likes_header {
	width: 98%;
	margin: 0 1%;
	padding-bottom: 1em;
	overflow: hidden;
}

#likes .like_post {
	float: left;
	display: inline;
	color: rgba(0,0,0,0.4);
	width: 18%;
	margin: 0 1%;
}

#likes .like_post p {
	font-size: 0.875em;
	line-height: 1.5;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

#likes .like_post a {
	color: inherit;
}

#likes .like_post .like_title {
	font: 700 1em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	margin-bottom: 0.5em;
}

#likes .like_post .like_quote {
	font-style: italic;
}

#likes .like_post .like_caption {
	margin-top: 0.5em;
}

#likes .like_post img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}

#likes .like_post a img {
	opacity: 1.0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

#likes .like_post a:hover img {
	opacity: 0.3;
}

#likes .like_post a.contains_image {
	display: block;
	border: none;
}

#likes .post_info_bottom {
	display: block !important;
	margin-top: 0.5em;
	font: 400 0.813em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	color: rgba(0,0,0,0.3);
	overflow: hidden;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

#likes .post_info_bottom a {
	color: rgba(0,0,0,0.3);
	border: 0 !important;
}

#likes .post_info_bottom a,
#likes .post_info_bottom .via {
	display: none;
}

#likes .post_info_bottom .via {
	font: italic 1em/1.5 "Droid Serif", Georgia, "Times New Roman", Times, serif;
	padding: 0 1px;
}

#likes .post_info_bottom .via + a {
	display: inline !important;
}

#likes .post_info_bottom .via + a:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
}

#likes .like_text_post .post_info_bottom .via + a:before {
	content: '\f100';
	padding: 0 0.1em 0 0;
	margin: -0.15em 0 0 -0.2em;
}

#likes .like_link_post .post_info_bottom .via + a:before {
	content: '\f101';
	padding: 0 0.2em 0 0;
	margin: -0.3em 0 0 0;
}

#likes .like_photo_post .post_info_bottom .via + a:before {
	content: '\f102';
	padding: 0 0.2em 0 0;
	margin: -0.3em 0 0 0;
}

#likes .like_video_post .post_info_bottom .via + a:before {
	content: '\f104';
	padding: 0 0.1em 0 0;
	margin: -0.15em 0 0 -0.2em;
}

#likes .like_quote_post .post_info_bottom .via + a:before {
	content: '\f106';
	padding: 0 0.1em 0 0;
	margin: -0.15em 0 0 -0.2em;
}

/* =Footer
------------------------------------------------------------*/

footer[role="footer"] {
	width: 100%;
	overflow: hidden;
	clear: both;
}

#footer {
	width: 98%;
	margin: 0 1%;
	padding: 1.25em 0 2.5em 0;
}

#footer p {
	font: 400 0.875em/1.5 "Source Sans Pro", Verdana, Arial, sans-serif;
	color: rgba(0,0,0,0.4);
}

#footer p a {
	color: inherit;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/* =Top Menu
---------------------------------------------------------- */

#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.5);
	z-index: 1000;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

#menu:hover {
	background: rgba(255,255,255,0.8);
}

#menu .icon_menu span {
	display: none;
}

#menu .icon_menu:before {
	content: '\f419';
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/40px 'Noticons';
	text-align: center;
	vertical-align: middle;
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

#menu ul,
#menu ul ul {
	display: none;
}

#menu ul {
	position: absolute;
	top: 100%;
	width: 200px;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

#menu ul li {
	float: none;
	position: relative;
	font: 400 1em/1 "Source Sans Pro", Verdana, Arial, sans-serif;
}

#menu ul li a {
	display: block;
	padding: 0 1em;
	line-height: 40px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

#menu ul li a.arrow:hover:after {
	content: '\2192';
	font-weight: bold;
	float: right;
	font-size: 1.25em;
}

#menu ul.items {
	top: 0;
	left: 40px;
}

#menu ul.items li > li {
	font-size: 1em !important;
}

#menu ul.items ul {
	top: 0;
	left: 100%;
}

#menu ul.items li:hover > ul {
	display: block;
}

#menu ul li.search {
	padding: 0 1em;
	line-height: 40px;
}

#menu ul li.search input[type="text"] {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	font: 400 1em/40px "Source Sans Pro", Verdana, Arial, sans-serif;
    -webkit-border-radius: 5px;
        moz-border-radius: 5px;
            border-radius: 5px;
}

#menu ul li.search .icon-search {
	float: right;
}

#menu ul li.search .icon-search:after {
	content: '\f400';
	display: inline-block;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
}

#social_menu li a:before {
	display: inline-block;
	margin: -0.25em 0.4em 0 0;
	padding: 0 0.4em 0 0;
	border-right: 1px solid rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Noticons';
	vertical-align: middle;
}


/* =Responsiveness
---------------------------------------------------------- */

@media screen and (max-width: 800px) {
	body {
		font-size: 90%;
	}

	#content {
		width: 84.667%;
	}

	#pagination .tags {
		display: none;
	}

	#notes h5,
	#pagination .authored {
		width: auto !important;
	}

	#likes .like_post {
		width: 31.333%;
	}

	#likes .like_post + .like_post + .like_post + .like_post,
	#likes .like_post + .like_post + .like_post + .like_post + .like_post {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	#page {
		margin-left: 0;
	}

	header[role="banner"] {
		width: 98%;
		margin: 0 0 1.25em 0;
		padding-bottom: 1.25em;
		text-align: center;
	}

	#header {
		float: none;
	}

	#header h1.home {
		float: none;
		margin: 0;
		text-align: center;
		font-size: 1.25em;
	}

	#description {
		margin: 0.5em 0 0 0;
	}

	nav[role="navigation"],
	#social,
	#search {
		display: none;
	}

	aside[role="logo"] {
		width: 98%;
		margin: 1.25em auto;
		float: none;
		position: relative;
	}

	#content {
		width: 98%;
		padding: 0;
	}

	.full {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 1em;
	}

	.narrow {
		width: 98%;
		float: none !important;
		font-size: 1.125em;
	}

	#likes .like_post {
		width: 48%;
	}

	#likes .like_post + .like_post + .like_post {
		display: none;
	}
}

/* =Loader
---------------------------------------------------------- */

#loader {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0.8;
}

#loader p.replace {
	display: none !important;
}

#loader .spinner {
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	-webkit-animation: rotation .6s infinite linear;
	   -moz-animation: rotation .6s infinite linear;
	     -o-animation: rotation .6s infinite linear;
	        animation: rotation .6s infinite linear;
	border: 6px solid rgba(255, 255, 255, .15);
	border-radius: 100%;
	z-index: 1000;
}

#loader .spinner:before {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	height: 100%;
	width: 100%;
	border-top: 6px solid rgba(255, 255, 255, .8);
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-radius: 100%;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}

	to {
		-o-transform: rotate(359deg);
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

/* =Self-clearing floats
---------------------------------------------------------- */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}