#article { padding: 0 20px 0 0; border-right: 0px solid #ddd; position: relative; }
#article h1 { margin: 0 10px 0 0; padding: 0; font-weight: normal; font-size: 2.8em; line-height: 1.2; }
#article .sms { font-size: 1.4em; color: #777; margin: 0 0 15px; }
#article .links { list-style-type: none; margin: 0 0 0 -15px; color: #888; line-height: 1; }
#article .links li { padding: 0 15px; border-left: 1px dotted #777; display: inline-block; }
#article .body { clear: both; }
#article figure { margin: 20px 0 20px 0; }
#article figure img { display: block; }
#article figcaption { color: #888; font-weight: normal; font-size: 0.85em; padding: 5px 20px 5px 20px; text-align: center; border-bottom: 1px solid #eee; }

#article .byline { list-style-type: none; padding: 0; margin: 0 0 10px 0; font-size: 0.8em; border-top: 0 solid #ddd; text-transform: uppercase; color: #999; font-weight: normal; }
#article .byline li { padding: 0; margin: 0 20px 0 0; line-height: auto; display: inline-block;  }
#article .byline .comment_link a {
  position: relative;
  display: inline-block;
  font-size: 0.85em;
  font-style: italic;
  line-height: 1.5em;
  background: #c22b70;
  color: #fff;
  font-weight: bold;
  text-align: center;
	border-radius: 3px;
	padding: 0 5px;
}
#article .byline .comment_link a:empty { display: none; }
#article .byline .comment_link a:after { content: ''; position: absolute; bottom: -4px; left: 4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #c22b70; }
#article .byline .actions { float: right; margin: 0; position: relative; display: none; }
#article .byline .actions a.button { display: block; color: #fff; padding: 0 10px; height: 32px; text-indent: -9999px; width: 35px; background: #ccc url(images/article/actions.png) no-repeat 0 -1px; }
#article .byline .actions .menu { display: none; position: absolute; top: 32px; right: 0; background: #fff; width: 140px; min-height: 200px; padding: 0; border: 1px solid #000; border-top: none; font-size: 0.9em; text-transform: none; }
#article .byline .actions .menu ul { padding: 0; margin: 0; list-style-type: none; }
#article .byline .actions .menu li { padding: 0; border-bottom: 1px solid #ddd; margin: 0; float: none; line-height: auto; height: auto; }
#article .byline .actions .menu a { display: block; padding: 3px 15px;  color: #000; }
#article .byline .actions .menu a:hover { background: #f8f8f8; }
#article .byline .actions.expand a.button { border: 1px solid #000; border-bottom: none; color: #000; background-color: #fff; background-position: -35px -1px; }
#article .byline .actions.expand .menu { display: block; }

#article .byline .author {
	display: flex;
	align-items: center;
}

#article .byline .author_pic {
  width: 56px;
  height: 56px;
  padding: 2px;
  border: solid 1px #ccc;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}
#article .byline .author_pic:after {
	position: absolute;
	top: 0;
	left: 0;
	border: solid 2px #fff;
	width: 100%;
	height: 100%;
	content: '';
}
#article .byline .author_pic img{
  width: 100%;
  height: auto;
}
#article .byline .author a[rel="author"]{
	font-size: 1.1em;
}
#article .byline .author time{
	display: block;
	margin-top: 5px;
}


#article .share { list-style-type: none; padding: 0; margin: 15px 0; font-size: 0.9em; }
#article .share li { padding: 0; margin: 0 15px 0 0; display: inline-block; padding: 0; height: 20px; max-width: 33.3333%; vertical-align: top; }


#article .share li.gplus { width:64px; }
#article .share li.print a, #article .share li.more a {
	position: relative; display: block; line-height: 18px; font-size: 0.9em; height: 20px; padding: 0 5px 0 5px; border: 1px solid #ddd; background: #f8f8f8; color: #555; border-radius: 3px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#eeeeee')
}
#article .share li.print a:before {
	content: '';
	display: inline-block; width: 13px; height: 18px; margin: 0 3px 0 0;
	background: url(images/icon_print.png) no-repeat 0 3px;
	vertical-align: middle;
}
#article .share li.print a:hover, #article .share li.more a:hover { border-color: #bbb; }

#article .extras h3:first-child { margin-top: 0; }
#article .extras ul { margin: 0 0 20px 20px; }
#article .extras li { margin: 0 0 0.5em 0; }

#article .share li.more a:before {
	content: '';
	display: inline-block; width: 13px; height: 18px; margin: 0;
	background: url(images/icon_more.png) no-repeat 50% 50%;
	vertical-align: middle;
}

#article header .share .hide { display: none; }
#article header.showoptions .share .hide { display: inline-block; }
/*#article header.showoptions .share .more { display: none; }*/
#article header.showoptions .share li.more a:before { background-image: url(images/icon_moreclose.png); }
/*#article header.showoptions .share li.more a:before { opacity: 0.2; }*/

