img.wp-smiley {
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .05em 0 .1em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}
/**

	WordAds V2! This CSS applies to all WordAds and Adsense themes

	HTML markup structure of an ad:

	<div class="wpcnt|mpb">
	<div class="wpa [wpmrec|wpwidesky|wpleaderboard]">

		<a class="wpa-about" href="https://en.support.wordpress.com/about-these-ads/" rel="nofollow">
		About these ads
		</a>

		<div class="u">
		[ad unit here]
		</div>

	</div>
	</div>

*/


/* outer container */
.wpcnt {
	text-align: center;
	line-height: 0;
}

.rtl .wpcnt{
	direction: ltr;
}

.mpb{
	text-align: center;
	margin: 0px auto;
	width: 100%;
}

/* inner container */
.wpa, .wpadvert {				/* @todo: deprecate wpadvert */
	position: relative;
    /*overflow: hidden; */       /* this hides "about these ads" when there's no adfill */
    display: inline-block !important;
    max-width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wpa.wpwidesky, .wpa.wpleaderboard{
	width: auto;
}

.wpa.top{
	min-width: 728px;
}

.wpa.wpwidesky{
	min-width: 160px;
}

.wpa.wpmrec{
	min-width: 300px;
}

.mpb .wpa{
	padding: 10px 0 0;
}

@media screen and (max-width: 650px) {
	.mpb .wpa{
		min-width: 300px;
	}
}

/* about these ads */
/* all the !important use is to ensure consistency */
.wpa-about{	/* @todo: deprecate wpadvert-about */
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	display: block;
	min-width: 160px;
	/*margin-top: 5px;*/
	border-bottom: none !important;			/* some themes ad dotted underlines, that won't look nice */
	font: 10px/1 "Open Sans", Arial, sans-serif !important;
	text-align: left !important;
	text-decoration: none !important;
	opacity: 0.85;
}

.wpa-notice {
	display: block;
	position: relative;
	padding: 24px;
	overflow: hidden;
	border: 5px solid #efefef;
	font: 13px/1.75 "Merriweather sans", "Open Sans", Arial, sans-serif !important;
	color: #2e4453 !important;
	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}

.wpa-buttons{
	text-align: center;
	margin: 0;
}

.wpa-button {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
  outline: 0;
	padding: 7px !important;
	overflow: hidden;
	background: white;
	border-color: #c8d7e1;
  border-style: solid !important;
  border-width: 1px 1px 2px !important;
	border-bottom: 2px solid #c8d7e1 !important;
  cursor: pointer;
  vertical-align: top;
	color: #668eaa !important;
  font-size: 11px !important;
	font-weight: 600 !important;
  line-height: 1 !important;
	text-overflow: ellipsis;
  text-decoration: none !important;
	text-transform: uppercase !important;
  border-radius: 4px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wpa-button:hover{
	border-color: #a8bece !important;
	color: #2e4453 !important;
}

.wpa-button.is-primary{
	background: #00aadc !important;
	border-color: #0087be !important;
	color: white !important;
}

.wpa-button.is-primary:hover{
	border-color: #005082 !important;
	color: white !important;
}

/* dark theme */
body.highlander-dark .wpa-about {
	color: #ddd;
}
body.highlander-dark .wpa-about:hover {
	color: #e9e9e9;
}

/* ad unit wrapper */
.wpa .u>div, .wpadvert>div>* {	/* @todo: deprecate wpdvert */
	display: block;
	margin-top: 5px;			/* this makes "about these ads" visible */
	margin-bottom: 1em;			/* every ad should have a little space below it */
}

div.wpa>div {
	margin-top: 20px;
}

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/* =Infinity Styles
-------------------------------------------------------------- */

.infinite-wrap {
}
.infinite-loader {
	color: #000;
	display: block;
	height: 28px;
	text-indent: -9999px;
}
#infinite-handle span {
	background: #333;
	border-radius: 1px;
	color: #eee;
	cursor: pointer;
	font-size: 13px;
	padding: 6px 16px;
}

/**
 * Using a highly-specific rule to make sure that all button styles
 * will be reset
 */
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
	display: inline;
	position: static;
	padding: 0;
	margin: 0;
	border: none;
	line-height: inherit;
	background: transparent;
	color: inherit;
	cursor: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}

/**
 * This is used to avoid unnecessary inner button spacing in Firefox
 */
#infinite-handle span button::-moz-focus-inner {
	margin: 0;
	padding: 0;
	border: none;
}

/**
 * For smaller viewports, remove the down-arrow icon and turn
 * the button into a block element, spanning the content's full width.
 */
