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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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


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


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

#bit {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	_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: 26px;
	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: 2px;
}

#bsub-text {
	font-size: 15px;
}

#bit a.bsub span:before {
	background: url(/wp-content/blog-plugins/loggedout-follow/../../../i/reader-follow.svg) 0 -1px;
	background-size: 24px 24px;
	content:'';
	display: inline-block;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	width: 24px;
}

#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;
	line-height: 1.313;
	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-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.2;
	height: auto;
	padding: 5px 6px;
	width: 100%;
	box-sizing: border-box;
	/* @noflip */
	direction: ltr;
}

#bitsubscribe input::-webkit-input-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

#bitsubscribe input::-moz-placeholder {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

#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;
}

#bsub-subscribe-button input {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
}

/*
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;
	line-height: 1.313;
	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;
	}
}
/**

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

	HTML markup structure of an ad:

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

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

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

	</div>
	</div>

*/


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

.rtl .wpcnt{
	direction: ltr;
}

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

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

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

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

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

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

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

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

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

.wpa-about:hover{
	text-decoration: underline !important;	/* !important necessary, since themes override this routinely */
	opacity: 1;
}

/*.wpadvert-about {
	display: block;
	padding: 0 1px;
	font: 9px/1 sans-serif;
	text-decoration: underline;
}*/


.wpa-about:hover, .wa_infobox a:hover {
	text-decoration: underline !important;	/* !important necessary, since themes override this routinely */
	color: #444;							/* !disabling since links must use the theme colors */
}

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

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

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

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

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

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

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

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

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

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

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/**
 * 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;
}p.comment-likes {
	height: 16px;
	float: none;
	width: 100%;
	clear: both;
	display: block;
	margin-left: -2px;
}

p.comment-not-liked {
	cursor: pointer;
}

p.comment-likes a.view-likers {
	text-decoration: underline;
	border: none;
}

div.comment-likes-overlay {
	color: rgb(85, 85, 85);
	position: absolute;
	font-size: 9pt;
	padding: 0;
	margin: 0;
	/* Some O2 instances have elements with manually specified `z-index`, so
	 * we just set this to an arbitrary high value to make sure that the
	 * overlay is not covered up.
	 */
	z-index: 20000;
}

div.comment-likes-overlay div.inner {
	background-color: white;
	border: 1px solid #dfdfdf;
	border-color: rgba(0, 0, 0, 0.1);
	padding: 8px;
	margin: 0;
	max-width: 310px;
	max-height: 250px;
	overflow: hidden;

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
}

div.comment-likes-overlay div.inner a img {
	text-decoration: none;
	height: 25px;
	width: 25px;
	margin: 2px 10px 2px 2px;
	vertical-align: middle;
}

div.comment-likes-overlay div.inner ul {
	margin: 0;
	padding: 0;
}

div.comment-likes-overlay div.inner ul li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 5px 0;
	/** Truncate people's names if they are too long. **/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.comment-likes-overlay div.inner ul.single li {
	width: 100%; /* one column */
}

div.comment-likes-overlay div.inner ul.double li {
	width: 50%; /* two columns */
}

div.comment-likes-overlay div.inner a,
div.comment-likes-overlay div.inner a:hover {
	text-decoration: none;
	border-bottom: none;
	background: transparent;
}

div.comment-likes-overlay div.inner ul li a span.user-name {
	color: rgb(85, 85, 85);
}

p.comment-likes span.comment-like-feedback {
	font-size: 12px;
	line-height: 1.8em;
	opacity: .8;
	float: left;
	padding: 1px 0 0 5px;
	display: block !important;
}

a.comment-like-link:hover {
	background: transparent;
}

a.comment-like-link span {
	display: none;
}

a.comment-like-link {
	outline: none;
	border: 0 !important;
	text-decoration: none !important;
	padding: 0;
	margin: 0;
	float: left;
	text-decoration: none;
	line-height: 70%;
	background: transparent;
}

a.comment-like-link:before,
div.comment-likes-overlay span.icon {
	-webkit-font-smoothing: antialiased;
	font-family: "Noticons";
	font-size: 20px;
	line-height: .9;
}

div.comment-likes-overlay span.icon {
	color: white;
	height: 100%;
	margin: 0;
	padding: 3px 0 1px 0;
}

a.comment-like-link:before {
	color: #2EA2CC;
	content: '\f408';
	width: 16px;
	display: inline-block;
}

