@import url( ../../i/fonts/merriweather/merriweather.css );
/**
 * Smiley project CSS 
 */

/* generic emoji styles */
.wp-emoji, .wp-emoji:before {
	display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */
}

.wp-emoji {
	position: relative !important; /* shouldn't have been necessary, but some themes set this to static */
	vertical-align: bottom;

	/* this will be a line-height tall wrapper for vertically centering the smiley */
	width: 1.375em;
	overflow: hidden;
	white-space: nowrap;	
	text-indent: 9999px;
	min-height: 1.2em; /* for really small lineheights */
}

/* Firefox does weird things with text-indent and selection */
@-moz-document url-prefix() { 
	.wp-emoji {
		text-indent: 0;
		text-align: center;
		color: rgba(255,255,255,0);
		overflow: visible;
	}
}

/* @noflip */
.wp-emoji:before {
	/* vertically center the smiley */
	position: absolute;
	content: "";
	
	/* height/width for IE, Firefox and non-webkit browsers */
	height: 1.25em;
	width: 1.375em;
	margin-top: -0.625em; /* minus half the height of the smiley */

	left: 0;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.wp-emoji {
		width: 1.35em;
	}
    .wp-emoji:before {
		height: 1.4em;
		width: 1.35em;
		margin-top: -0.7em; /* minus half the height of the smiley */
    }
}

/* IE specific hacks */
@media screen and (min-width:0\0) {
	.wp-emoji {
		height: 1.2em;
		width: 1.38em;
	}
    .wp-emoji:before {
		width: 1.38em;
    }
}

/* individual smileys */
	/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.wp-emoji-smile:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/smile.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}

.wp-emoji-wink:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/wink.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}

.wp-emoji-bigsmile:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}

.wp-emoji-heart:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/heart.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}

.wp-emoji-neutral:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}

.wp-emoji-uneasy:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}

.wp-emoji-lol:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/lol.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}

.wp-emoji-sad:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/sad.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}

.wp-emoji-cry:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/cry.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}

.wp-emoji-evilgrin:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}

.wp-emoji-twisted:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}

.wp-emoji-evil:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/evil.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}

.wp-emoji-surprised:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}

.wp-emoji-tongue:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}

.wp-emoji-angry:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/angry.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}

.wp-emoji-burrito:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}
.wp-emoji-burrito, .wp-emoji-burrito:before {
	width: 1.6em;
}

.wp-emoji-wordpress:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}

.wp-emoji-mindblown:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}

.wp-emoji-mindblown-alt:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none;
}

.wp-emoji-martini:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/martini.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}

.wp-emoji-whiterussian:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none;
}

.wp-emoji-star:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/star.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/star.svg), none;
}

.wp-emoji-developer:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/developer.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}
.wp-emoji-developer, .wp-emoji-developer:before {
	width: 1.5em;
}

.wp-emoji-facepalm:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}
.wp-emoji-facepalm, .wp-emoji-facepalm:before {
	width: 1.4em;
}

.wp-emoji-bear:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/bear.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}

.wp-emoji-mrgreen:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}

.wp-emoji-arrow:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}

.wp-emoji-confused:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/confused.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}

.wp-emoji-cool:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/cool.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}

.wp-emoji-idea:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/idea.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}

.wp-emoji-blush:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/blush.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}

.wp-emoji-oops:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/oops.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}

.wp-emoji-rolleyes:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}

.wp-emoji-exclaim:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}

.wp-emoji-question:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/question.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/question.svg), none;
}

.wp-emoji-kitten:before {
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}

.wp-emoji-momface:before {
	background-image: url(https://s2.wp.com/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
	background-image: url(../../wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}


/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@-moz-document url-prefix() { 
	.wp-emoji-rolleyes {
		letter-spacing: -.2em;
	}

	.wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused {
		letter-spacing: -.25em;
	}

	.wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star {
		letter-spacing: -.3em;
	}

	.wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm {
		letter-spacing: -.35em;
	}

}




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


#bit, #bit * {
	*zoom: 1;
}

#bit {
	font: normal 13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
	_display: none;
}

/* @noflip */
.rtl #bit {
	font-family: tahoma, Arial, sans-serif;
}

.loggedout-follow-shelf {
	position: fixed;
	right: 40%;
	z-index: 100;
	bottom: -330px;
}

.loggedout-follow-normal {
	position: fixed;
	z-index: 100;
	bottom: -330px;
	right: 10px;
}

.loggedout-follow-typekit {
	margin-right: 4.5em;
	position: fixed;
	z-index: 100;
	bottom: -330px;
	right: 10px;
}

#bit a.bsub {
	display: block;
	overflow: hidden;
	padding: 0 10px 0 8px;
	float: right;
	text-decoration: none !important;
	line-height: 28px;
	font-weight: normal;
	font-size: 13px;
	color: #CCC;
	letter-spacing: normal;
	border: 0;
	background-color: #324155;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	outline-style: none;
	outline-width: 0;
}

#bit a.bsub {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#bit a.bsub span {
	padding-right: 6px;
}

#bit a.bsub span:before{
	content: '\f801';
	color: #00AADC;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal 16px/1 'Noticons';
	margin: 0 5px 4px 0;
	vertical-align: middle;
}

#bit a:hover span, #bit a.bsub.open span {
	color: #ffffff !important;
	background-position: left -117px;
}

#bit a.bsub.open {
	background: #324155;
}

