/*
Theme Name: The Writer
Description: A minimal writing theme, built for writers, authors and columnists. Nothing else. Simple.
Design Studio: Obox Design http://www.obox-design.com/
Author: Obox Design
Author URI: http://www.obox-design.com/
Version: 1.1.9
Theme URI:  http://www.obox-design.com/theme.cfm/theme/the-writer/
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html, CSS, JS, Graphics http://themeforest.net/wiki/buying/howto-buying/licensing/
License URI: http://themeforest.net/wiki/buying/howto-buying/licensing/
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, featured-images, theme-options, translation-ready
*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use
the Custom CSS in Theme Options to add your style changes. By copying a style from this
file and pasting it in the Custom CSS area, you will override the style in this file and
avoid losing your changes on Theme Updates.

*/


@import url(reset.css);
@import url(social.css);
@import url(clearfix.css);
@import url(editor-style.css);

/*-------------------------------------------------------------------------------------------*/
/*- 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;}
#full-width{max-width: 840px;}

#sidebar-container{width: 276px; position: fixed; right: 0px; z-index: 3; display: none;}
#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(images/layout/read-more.png) no-repeat bottom; cursor: pointer;}

		/*------------------------*/
		/*- POST TITLE -----------*/
		.title-container .post-title{max-width: 840px; 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;}

		/*------------------------*/
		/*- POST SUB TITLE -------*/
		.title-container .sub-title{max-width: 740px; margin: 20px auto 0; font-size: 20px; line-height: 30px; text-align: center; color: rgba(255, 255, 255, 0.85);}

		/*------------------------*/
		/*- POST TITLE - AUTHOR --*/
		.title-container .post-author{margin-top: 20px; 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(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 h3{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;}


	/*--------------------------*/
	/*- COMPACT MENU ----------*/
	#menu-drop-button{float: right; z-index: 5; display: block; width: 80px; margin: 0; background: url(images/layout/drop-down.png) right no-repeat; font: 400 14px/26px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999;}
	#menu-drop-button:hover{color: #fff;}


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

		.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 .excerpt{margin: 30px 0 0; color: rgba(0, 0, 0, 0.40); font-size: 16px; line-height: 26px;}
		.post-list .book-cover.has-cover-background .excerpt{color: rgba(255, 255, 255, 0.80);}

		.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: 3px;}


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

		/*------------------------------*/
		/*- INFINITE SCROLL --------------*/
		.infinite-scroll .pagination , .infinite-scroll .page-count{ display: none;}
		.infinite-loader { clear: both; position: absolute; bottom: 0; left: 50%; }



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


	/*----------------------------*/
	/*- COPY BLOCK ---------------*/
	.copy{max-width: 840px; padding: 40px; margin: -180px auto 0; background: #fff; z-index: 2; position: relative; font: 20px/32px 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 blockquote.alignright{float: right; max-width: 300px; margin: 0px -60px 20px 60px;}
	.copy blockquote.alignleft{float: left; max-width: 300px; margin: 0px 60px 20px -60px;}

	/*------------------------------*/
	/*- 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;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%; 
}
	.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);}

	/*------------------------------*/
	/*- RELATED POSTS --------------*/
	.related-posts{border-top: 1px solid #ccc;}
	.related-posts-title{margin: 20px 20px 0px; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 3px;}


/*-------------------------------------------------------------------------------------------*/
/*- 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; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
-o-border-radius: 50%; border-radius: 50%; }

.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: auto;}
	#respond #reply-title{margin-bottom: 5px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
	#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;}

	/*------------------------*/
	/*- COMMENT PAGINATION --*/
	.navigation{max-width: 760px; margin: -30px auto 40px; overflow: hidden;}

	.navigation .nav-previous, .navigation .nav-next{float: left; width: 50%; display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px;}
	.navigation .nav-next{float: right; text-align: right;}


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