a.comment-like-link.loading {
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-ms-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s;

	opacity: 0;
}

a.comment-like-link:hover:before,
p.comment-liked a.comment-like-link:before,
p.comment-not-liked:hover a.comment-like-link:before {
	color: #f1831e;
	background: transparent;
}

/**
 * Styles for navigation.
 * Mostly copied from trunk/wp-content/mu-plugins/atlas/css/reader.css.
 */

div.comment-likes-overlay div .slider-nav {
	position: relative;
	clear: both;
	width: 310px;
	height: 40px;
	margin: 15px 0 -15px -12px;
	text-align: center;
	border-top: 1px solid #dfdfdf;
}

div.comment-likes-overlay div .slider-nav em {
	font-style: normal;
}

div.comment-likes-overlay div .slider-nav .prev {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 40px;
	border-right: 1px solid #dfdfdf;
}

div.comment-likes-overlay div .slider-nav .noticon {
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 40px;
}

div.comment-likes-overlay div .slider-nav .next {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	display: block;
	width: 40px;
	height: 40px;
	border-left: 1px solid #dfdfdf;
}

div.comment-likes-overlay div .slider-nav .position {
	position: absolute;
	top: 0;
	left: 40px;
	bottom: 0;
	right: 40px;
	text-align:center;
}

div.comment-likes-overlay div .slider-nav .position div {
	display: inline;
}

div.comment-likes-overlay div .slider-nav .position em {
	display: inline-block;
	padding: 0 3px;
	font-size: 30px;
	line-height: 40px;
	color: #bbb;
	cursor: pointer;
}

div.comment-likes-overlay div .slider-nav .position .on {
	color: #1e8cbe;
}

/**
 * Styles for Swipe.
 * Copied from the Swipe README.
 **/

div.comment-likes-overlay .swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

div.comment-likes-overlay .swipe-wrap {
	overflow: hidden;
	position: relative;
}

/* @noflip */
div.comment-likes-overlay .swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
/**

	Noticons

	Noticons are vector icons embedded in a font for use across wp.com.
	To use, reference this stylesheet in your project. See instructions in example.html

*/


/* IE8 and below use EOT and allow cross-site embedding. 
   IE9 uses WOFF which is base64 encoded to allow cross-site embedding.
   So unfortunately, IE9 will throw a console error, but it'll still work.
   When the font is base64 encoded, cross-site embedding works in Firefox */