#bitsubscribe {
	background: #324155;
	color: #fff;
	padding: 15px;
	width: 200px;
	margin-top: 27px;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	-o-border-radius: 2px 0 0 0;
	-ms-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
	*float: right;
	*margin-right: -68px;
}

div#bitsubscribe.open {
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#bitsubscribe div {
	overflow: hidden;
}

#bitsubscribe a {
	color: #d2dee6;
}

#bit h3, #bit #bitsubscribe h3 {
	margin: 0 0 .5em 0 !important;
	font-size: 20px;
	color: #D2DEE6;
	text-align: left;
	font-family: 'Merriweather', serif;
	font-weight: bold;
}

#bit h3 label{
	color: #D2DEE6;
	font-family: 'Merriweather', serif;
	font-size: 20px;
}

#bit #bitsubscribe p {
	margin: 0 0 1em 0;
	*margin: 0 0 0 0;
	font-size: 14px;
	line-height: 1.45em;
	font-weight: 300;
	color: #fff;
}

#bitsubscribe p a {
	margin: 20px 0 0;
	color: #fff;
	text-decoration: underline;
}

#bit #bitsubscribe p.bit-follow-count {
	font-size: 13px;
	color: #D2DEE6;
	margin-top: -8px;
}

#bitsubscribe input[type=submit] {
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: .75em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  background: #00aadc;
  border-color: #0090bb;
  border-top-color: #0099c6;
  border-bottom-color: #0088b0;
  color: #fff;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  width:100%;
  text-shadow: none;
  font-size: 1em;

}

#bitsubscribe input[type=submit]:hover {
	background: #33bbe3;
	border-color: #2b9ec0;
	border-bottom-color: #2895b5;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
}

#bitsubscribe input[type=submit]:active {
	border-width: 2px 1px 1px;
}

#bitsubscribe input[type=text],
#bitsubscribe input[type=email] {
	background: #f4f8fA;
	border: 1px solid #d2dee6;
	border-radius: 0;
	color: #404040;
	font-size: 13px;
	font-weight: 300;
	height: auto;
	padding: 5px 6px;
	width: 100%;
	box-sizing: border-box;
	/* @noflip */
	direction: ltr;
}

#bitsubscribe input[type=text]:focus,
#bitsubscribe input[type=email]:focus {
	border: 1px solid #000;
}

#bitsubscribe.open {
	display: block;
}

#bsub-subscribe-button {
	text-align: center;
	margin: 0 auto;
}

/*
Confirmation
=============================== */


#bitsubscribe #lof-followpublicize h3 {
	font-size: 13px;
	padding-top: 1em;
	margin-bottom: 1em !important;
}

#bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter,
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	overflow: hidden;
}
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	border: 1px solid #242f3d;
}

/*
Error
=============================== */

#bit #bitsubscribe p#loggedout-follow-error {
	background: #E8F0F5;
	border-left: 3px solid #DD3D36;
	font-size: 12px;
	font-weight: 1.4em;
	padding: 10px;
	color: #DD3D36;
}

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

#bitsubscribe #bsub-credit {
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 7px 0;
	margin:0 0 -15px;
	border-top: 1px solid #3c3c3c;
}

#bitsubscribe #bsub-credit a {
	color: #90AEC2;
	background: none;
	text-decoration: none;
}

#bitsubscribe #bsub-credit a:hover {
	color: #78DCFA;
	background: none;
}

@media (max-width: 800px) {
	#bit, #bit a.bsub {
		display:none;
	}
}

@media (min-device-width: 768px) {
	#bit, #bit a.bsub {
		display: block;
	}
}
/**
 * Styles for Jetpack related posts
 */

/* Container */

div#jp-relatedposts {
	display: none;
	padding-top: 1em;
	margin: 1em 0;
	position: relative;
}

div.jp-relatedposts:after {
	content: '';
	display: block;
	clear: both;
}

/* Headline above related posts section, labeled "Related" */

div#jp-relatedposts h3.jp-relatedposts-headline {
	margin: 0 0 1em 0;
	display: inline-block;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	font-family: inherit;
}

div#jp-relatedposts h3.jp-relatedposts-headline em:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.2);
	margin-bottom: 1em;
}

div#jp-relatedposts h3.jp-relatedposts-headline em {
	font-style: normal;
	font-weight: bold;
}

/* Related posts items (wrapping items) */

div#jp-relatedposts div.jp-relatedposts-items {
	clear: left;
}

div#jp-relatedposts div.jp-relatedposts-items-visual {
	margin-right: -20px;
}

/* Related posts item */

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
	float: left;
	width: 33%;
	margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
	padding-right: 20px;
	/*cursor: pointer;*/
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* Related posts item content */

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
div#jp-relatedposts div.jp-relatedposts-items p {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs {
	position:relative;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
}

div#jp-relatedposts div.jp-relatedposts-items p {
	margin-bottom: 0;
}

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	text-transform: none;
	margin: 0;
	font-family: inherit;
	display: block;
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: inherit;
	font-weight: normal;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span {
	display: block;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post span {
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	opacity: .6;
}

/* Behavior when there are thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
	display: none;
}

/* Behavior when there are no thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
	overflow: hidden;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs span {
	margin-bottom: 1em;
}

/**
 * Responsive
 */

@media only screen and (max-width: 640px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 50%;
	}

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		clear: left;
	}

	div#jp-relatedposts div.jp-relatedposts-items-visual {
		margin-right: 20px;
	}

}

@media only screen and (max-width: 320px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 100%;
		clear: both;
		margin: 0 0 1em;
	}

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

}

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