@media (max-width: 800px) {
	#infinite-handle span:before {
		display: none;
	}
	#infinite-handle span {
		display: block;
	}
}

/**
 * Footer
 */
#infinite-footer {
	position: fixed;
		bottom: -50px;
		left: 0;
	width: 100%;
}
#infinite-footer a {
	text-decoration: none;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover {
	color: #444;
	text-decoration: underline;
}
#infinite-footer .container {
	background: rgba( 255, 255, 255, 0.8 );
	border-color: #ccc;
	border-color: rgba( 0, 0, 0, 0.1 );
	border-style: solid;
	border-width: 1px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 1px 20px;
	width: 780px;
}
#infinite-footer .blog-info,
#infinite-footer .blog-credits {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 25px;
}
#infinite-footer .blog-info {
	float: left;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40%;
}
#infinite-footer .blog-credits {
	font-weight: normal;
	float: right;
	width: 60%;
}
#infinite-footer .blog-info a {
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
#infinite-footer .blog-credits {
	color: #888;
	font-size: 12px;
	text-align: right;
}
#infinite-footer .blog-credits a {
	color: #666;
}

/**
 * Hooks to infinity-end body class to restore footer
 */
.infinity-end.neverending #infinite-footer {
	display: none;
}

/**
 * Responsive structure for the footer
 */
@media (max-width: 640px) {
	#infinite-footer .container {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	#infinite-footer .blog-info {
		width: 30%;
	}
	#infinite-footer .blog-credits {
		width: 70%;
	}
	#infinite-footer .blog-info a,
	#infinite-footer .blog-credits {
		font-size: 10px;
	}
}

/**
 * No fixed footer on small viewports
 */
@media ( max-width: 640px ) {
	#infinite-footer {
		position: static;
	}
}/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/*
* Text Widget Styles
*
* Global styles to help fix common display issues on WordPress.com
* that could happen with the Rich Text Widget, introduced in WordPress 4.8.
*/

.widget.widget_text {
	word-wrap: break-word;
}

.widget.widget_text ul,
.widget.widget_text ol {
	margin-bottom: 1em;
	margin-left: .875em;
	padding-left: .875em;
}

.widget.widget_text li ul,
.widget.widget_text li ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.widget.widget_text ul {
	list-style: disc outside none;
}

.widget.widget_text ol {
	list-style: decimal outside none;
}

.widget.widget_text ul li,
.widget.widget_text ol li {
	border: 0;
	list-style: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
}

.widget.widget_text ul li:before {
	content: "";
}

.widget.widget_text p {
	margin-bottom: 1em;
}
/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: 'dashicons' !important;
}

.noticon {
	font-family: "Noticons" !important;
}.bbp-staff-role {
	color: #f1831e;
}

.bbp-a8c-reply {
	background: #e9eff3 !important;
	border: 1px solid #c8d7e1;
	width: 98% !important;
}/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
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;

}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*
Theme Name: The Writer
Theme URI: https://wordpress.com/themes/the-writer/
Version: 1.0-wpcom
Author: Obox Themes
Author URI: http://theme.wordpress.com/themes/by/obox-themes/
Description: A minimal writing theme, built for writers, authors and columnists. Nothing else. Simple.
Tags: author-bio, black, blog, colorful, contemporary, custom-background, custom-colors, custom-menu, design, elegant, fashion, featured-image-header, fixed-menu, formal, four-columns, journal, light, minimal, modern, red, responsive-layout, right-sidebar, rtl-language-support, sticky-post, translation-ready, vibrant, white
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html



This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

*/

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 180%; color: #000; background: #000; overflow-x: hidden; text-rendering: optimizelegibility;}