@font-face {
  font-family: "Noticons";
  src: url(/i/noticons/./Noticons.eot?) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Noticons";
  src: url("data:application/x-font-woff;charset=utf-8;base64, ") format("woff"),
       url(/i/noticons/./Noticons.ttf) format("truetype"),
       url(/i/noticons/./Noticons.svg#Noticons) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Noticons";
    src: url(/i/noticons/./Noticons.svg#Noticons) format("svg");
  }
}


/**
 * All noticons
 */

.noticon {
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	display: inline-block;
	font-family: "Noticons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}


/**
 * Individual icons
 */

.noticon-404:before { content: "\f423"; }
.noticon-activity:before { content: "\f508"; }
.noticon-add:before { content: "\f8b3"; }
.noticon-add-media:before { content: "\f8d9"; }
.noticon-akismet:before { content: "\f8d2"; }
.noticon-anchor:before { content: "\f509"; }
.noticon-art:before { content: "\f8b4"; }
.noticon-aside:before { content: "\f101"; }
.noticon-atsign:before { content: "\f814"; }
.noticon-attachment:before { content: "\f416"; }
.noticon-audio:before { content: "\f109"; }
.noticon-automattic:before { content: "\f815"; }
.noticon-automattic-blip:before { content: "\f817"; }
.noticon-automattic-ring:before { content: "\f816"; }
.noticon-bell:before { content: "\f8d4"; }
.noticon-bold:before { content: "\f471"; }
.noticon-book:before { content: "\f444"; }
.noticon-bug:before { content: "\f50a"; }
.noticon-bullhorn:before { content: "\f8a5"; }
.noticon-bullseye:before { content: "\f8a0"; }
.noticon-cart:before { content: "\f447"; }
.noticon-category:before { content: "\f301"; }
.noticon-chat:before { content: "\f108"; }
.noticon-checkmark:before { content: "\f418"; }
.noticon-close:before { content: "\f405"; }
.noticon-close-alt:before { content: "\f406"; }
.noticon-cloud:before { content: "\f426"; }
.noticon-cloud-download:before { content: "\f440"; }
.noticon-cloud-upload:before { content: "\f441"; }
.noticon-code:before { content: "\f462"; }
.noticon-codepen:before { content: "\f216"; }
.noticon-cog:before { content: "\f445"; }
.noticon-collapse:before { content: "\f432"; }
.noticon-colors:before { content: "\f8a7"; }
.noticon-comment:before { content: "\f300"; }
.noticon-compact:before { content: "\f807"; }
.noticon-day:before { content: "\f305"; }
.noticon-digg:before { content: "\f221"; }
.noticon-document:before { content: "\f443"; }
.noticon-dot:before { content: "\f428"; }
.noticon-downarrow:before { content: "\f502"; }
.noticon-download:before { content: "\f50b"; }
.noticon-draggable:before { content: "\f436"; }
.noticon-dribbble:before { content: "\f201"; }
.noticon-dropbox:before { content: "\f225"; }
.noticon-dropdown:before { content: "\f433"; }
.noticon-dropdown-left:before { content: "\f434"; }
.noticon-edit:before { content: "\f411"; }
.noticon-ellipsis:before { content: "\f476"; }
.noticon-eventbrite:before { content: "\f8a6"; }
.noticon-expand:before { content: "\f431"; }
.noticon-external:before { content: "\f442"; }
.noticon-facebook:before { content: "\f203"; }
.noticon-facebook-alt:before { content: "\f204"; }
.noticon-fastforward:before { content: "\f458"; }
.noticon-features:before { content: "\f8a8"; }
.noticon-feed:before { content: "\f413"; }
.noticon-flag:before { content: "\f468"; }
.noticon-flickr:before { content: "\f211"; }
.noticon-follow:before { content: "\f801"; }
.noticon-following:before { content: "\f803"; }
.noticon-fonts:before { content: "\f8b5"; }
.noticon-foursquare:before { content: "\f226"; }
.noticon-fullscreen:before { content: "\f474"; }
.noticon-gallery:before { content: "\f103"; }
.noticon-ghost:before { content: "\f8d5"; }
.noticon-gift:before { content: "\f8a4"; }
.noticon-github:before { content: "\f200"; }
.noticon-googleplus:before { content: "\f206"; }
.noticon-googleplus-alt:before { content: "\f218"; }
.noticon-gravatar:before { content: "\f8d0"; }
.noticon-gridview:before { content: "\f808"; }
.noticon-handset:before { content: "\f50c"; }
.noticon-heart:before { content: "\f461"; }
.noticon-help:before { content: "\f457"; }
.noticon-hide:before { content: "\f404"; }
.noticon-hierarchy:before { content: "\f505"; }
.noticon-home:before { content: "\f409"; }
.noticon-horizon:before { content: "\f8d8"; }
.noticon-image:before { content: "\f102"; }
.noticon-info:before { content: "\f455"; }
.noticon-instagram:before { content: "\f215"; }
.noticon-italic:before { content: "\f472"; }
.noticon-jetpack:before { content: "\f8d3"; }
.noticon-key:before { content: "\f427"; }
.noticon-layouts:before { content: "\f8a9"; }
.noticon-leftarrow:before { content: "\f503"; }
.noticon-lightbulb:before { content: "\f8a1"; }
.noticon-link:before { content: "\f107"; }
.noticon-linkedin:before { content: "\f207"; }
.noticon-linkedin-alt:before { content: "\f208"; }
.noticon-localization:before { content: "\f8b2"; }
.noticon-location:before { content: "\f417"; }
.noticon-lock:before { content: "\f470"; }
.noticon-mail:before { content: "\f410"; }
.noticon-maximize:before { content: "\f422"; }
.noticon-medium:before { content: "\f8d6"; }
.noticon-menu:before { content: "\f419"; }
.noticon-microphone:before { content: "\f50d"; }
.noticon-milestone:before { content: "\f806"; }
.noticon-minimize:before { content: "\f421"; }
.noticon-minus:before { content: "\f50e"; }
.noticon-month:before { content: "\f307"; }
.noticon-move:before { content: "\f50f"; }
.noticon-next:before { content: "\f429"; }
.noticon-notice:before { content: "\f456"; }
.noticon-notification:before { content: "\f800"; }
.noticon-paintbrush:before { content: "\f506"; }
.noticon-path:before { content: "\f219"; }
.noticon-pause:before { content: "\f448"; }
.noticon-phone:before { content: "\f437"; }
.noticon-picture:before { content: "\f473"; }
.noticon-pinned:before { content: "\f308"; }
.noticon-pinterest:before { content: "\f209"; }
.noticon-pinterest-alt:before { content: "\f210"; }
.noticon-play:before { content: "\f452"; }
.noticon-plugin:before { content: "\f439"; }
.noticon-plus:before { content: "\f510"; }
.noticon-pocket:before { content: "\f224"; }
.noticon-polldaddy:before { content: "\f217"; }
.noticon-portfolio:before { content: "\f460"; }
.noticon-previous:before { content: "\f430"; }
.noticon-price:before { content: "\f8b0"; }
.noticon-print:before { content: "\f469"; }
.noticon-promoted:before { content: "\f812"; }
.noticon-quote:before { content: "\f106"; }
.noticon-rating-empty:before { content: "\f511"; }
.noticon-rating-full:before { content: "\f512"; }
.noticon-rating-half:before { content: "\f513"; }
.noticon-reader:before { content: "\f8a2"; }
.noticon-reader-alt:before { content: "\f8a3"; }
.noticon-reblog:before { content: "\f805"; }
.noticon-reddit:before { content: "\f222"; }
.noticon-refresh:before { content: "\f420"; }
.noticon-reply:before { content: "\f412"; }
.noticon-reply-alt:before { content: "\f466"; }
.noticon-reply-single:before { content: "\f467"; }
.noticon-rewind:before { content: "\f459"; }
.noticon-rightarrow:before { content: "\f501"; }
.noticon-search:before { content: "\f400"; }
.noticon-send-to-phone:before { content: "\f438"; }
.noticon-send-to-tablet:before { content: "\f454"; }
.noticon-share:before { content: "\f415"; }
.noticon-show:before { content: "\f403"; }
.noticon-shuffle:before { content: "\f514"; }
.noticon-sitemap:before { content: "\f507"; }
.noticon-skip-ahead:before { content: "\f451"; }
.noticon-skip-back:before { content: "\f450"; }
.noticon-skype:before { content: "\f220"; }
.noticon-spam:before { content: "\f424"; }
.noticon-spike:before { content: "\f811"; }
.noticon-spotify:before { content: "\f515"; }
.noticon-squarespace:before { content: "\f8d7"; }
.noticon-standard:before { content: "\f100"; }
.noticon-star:before { content: "\f408"; }
.noticon-status:before { content: "\f105"; }
.noticon-stop:before { content: "\f449"; }
.noticon-stumbleupon:before { content: "\f223"; }
.noticon-subscribe:before { content: "\f463"; }
.noticon-subscribed:before { content: "\f465"; }
.noticon-summary:before { content: "\f425"; }
.noticon-tablet:before { content: "\f453"; }
.noticon-tag:before { content: "\f302"; }
.noticon-time:before { content: "\f303"; }
.noticon-title:before { content: "\f8b6"; }
.noticon-top:before { content: "\f435"; }
.noticon-trapper:before { content: "\f810"; }
.noticon-trash:before { content: "\f407"; }
.noticon-trophy:before { content: "\f804"; }
.noticon-tumblr:before { content: "\f214"; }
.noticon-twitch:before { content: "\f516"; }
.noticon-twitter:before { content: "\f202"; }
.noticon-types:before { content: "\f8b1"; }
.noticon-unapprove:before { content: "\f446"; }
.noticon-unfollow:before { content: "\f802"; }
.noticon-unsubscribe:before { content: "\f464"; }
.noticon-unzoom:before { content: "\f401"; }
.noticon-uparrow:before { content: "\f500"; }
.noticon-user:before { content: "\f304"; }
.noticon-vaultpress:before { content: "\f8d1"; }
.noticon-video:before { content: "\f104"; }
.noticon-videocamera:before { content: "\f517"; }
.noticon-vimeo:before { content: "\f212"; }
.noticon-warning:before { content: "\f414"; }
.noticon-website:before { content: "\f475"; }
.noticon-week:before { content: "\f306"; }
.noticon-wordads:before { content: "\f813"; }
.noticon-wordpress:before { content: "\f205"; }
.noticon-xpost:before { content: "\f504"; }
.noticon-youtube:before { content: "\f213"; }
.noticon-zoom:before { content: "\f402"; }


/**
 * Deprecated noticon names
 */

.noticon-like:before { content: "\f408"; }