#article .links li:first-child { border: none; }
.page_links { margin: 20px 0; color: #555; }
.page_links .label { display: inline-block; }
#article .page_links ul { list-style-type:none; padding:0; margin:0; display: inline-block; }
#article .page_links li { margin: 0 0 0 8px; display: inline-block; }


#article .body ul, #article .body ol { margin-left: 25px; }

#article .tags { font-size: 1em; }
#article .tags a { display: inline-block; font-size: 0.85em; background: #f3f3f3; color: #555; padding: 5px 10px; margin: 0 0 5px 5px; border-radius: 15px; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
#article .tags a:hover { background: #33a0d1; color: #fff; }

#story_images { margin: 15px 0 15px 0; }
#story_images .current_img img { max-width: 100%; }
#story_images_desc { font-size: 11px; line-height: 14px; color: #999; margin: 3px 0 0 0; padding: 16px 13px 10px 13px; background: #eee url(images/articlepage_image_desc.png) no-repeat 0 0; }
#story_images_desc p { padding: 0; margin: 0; font-size: 11px; line-height: 14px;  }
#article .body #story_images .thumbnails { list-style-type: none; margin: 0 0 5px 0; padding: 0; }
#story_images .thumbnails li { border:1px solid #000; display:inline; float:left; height:50px; margin:5px 5px 0 0; overflow:hidden; padding:0; text-align:center; width:50px; background: #000; }
#story_images .thumbnails li:hover {
	border-color: #999;
}
#story_images .thumbnails img { height: 50px; }
#story_images .thumbnails a.tn_viewall {
	color: #888;
	font-size: 11px;
	float: right;
	margin-right: 2px;
}

.art_quote { display: inline; position: relative; width: 220px; color: #c22b70; font-weight: 400; font-size: 1.4em; line-height: 1.4; float: left; margin: 0 30px 0 0; padding: 0; quotes: "\201C""\201D""\2018""\2019"; }
.art_quote p { margin: 0; padding: 0; }
.art_quote .quote_author { font-size: 0.6em; color: #999; text-align: left; line-height: 14px; margin-top: 5px; }
.art_quote .quote_author:before { content: '- '; }
.art_quote .quote:before { color: #c22b70; font-family: Georgia; content: open-quote; font-size: 2em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
.art_quote .quote:after { color: #c22b70; font-family: Georgia; content: close-quote; font-size: 2em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.4em; }

.qs-article_widget { position: relative; color: #333; border: 0px solid #ddd; padding: 20px; border-radius: 0; background: #f8f8f8; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0); box-shadow: 0 1px 3px rgba(0,0,0,0); margin: 1.5em 0; }
.qs-article_widget form { padding: 0; margin: 0; }
.qs-article_widget h3 { margin: 0 0 0.5em 0; font-size: 1.5em; line-height: 1.3; color: #333; }
article.full .qs-article_widget p { margin: 0.5em 0; }
article.full .qs-registered p { margin: 0.5em 0 1em;}
.qs-message { display: none; color: #00a400; }
.qs-currentemail { font-weight: bold; }
.qs-btn { border: 1px solid #bbb; background: #bbb; color: #fff; padding: 0.6em 1.5em; font-size: 1em; margin: 0 0.5em 0 0; cursor: pointer; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.qs-btn:hover { border-color: #999; background: #999; }
.qs-btn.primary { border: 1px solid #38A2BF; background: #38A2BF; }
.qs-btn.primary:hover { border-color: #2c8198; background: #2c8198; }
.qs-textfield { border: 1px solid #ddd; background: #fff; color: #333; padding: 0.6em 0.8em; font-size: 1em; width: 300px; }
.qs-error { color: #f00; }

#article .art-figure img { margin: 0 auto; }
#article .art-figure_left { float: left; width: 45%; margin: 0 20px 15px 0; }
#article .art-figure_right { float: right; width: 45%; margin: 0 0 15px 20px; }

.art-magnific { display: block; position: relative; background: #f8f8f8; min-height: 40px; }
.art-magnific:after { content: ""; position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(0,0,0,.4) url(../article/images/sprites.png?2) no-repeat -28px -108px; color: #fff; border-radius: 3px; font-size: 0.8em; }
.art-magnific:hover:after { background-color: rgba(0,0,0,0.6);}

@media only screen and (max-width: 1040px) {
	#article header.showoptions .date { display: none; }
}

@media only screen and (max-width: 768px)
{
	#article {  border-right: none; padding-right: 0; }
	#article .art-figure { float: none; margin: 40px 0; width: 100%; }
}

@media only screen and (max-width: 600px)
{
	#article h1 {  font-size: 2em; }
	#article .sms { font-size: 1.3em; }
	/*#article .byline { float: none; margin-bottom: 10px; }*/
	/*#article .byline .comment_link { display: none; }*/
	#article .body { float: none; width: auto; }
	#article .lhs { float: none; width: auto; }
	#article .share { float: none; clear: both; margin: 0 0 30px 0; }
	#article .share li { margin-top: 10px; }
	#article .share li.print { display: none; }
	#article header.showoptions .date { display: block; }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{
	#article .byline .actions a.button { background-image: url(images/article/actions@2x.png); background-size: 70px 35px; }
	#article .share li.print a:before { background-size: 13px 12px; background-image: url(images/icon_print@2x.png); }
	#article .share li.more a:before { background-size: 12px 4px; background-image: url(images/icon_more@2x.png); }
	#article header.showoptions .share li.more a:before { background-size: 8px 10px; background-image: url(images/icon_moreclose@2x.png); opacity: 0.3; }
	.art-magnific:after {
	    background-size: 512px 512px;
	    background-image: url(../article/images/sprites@2x.png?2);
	}

}