label{display: block; margin: 0; color: #777; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
textarea, input{padding: 5px; background: #fff; font-size: 16px; line-height: 180%; font-family: 'Lato', Helvetica, Arial, sans-serif;}
textarea{width: 100%; padding: 5px; border: 1px solid #e0e0e0; -webkit-appearance: none;}
input[type=text], input[type=password], input[type=email]{width: 100%; max-width: 460px; padding: 8px; border: 1px solid #e0e0e0; -webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}

input[type=submit], button{padding: 10px 10px; background: #333; border: none; color: #fff; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; -webkit-appearance: none;}
input[type=submit]:hover, button:hover{background: #790101;}

a{color: #790101; text-decoration: none; transition: all .20s ease-in-out;}
a:hover{color: #000;}

strong{font-weight: 700;}

img{max-width: 100%; height: auto;}
iframe, embed, object{max-width: 100%;}

.action-link{display: inline-block; padding: 7px 12px; background: #3E7FB0; color: #fff;}
.action-link:hover{background: #173F52;}

	/*-------------------------------*/
	/*- LAYOUTS ---------------------*/
	.no_bg{background-image: none;}
	.clearboth{clear: both}
	.floatleft{float: left;}
	.floatright{float: right;}
	.floatright{float:right;}
	.no_display{display: none;}
	.opacity_zero{opacity: 0;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.wp-caption {border: 1px solid #cccccc; text-align: center; background-color: #f0f0f0; padding: 5px 0 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0 10px 10px 0; }
.wp-caption.alignright { margin: 0 0 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{}

.gallery-item img:hover{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0; font-size: 12px; width: 74%;}

small {font-size: 75%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {border-collapse: collapse; border-spacing: 0;}

em, i {font-style: italic;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {text-decoration: none;}


/* WP3.4 Required */
.sticky{}
.bypostauthor{}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{position: relative; z-index: 4; -webkit-transform: translateX(-0px); transform: translateX(-0px); transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
#wrapper.open{-webkit-transform: translateX(-276px); transform: translateX(-276px);}

#header-container{padding: 10px 20px; width: 100%; position: fixed; z-index: 6; background: rgba(0, 0, 0, 0.95);}
#header{margin: auto;}

#content-container{padding: 46px 0 0; margin: auto; overflow: hidden; background: #f0f0f0;}
.single #content-container, .page #content-container{background: #fff;}
.custom-background #content-container,.custom-background .single #content-container,.custom-background .page #content-container{ background: transparent; }
#full-width{max-width: 840px;}

#sidebar-container{width: 276px; position: fixed; right: 0px; z-index: 3; display: none; background: #000;}
#sidebar-container.open{display: block;}

#footer-container{padding: 10px 20px; background: #fff; border-top: 1px solid #e0e0e0;}
#footer{overflow: hidden;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------------*/
	/*- TITLE CONTAINER ----------*/
	.title-container{padding: 80px 20px 160px; margin-bottom: 80px; background-color: #e74c3c; text-align: center; position: relative;}

		.has-title-background .title-container{margin-bottom: 0; text-shadow: 0px 1px 0px rgb(0, 0, 0);}
		.has-title-background .title-container .title{width: 100%; padding: 0 10px 75px; position: absolute; bottom: 10%; left: 0; background: url(/web/20171101030048im_/https://s2.wp.com/wp-content/themes/premium/the-writer/images/layout/read-more.png) no-repeat bottom; cursor: pointer;}

		/*------------------------*/
		/*- POST TITLE -----------*/
		.title-container .post-title{max-width: 840px; margin-bottom: 10px; display: inline-block; color: #790101; font: 400 50px/50px "Gravitas One", Georgia, serif; text-transform: uppercase;}
		.title-container .post-title a{color: #790101;}
		.title-container .post-title a:hover{color: #fff;}
		.has-title-background .title-container .post-title a{color: #fff;}
		/*------------------------*/
		/*- POST TITLE - AUTHOR --*/
		.title-container .post-author{font-size: 12px; line-height: 18px; text-transform: uppercase; color: #fff; letter-spacing: 3px; text-align: center;}
		.title-container .post-author a{color: #fff;}
		.title-container .post-author a:hover{text-decoration: underline;}


	/*----------------------------*/
	/*- CATEGORY TITLE CONTAINER -*/
	.category-title-container{padding: 40px 20px; background-color: #e74c3c;}

		/*------------------------*/
		/*- CATEGORY TITLE -------*/
		.category-title{display: inline-block; color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
		.category-title a{color: #fff;}
		.category-title a:hover{color: rgba(255, 255, 255, 0.75);}

		/*------------------------*/
		/*- CATEGORY DESCRIPTION -*/
		.category-title-container p{max-width: 840px; margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}


	/*----------------------------*/
	/*- AUTHOR TITLE CONTAINER ---*/
	.author-title-container{padding: 40px 20px; background-color: #e74c3c;}

		/*------------------------*/
		/*- AUTHOR IMAGE ---------*/
		.author-title-container .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}

		/*------------------------*/
		/*- AUTHOR BODY ----------*/
		.author-title-container .author-body{overflow: hidden; max-width: 840px;}
		.author-title-container .author-body .author-name{color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
		.author-title-container .author-body .author-name a{color: #fff;}
		.author-title-container .author-body .author-name a:hover{color: rgba(255, 255, 255, 0.75);}
		.author-title-container .author-body p{margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}


	/*----------------------------*/
	/*- SECTION TITLE ------------*/
	.section-title{clear: both; margin-bottom: 20px; font-size: 23px; font-weight: lighter;}
	.section-title-404{max-width: 540px; padding: 40px; margin-bottom: 40px; background: #006699 url(https://s2.wp.com/wp-content/themes/premium/the-writer/images/layout/sidebar-bg.png) repeat; color: #fff; font-weight: 900; font-size: 40px; line-height: 50px; text-transform: uppercase;}

	/*----------------------------*/
	/*- ACTION TITLE -------------*/
	.action-link{padding: 5px 10px; border: 3px solid #f0f0f0; border-radius: 100px; font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase;}
	.action-link:hover{border-color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left; color: #fff; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
	.logo h1{float: left;}
	.logo a{color: #fff;}
	.logo a:hover{color: #ccc;}
	.logo span{color: #595959; font-size: 12px; float: right;}
	.logo .tagline{clear: both; left: 0px; float: left; display: block; padding: 0; margin: 0 0 0; font-size: 10px; color: #777; }
	.logo small{color: #999; float: left; margin-left: 25px; font-size: 16px; line-height: 26px; cursor: pointer;}
	.logo .header-image, .logo .header-text { float: left; }
	.logo img{ margin-right: 15px; max-height: 45px; }

	/*--------------------------*/
	/*- COMPACT MENU ----------*/
	#menu-drop-button{float: right; z-index: 5; display: block; width: 80px; margin: 0;}
	#menu-drop-button:hover{color: #fff;}
	#menu-drop-button small { float: left; padding-top: 0px;  font: 400 14px/26px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; }
	#menu-drop-button span.bar-container{ float: right;  display: block; width: 24px; padding-top: 4px;}
	#menu-drop-button span.bar{ display: block; height: 2px; width: 100%; clear: both; margin-bottom: 6px; background-color: #999; }


/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------------*/
	/*- POST LIST ----------------*/
	.post-list{margin-bottom: 20px; overflow: hidden; position: relative;}
	.post-list .post{float: left; cursor: pointer;}
	.post-list .book-cover{margin: 20px 0 0 20px; min-height: 550px; background: #fff; position: relative; transition: all .20s ease-in-out;}

	.post-list .book-cover.has-text-shadow{text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.65);}

	.post-list .book-cover .post-image{overflow: hidden; margin: 0; position: relative; overflow: hidden;}
	.post-list .book-cover .post-image img{display: block; transition: all .1s ease-in-out;}
	.post-list .book-cover .post-image img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}

	.archives-container .post-list .post{width: 32.7%;}

		/*------------------------*/
		/*- BOOK CONTENT ---------*/
		.post-list .book-cover .content{padding: 0 30px; position: absolute; bottom: 60px; max-width: 100%;}

		.post-list .book-cover a{color: #333;}
		.post-list .book-cover a:hover{text-decoration: underline;}

		.post-list .book-cover .post-author{display: inline-block; padding: 0 0 5px; margin: 30px 30px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); letter-spacing: 3px; text-align: left; transition: all .20s ease-in-out;}
		.post-list .book-cover .post-author a{color: rgba(0, 0, 0, 0.40);}

		.post-list .book-cover .post-title{padding: 0; font: 400 36px/40px "Gravitas One", Georgia, serif; text-transform: uppercase;}
		.post-list .book-cover .post-title a{color: #595959;}
		.post-list .book-cover .post-title a:hover{text-decoration: none;}

		.post-list .book-cover .excerpt{margin: 30px 0 0; color: rgba(0, 0, 0, 0.40); font-size: 16px; line-height: 26px; max-height: 256px; overflow: hidden; }

		.post-list .book-cover .list-meta{width: 100%; padding: 10px 30px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 10px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); letter-spacing: 1px;}

			/*------------------------*/
			/*- HAS BACKGROUND -------*/
			.post-list .book-cover.has-cover-background .excerpt{color: rgba(255, 255, 255, 0.80); position: relative;}

			.post-list .book-cover.has-cover-background .post-title a{color: #fff;}

			.post-list .book-cover.has-cover-background .post-author a, .post-list .book-cover.has-cover-background .post-author{color: rgba(255, 255, 255, 0.80);}
			.post-list .book-cover.has-cover-background .list-meta a{color: rgba(255, 255, 255, 0.80);}


	/*------------------------------*/
	/*- PAGINATION -----------------*/
	.pagination{max-width: 120px; margin: 60px auto 0; padding: 0; overflow: hidden; text-align: center;}
	.pagination li{display: inline;}
	.pagination a{display: inline-block; padding: 10px 20px; background: #fff; font-weight: 900; font-size: 16px; color: #000;}
	.pagination a:hover{background: #333; color: #fff;}
	.pagination span{font-size: italic; text-align: center;}
	.page-count{display: block; max-width: 120px; margin: 10px auto 60px; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px; text-align: center;}
	.neverending .pagination , .neverending .page-count{ display: none; }
	#infinite-handle, .infinite-loader {display: none; }
	.neverending .infinite-loader { display: block; clear: both; position: absolute; bottom: 0; left: 50%; top: 15px;}

/*-------------------------------------------------------------------------------------------*/
/*- BLOG SINGE PAGE -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


	/*----------------------------*/
	/*- COPY BLOCK ---------------*/
	.copy{max-width: 840px; padding: 40px; margin: -180px auto 0; background: #fff; z-index: 2; position: relative; font: 20px/36px Georgia, "Times New Roman", Times, serif; text-align: justify;}

		.has-title-background .copy{margin: 0 auto;}
		.full-width .copy{max-width: 96%;}

	.copy p{margin: 0 auto 35px;}
	.copy ul{list-style: disc; margin: 0 0 40px 35px;}
	.copy ol{list-style: decimal; margin: 0 0 40px 35px;}
	.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
	.copy li{margin: 0 0 6px;}

	.copy a{border-bottom: 1px solid #e0e0e0;}
	.copy a:hover{border-color: #999;}

	.copy .feature-list{list-style: none; margin-left: 15px;}

	.copy dl{margin: 0 0 36px;}
	.copy dd{margin-left: 36px;}

	.copy div{margin-bottom: 35px;}

	.copy code, .copy pre{padding: 7px; margin: 0 0 40px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.3em; color: #000; orphans: 2; text-transform: none; widows: 2;}
	.copy img{display: block; max-width: 98%; height: auto;}

	.copy h1{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 26px;}
	.copy h2{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 22px;}
	.copy h3{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 20px;}
	.copy h4{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 16px;}
	.copy h5{clear: both; display: inline-block; margin-bottom: 25px; border-bottom: 2px solid #777; font-weight: bold; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777;}
	.copy h6{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 12px;}

	.copy table{width: 100%; margin-bottom: 35px; background: #f5f5f5; color: #000; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px;}
	.copy table th{padding: 5px 10px; border-bottom: 2px solid #ccc; text-transform: uppercase;}
	.copy table td{padding: 5px 10px; border-bottom: 1px solid #e0e0e0;}
	.copy table a{border: none;}

	.copy blockquote{padding-left: 20px; margin-bottom: 40px; border-left: 5px solid #eee; color: #777;}
	.copy blockquote p:last-child{margin-bottom: 0;}

	.copy iframe{width: 100%;}

	/*------------------------------*/
	/*- WP GALLERIES ---------------*/
	.gallery {clear: both;}
	.gallery .gallery-item { position: relative; float: left; margin-right: 0; margin-bottom: 3px; border: none; }
	.gallery .gallery-item img, .gallery .gallery-item img:hover { max-width: 98%; }
	.gallery-columns-6 .gallery-item{float: left; width: 16.166667%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
	.gallery-columns-5 .gallery-item{float: left; width: 19.5%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
	.gallery-columns-4 .gallery-item{float: left; width: 24.75%; margin-right: 0.1%; margin-bottom: 30px;}
	.gallery-columns-3 .gallery-item{float: left; width: 32.633333%; margin-right: 0.1%; margin-bottom: 30px;}
	.gallery-columns-2 .gallery-item{float: left; width: 49.7%; margin-right: 0.1%; margin-bottom: 30px;}

		/* A gallery image caption */
		.gallery .gallery-caption{position: absolute; bottom: 0; left: 0; margin: 0; z-index: 2; padding: 10px 0; width: 100%; background: rgba(0, 0, 0, 0.3); font: 400 10px/10px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); letter-spacing: 3px; text-align: center; width: 98%;}

		/* Definition lists elements */
		.gallery dl, .gallery dt{}

		/* Pick the second line break if two line breaks are adjacent */
		.gallery br+br{}


	/*----------------------------*/
	/*- POST PAGE META -----------*/
	.copy .post-meta:empty{display: none;}
	.copy .post-meta{margin: 50px 0 0; clear: both;}

		/*------------------------*/
		/*- POST DATE ------------*/
		.copy .post-date{margin: 0; padding: 0; border: none; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; letter-spacing: 3px;}
		.copy .share-button{display: block; float: right; height: 28px; line-height: normal; margin: -5px 0 0;}
		.copy .share-button ul li{height: 46px;}

		/*------------------------*/
		/*- TAGS -----------------*/
		.tags{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; text-transform: uppercase; font-size: 12px; line-height: 18px; overflow: hidden;}
		.tags li{float: left; margin: 0 1px 1px 0;}
		.tags a{display: inline-block; padding: 4px 10px; background: #f0f0f0; color: #000; font-size: 12px; line-height: 18px;}
		.tags a:hover{background: #333; color: #fff;}


		/*------------------------*/
		/*- NEXT PREV POST -------*/
		.next-prev-post-nav{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; overflow: hidden;}
		.next-prev-post-nav small{display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px;}
		.next-prev-post-nav li{float: left; width: 50%; opacity: 0.6; transition: all .20s ease-in-out;}
		.next-prev-post-nav:hover li{opacity: 1;}
		.next-prev-post-nav li:last-child{margin-bottom: 0; text-align: right;}
		.next-prev-post-nav a{display: block; font-weight: 900; font-size: 16px; color: #000;}
		.next-prev-post-nav a:hover{color: #790101;}

		/*------------------------*/
		/*- INNER POST PAGINATION */
		.inner-post-pagination{font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; overflow: hidden; text-transform: uppercase;}
		.inner-post-pagination span{float: left; margin-right: 1px; padding: 4px 10px; background: #f0f0f0;}


	/*------------------------------*/
	/*- AUTHOR BIO -----------------*/
	.author-container{padding: 60px 20px; background: #e74c3c; z-index: 1; position: relative;}
	.author-content{max-width: 760px; margin: auto; overflow: hidden;}
	.author-content .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}
	.author-content .author-image img{display: block;}
	.author-content .author-body{overflow: hidden;}
	.author-content .author-name{margin-bottom: 10px; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
	.author-content .author-name a{color: #fff;}
	.author-content .author-name a:hover{color: #000;}
	.author-content .author-bio{font: 400 16px/26px 'Lato', Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, 0.75);}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{clear: both; background: #f0f0f0; padding: 60px;}
#comments .comments-title{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
#comments:empty{display: none;}

.commentlist{max-width: 760px; margin: 0 auto 60px;}

.comment{background: #e5e5e5; color: #595959; padding: 20px; margin: 0 0 5px; position: relative;}
.comment:last-child{border: none;}

.commentlist .avatar{float: left; max-width: 60px; margin-right: 15px;}

.comment-meta{overflow: hidden;}
.comment-meta p{margin-bottom: 26px;}
.comment-meta p:last-of-type{margin-bottom: 0;}
.comment .fn{display: block; padding: 0; margin: 0; color: #000; font-size: 16px; line-height: 26px;}
.comment .fn a{color: #000;}
.comment .fn a:hover{color: #790101;}
.comment .date{display: block; margin-bottom: 5px; color: #999; font-size: 10px; text-transform: uppercase;}
.comment .comment-edit-link{display: block; font-size: 10px; text-transform: uppercase;}
.comment .reply a{padding: 0 5px; background: #f0f0f0; color: #000; position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase;}
.comment .reply a:hover{background: #000; color: #fff;}
#cancel-comment-reply-link { padding: 0 5px; background: #f0f0f0; position: absolute; right: 0; font-size: 10px; text-transform: uppercase; }

	/*-----------------------------*/
	/*- THREADED COMMENTS ---------*/
	.commentlist .children{margin-left: 75px; position: relative;}
	.commentlist .children .comment{border-top: 2px solid #d3d3d3;}
	.commentlist .children .comment-author{width: 40px;}

	/*-----------------------------*/
	/*- COMMENT FORM --------------*/
	.nocomments{padding: 5px 10px; background: #790101; color: #fff; text-align: center;}

	#respond{max-width: 760px; margin: 0 auto 15px !important;}
	#respond #reply-title{margin-bottom: 5px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px; font-family: 'Lato', Helvetica, Arial, sans-serif !important;}
	#respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px; color: #999; font-size: 14px;}
	#respond .logged-in-as a{color: #999;}
	#respond .logged-in-as a:hover{color: #777;}

	#respond .required{color: #34495E;}
	#respond p{margin-bottom: 15px;}
	#respond .form-submit{margin: 0;}
	#respond label{color: #333;}
	#respond .form-allowed-tags{margin-bottom: 20px; color: #777; font-size: 12px; line-height: 22px;}
	#respond .form-allowed-tags code{display: block; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 22px;}

	/*-----------------------------*/
	/*- DISQUS FORM ---------------*/
	#disqus_thread{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives_list li{padding: 20px 0; margin: 0; border-bottom: 1px dotted #ccc; overflow: hidden;}
.archives_list .archive-post-image{float: left; width: 100px; max-height: 100px; margin-right: 20px; position: relative; }
.archives_list .archive-post-image a{display: block; width: 100px; max-height: 100px; overflow: hidden; border-radius: 3px;}
.archives_list .archive-post-image img{display: block; position: relative; width: 100px; height: auto;}

.archives_list .date{background: none; text-align: left; margin: 0; font-size: 12px;}
.archives_list .post-title{font-size: 20px; margin-bottom: 15px;}
.archives_list .comment-count{font-weight: lighter; font-size: 12px; font-weight: 600;}
.archives_list .label{float: right; display: inline-block;}

.archives_list li:first-child{padding-top: 0;}


/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------*/
	/*- SIDEBAR STYLING ----*/
	#sidebar-container{font: 400 14px/24px 'Lato', Helvetica, Arial, sans-serif; color: #888;}
	#sidebar-container a{color: #888;}
	#sidebar-container a:hover{color: #fff;}

	/*----------------------*/
	/*- NAVIGATION ---------*/
	ul#nav{position: relative; padding: 15px 20px 50px; text-transform: uppercase;}
	ul#nav li{font: 400 14px/20px 'Lato', Helvetica, Arial, sans-serif;}
	ul#nav li a{display: block; padding: 5px 0;}

		/*----------------------*/
		/*- SUB MENU -----------*/
		ul#nav ul.sub-menu, ul#nav .children{display: block !important; visibility: visible !important; margin-left: 10px; text-transform: none;}
		ul#nav ul.sub-menu li a, ul#nav .children li a{color: #777;}
		ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{color: #fff;}


	/*----------------------*/
	/*- WIDGETS ------------*/
	#sidebar-container li.widget{padding: 20px 20px 50px;}
	#sidebar-container .widget li{margin-bottom: 5px;}
	#sidebar-container .widget li:last-child{margin-bottom: 0;}


	/*--------------------------*/
	/*- WIDGET TITLE -----------*/
	.widgettitle{padding: 3px 20px; margin: -20px -20px 10px; font: 400 11px/20px 'Lato', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #ccc;}
	.widgettitle a{color: #999;}
	.widgettitle a:hover{color: #fff;}

	/*-------------------------------------------*/
	/*- CONTENT WIDGET  -------------------------*/
	.content-widget ul{display: block; padding: 2.0408%; clear: both; border-width: 0 1px 1px 1px;}
	.content-widget li a.read-on{float: right; margin: 0 0 0 0;}
	.content-widget li .copy{padding-bottom: 10px;}
	.content-widget li .copy p{margin: 0;}
	.content-widget li img{display: block; width: 100%; height: auto;}
	.content-widget li .post-title{margin: 0;; font-size: 18px; font-weight: bold;}
	.content-widget li .post-image{margin-bottom: 15px;}

	/*--------------------------*/
	/*- SEARCH -----------------*/
	#searchform{overflow: hidden;}
	#searchform label{display: none;}
	#searchform input[type=text]{float: left; width: 70%; height: 30px; padding: 5px; font-size: 12px; background: #444; color: #fff; border: none;}
	#searchform input[type=submit]{float: right; width: 30%; height: 30px; padding: 0px 10px; background: #e74c3c; border-right: none; text-align: center; color: #fff; font-size: 11px;}
	#searchform input[type=submit]:hover{background: #790101; color: #fff; cursor: pointer;}
	#archives .searchform{margin-bottom: 20px;}

	/*--------------------------*/
	/*- RECENT COMMENTS --------*/
	a.widget-comment{font-style: italic !important; display: block; font-size: 11px;}


	/*--------------------------*/
	/*- POPULAR POSTS ----------*/
	.popular_posts p{font-size: 10px; font-style: italic;}
	.popular_posts a{font-weight: 400;}
	.widget_popular_posts li a{display: block;}


	/*--------------------------*/
	/*- TWITTER ----------------*/
	.twitter-timeline{max-width: 100%;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FOOTER TEXT ------------*/
	.footer-text{color: #777; font-size: 10px; line-height: 18px; letter-spacing: 1px; overflow: hidden; text-align: center;}
	.footer-text a{color: #595959;}
	.footer-text a:hover{color: #000;}
	.copyright{display: block; text-transform: uppercase; }
	.obox-credit{display: block;}



/*-------------------------------------------------------------------------------------------*/
/*- NANO SCROLLER ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.nano { 	position: relative;  width: 100%; height: 100%; overflow: hidden; }
.nano .sidebar-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.nano .sidebar-content:focus { outline: thin dotted; }
.nano .sidebar-content::-webkit-scrollbar { visibility: hidden; }
.has-scrollbar .sidebar-content::-webkit-scrollbar { visibility: visible; }
.nano > .pane { background: rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nano > .pane > .slider { background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; }
/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

	/*--------------------------*/
	/*- LAYOUT -----------------*/
	#header-container{padding: 10px; top: 0px;}
	#menu-drop-button{width: 24px; overflow: hidden; text-indent: -999px;}
	.logo small{display: none !important;}

	/*--------------------------*/
	/*- POST TITLE -------------*/
	.title-container{padding: 20px 10px; margin: 0; text-align: left;}
	.title-container .post-title{margin-bottom: 10px; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.title-container .post-author{text-align: left;}
	.has-title-background .title-container .title{padding: 0 10px; bottom: 10%; background: none;}

	/*--------------------------*/
	/*- AUTHOR TITLE -----------*/
	.author-title-container{padding: 20px 10px;}
	.author-title-container .author-image{display: none;}
	.author-title-container .author-body .author-name{font-size: 16px; line-height: 26px;}
	.author-title-container .author-body p{display: none;}

	/*--------------------------*/
	/*- CATEGORY TITLE ---------*/
	.category-title-container{padding: 20px 10px;}
	.category-title-container .category-title{font-size: 16px; line-height: 26px;}
	.category-title-container p{display: none;}

	/*--------------------------*/
	/*- POST LIST --------------*/
	.post-list{padding: 0;}
	.post-list .post{width: auto; position: static; clear: both; float: none;}
	.post-list .book-cover{min-height: 0; margin: 10px;  min-height: 300px}
	.post-list .book-cover .content{padding: 20px 20px 50px; position: static;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; padding: 0; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7);}
	.post-list .book-cover .list-meta{padding: 10px 20px;}

	.archives-container .post-list .post{width: 100%;;}

	/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination{margin-top: 30px;}
	.page-count{margin-bottom: 30px;}

	/*--------------------------*/
	/*- COPY -------------------*/
	.copy{margin: 0; padding: 20px 10px; font-size: 16px; line-height: 26px; text-align: left;}
	.copy .post-meta{margin: 0;}
	.copy .post-date{clear: both; text-transform: none; font-size: 14px; line-height: 24px; letter-spacing: 0;}

		/*----------------------*/
		/*- COPY ELEMENTS ------*/
		.copy p{margin-bottom: 26px;}
		.copy ul{margin-bottom: 26px;}
		.copy ol{margin-bottom: 26px;}
		.copy dl{margin-bottom: 26px;}
		.copy div{margin-bottom: 26px;}
		.copy code, .copy pre{margin-bottom: 26px;}
		.copy h1{margin-bottom: 26px;}
		.copy h2{margin-bottom: 26px;}
		.copy h3{margin-bottom: 26px;}
		.copy h4{margin-bottom: 26px;}
		.copy h5{margin-bottom: 26px;}
		.copy h6{margin-bottom: 26px;}
		.copy table{margin-bottom: 26px;}
		.copy blockquote{margin-bottom: 26px;}

	/*--------------------------*/
	/*- SHARE ------------------*/
	.share-button{display: none !important;}

	/*--------------------------*/
	/*- TAGS -------------------*/
	.tags{margin: 0 10px 20px; border: none; padding: 0;}

	/*--------------------------*/
	/*- POST PAGINATION --------*/
	.next-prev-post-nav{padding: 0; margin: 0 10px 20px; border-top: none;}
	.next-prev-post-nav li{float: none; width: auto; text-align: left; margin-top: 10px;}
	.next-prev-post-nav li:last-child{text-align: left;}

	/*--------------------------*/
	/*- AUTHOR BLOCK -----------*/
	.author-container{padding: 20px 10px;}
	.author-content .author-image{display: none;}
	.author-content .author-bio{font-size: 14px;}

	/*--------------------------*/
	/*- COMMENTS ---------------*/
	#comments{padding: 20px 10px;}
	.commentlist .avatar{display: none;}
	.comment{padding: 10px;}
	.comment .children{margin: 20px 0 0; position: relative; background: rgba(255, 255, 255, 0.9); overflow: hidden;}
	.comment .children .comment{background: none;}
	.comment .children .comment .comment{background: #f0f0f0;}

	/*--------------------------*/
	/*- FOOTER -----------------*/
	.copyright{margin-bottom: 10px;}

	.admin-bar #header-container{
		top: 0;
		z-index: 100001;
	}

}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 1024px) and (min-width: 600px) {
	.post-list .book-cover{min-height: 0;}
	.post-list .book-cover .content{position: static; padding: 20px 20px 50px;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; font-size: 14px; line-height: 24px;}
}