.art-wrap { padding: 40px 40px 40px 40px; margin: 0  0 0; }
.art-wrap:after { content: ""; display: table; clear: both; }

.sidebar.fixed { position: fixed; bottom: 0; float: none; margin: 0; }
.sidebar.fixed.stay { position: absolute; }

.art-wrap *, .art-wrap *:before, .art-wrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.art-article {
    /*-webkit-font-smoothing: antialiased;*/
    line-height: 1.618;
    margin: 0 0 0 0;
}
.art-header { margin: 0 -40px 0 -40px; padding: 0 40px; }
.art-title { font-size: 3.4em; letter-spacing: -0.01em; color: #111; line-height: 1.1; margin: 0; padding: 0; }
.art-sms { font-weight: normal; font-size: 1.8em; color: #484848; line-height: 1.4; margin: 10px 0; }
.art-byline { color: #a8a8a8; text-transform: none; margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 1.2em; }

.art-body { font-size: 1.3em; color: #383838; padding: 0 0 20px 0; }
.art-body p { margin: 1.618em 0; }
.art-article .article_social { margin: 0 -40px 0 -40px; padding: 10px 40px; background: none; }
.art-article .article_social:before { display: none; }
.art-article .float .article_social { border-bottom: 1px solid #eee; }
.art-body .gotocomments { text-align: center; margin: 0 -40px; }
.art-body .gotocomments a { display: inline-block; background: #0581c9; color: #fff; margin: 0 auto; padding: 8px 0px; margin: 40px auto 0 auto; width: 31%; border-radius: 5px; }

.art-article img { max-width: 100%; display: block; }
.art-article figure { margin: 40px 0; border-bottom: 1px solid #eee; }

figcaption { color: #bbb; font-size: 0.8em; line-height: 1.5; padding: 10px 10px; text-align: center; }
figcaption p { margin: 0; }

.story_images { margin: 0 -40px; position: relative; min-height: 200px; background: #151515; }
.art-article .story_images figure { padding: 0; margin: 0; display: block; }
.story_images figure > a { display: block; }
.story_images figure img { max-width: 100%; display: block; margin: 0 auto; }
.story_images figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px 10px 20px; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUFBQWsrP/7AAAAAXRSTlOmf1PeuwAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=) repeat 0 0; border-radius: 0; }
.story_images figcaption a { color: #bbb; text-decoration: underline; }
.art-article .story_images figcaption p { margin: 0; }
.story_images.multi figcaption { padding-bottom: 100px; }
.story_images .thumbnails * {
    -webkit-transition: opacity .2s ease-in, border-color .2s ease-in;
    -moz-transition: opacity .2s ease-in, border-color .2s ease-in;
    -o-transition: opacity .2s ease-in, border-color .2s ease-in;
    transition: opacity .2s ease-in, border-color .2s ease-in;  
}
.story_images .thumbnails { position: absolute; bottom: 0; left: 0; right: 0; height: 100px; }
.story_images .thumbnails ul { list-style-type: none; margin: 15px 0; padding: 0 20px; text-align: center; white-space: nowrap; }
.story_images .thumbnails li { margin: 0 0 0 10px; padding: 0; display: inline-block; vertical-align: top; }
.story_images .thumbnails li:first-child { margin-left: 0; }
.story_images .thumbnails a { display: block; border: 1px solid #000; font-size: 0.85em; }
.story_images .thumbnails img { height: 70px; display: block; opacity: 0.8; }
.story_images .thumbnails a:hover img { opacity: 1; }
.story_images .thumbnails .viewall { display: block; height: 72px; width: 92px; color: #fff; padding: 15px 20px; text-align: center; white-space: normal; border: 1px solid #bbb; opacity: 0.6; }
.story_images .thumbnails .viewall:hover { opacity: 1; }
.story_images.nocaption .thumbnails { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUFBQWsrP/7AAAAAXRSTlOmf1PeuwAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=) repeat 0 0; }

#article_actions_i_tips { line-height: 16px; font-size: 10px; margin: 4px 0 0 0; padding: 0 0 0 30px; background: url(images/articlepage_action_socialtips.png) no-repeat 0 50%; text-transform: uppercase; display: none; float: right; }

.article_distributors_vendors { background: url(images/articlepage_extra.png) no-repeat 100% 0; padding: 5px 0 0 0; margin: 0 0 5px 0; }
.article_distributors_vendors_inner { background: #dddddd url(images/articlepage_extra.png) no-repeat 100% 100%; padding: 0 0px 5px 0px; }
.article_distributors_vendors_border { border: 1px solid #dddddd; border-width: 0 1px 0 1px; }
.article_distributors_vendors_content { color: #969696; padding: 2px 10px; background: #f8f8f8; border: 1px solid #fff; border-width: 0 1px 0 1px; }
.article_distributors_vendors_header { background: url(images/articlepage_reference_header.png) repeat-x 0 100%; padding: 7px 0; font-weight: 700; text-transform: uppercase; font-size: 11px; }
.article_distributors_vendors_content ul { margin: 0; padding: 10px 0 10px 22px; }
.article_distributors_vendors_content ul li { margin: 4px 0; padding: 0; color: #cecece; }
.article_distributors_vendors_content a { color: #0086CC; }
.article_distributors_vendors_showall { float: right; font-size: 11px; }

#comments_content { margin: 20px 0 0 0; }
.art-comment_show { display: none; }

#article_suggestion { position: fixed; bottom: 0; left: 0; z-index: 9999; max-width: 405px; text-align: right; display: none; }
#article_suggestion .article_suggestion-inner{ padding: 10px; -moz-box-shadow: 2px 1px 2px #888;-webkit-box-shadow: 2px 1px 2px #888;box-shadow: 2px 1px 2px #888; background: #fff url(images/article_view_popup_bg.gif) repeat-y 100% 100%;}
#article_suggestion .article_suggestion-inner h2 a{color: #333; font-size: 17px;}
#article_suggestion .article_suggestion-inner h2{border-bottom: 1px solid #e5e5e5; margin: 0 0 10px; padding: 0 0 8px;}
.article_suggestion-noshow{font-size: 8px; color: #333; cursor: pointer; margin: 6px 0; text-shadow: 0 1px 0 rgba(255,255,255,.7), 0 -1px 0 rgba(255,255,255,.7), 1px 0 0 rgba(255,255,255,.7), -1px 0 0 rgba(255,255,255,.7); }
.article_suggestion-noshow span{font-size: 9px; color: #0581C9;}
.article_suggestion-closebox{float: right; width: 40px; padding:5px 0 0 10px;}
.article_suggestion-closebox a{text-indent: -9999px; display: block; background: url(images/article_view_popup_close.png) 0 0; width: 19px; height: 14px; float: right;}
.article_suggestion-closebox a:hover{background-position: 100% 100%;}
.article_suggestion-text{width: 225px; float: left;}
.article_suggestion-sublink{text-transform: uppercase; font-size: 10px; background: url(images/article_view_popup_arrow.png) no-repeat 100% 50%; padding-right: 15px;}
.article_suggestion-img{float: left; padding: 0 10px 0 0;}

#article_body p img { max-width: 100%; display: block; }
.article-image { margin: auto; }

.embedded_slideshow { margin: 15px 0 15px 0; }
.embedded_slideshow .desc { font-size: 11px; line-height: 17px; color: #999; margin: 3px 0 0 0; padding: 16px 13px 10px 13px; background: #eee url(images/articlepage_image_desc.png) no-repeat 0 0; }
#article_body .embedded_slideshow .desc p { padding: 0; margin: 0; font-size: 11px; line-height: 17px;  }
.embedded_slideshow .thumbnails { padding: 0 12px 12px 7px; background: #eee; }
.embedded_slideshow .thumbnails ul { list-style-type: none; margin: 0; padding: 0; }
.embedded_slideshow .thumbnails ul li { border:1px solid #000; display:inline; float:left; height:50px; margin:5px 0 0 5px; overflow:hidden; padding:0; text-align:center; width:50px; background: #000; }
.embedded_slideshow .thumbnails ul li:hover { border-color: #999; }
.embedded_slideshow .thumbnails img { height: 50px; }


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

.page_links { color: #bbb; margin: 20px 0 40px 0; padding: 0; font-weight: bold; text-align: left; line-height: 1.8; }
.page_links:after { content: ""; display: table; clear: both; }
.page_links .label { margin: 0; display: inline-block; vertical-align: middle; }
.page_links ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; }
.page_links li { padding: 0 10px; display: inline-block; border-left: 1px solid #eee; vertical-align: middle; }
.page_links li:first-child { border: none; }
.art-article .page_links a { text-align: center; color: #1481c9; display: block; background: #fff; border-radius: 15px; height: 1.8em; width: 1.8em; overflow: hidden; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.art-article .page_links a:hover { color: #fff; background: #1481c9; text-decoration: none; }
.art-article .page_links a.sel { color: #bbb; pointer-events: none; color: #fff; background: #1481c9; }
/*.art-article .page_links a.sel { color: #bbb; pointer-events: none; }*/

.art-article .page_links a.turn { text-indent: 0px; position: relative; width: auto; padding: 0 15px; color: #1481c9; }
.art-article .page_links a.turn:hover { background: #1481c9; color: #fff; }
.art-article .page_links a.prev { display: none; }
.art-article .page_links a.prev:before { content: ''; display: inline-block; top: 50%; margin: -5px 10px 0 0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;  border-right:5px solid #1481c9; }
.art-article .page_links a.prev:hover:before { border-right-color: #fff; }
.art-article .page_links a.next:after { content: ''; display: inline-block; top: 50%; margin: -5px 0 0 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;  border-left:5px solid #1481c9; }
.art-article .page_links a.next:hover:after { border-left-color: #fff; }

.bottom_boombox { text-align: center; margin: 30px 0; }
.bottom_boombox > div { display: inline-block; }

.art-extra h2 { clear: both; border-bottom: 1px solid #e6e7e8; padding: 0 0 5px 0; margin: 30px 0 0 0; font-size: 2.1em; }
.readnext ul { list-style-type: none; padding: 0; margin: 0 0 20px; overflow: hidden; }
.readnext ul:after { content: ""; display: table; clear: both; }
.readnext li { padding: 0; margin: 20px 0 0 3%; float: left; width: 31%; text-align: left; }
.readnext li:nth-child(3n+1) { margin-left: 0; clear: both; }
.readnext li .image { display: block; position: relative; width: 100%; height: 0; padding: 49% 0 0; overflow: hidden; border-radius: 10px; border: 1px solid #ddd; background: #333; }
.readnext li img { width: auto; width: 102%; max-width: 9999px; display: block; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.readnext li .image:hover img { width: 120%; top: -100%; bottom: -100%; }
.readnext li a { color: #383838; }
.readnext li h3 {  font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold; line-height: 1.4; }
.readnext li p { color: #aaa; margin: 3px 0; }
.readnext li.video .image:after { content: '';  position: absolute; width: 32px; height: 32px; background: url(images/icon_video.png) no-repeat 0 0; right: 10px; bottom: 10px; opacity: 1; }
.readnext li.gallery .image:after { content: '';  position: absolute; width: 32px; height: 32px; background: url(images/icon_gallery.png) no-repeat 0 0; right: 10px; bottom: 10px; opacity: 1; }

.art-wrap .ad { text-align: center; margin: 40px 0; }

.art-body .tags { margin: 10px 0; font-size: 0.75em; color: #bbb; }
.art-body .tags a { display: inline-block; background: #f3f3f3; color: #777; padding: 0 15px; margin: 0 5px 5px 0; 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; }
.art-body .tags a:first-child { margin-left: 5px; }
.art-body .tags a:hover { background: #33a0d1; color: #fff; text-decoration: none; }

.art-article aside.readmore { padding: 10px 0; color: #aaa; line-height: 1.3; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff; }
.art-article aside.readmore .image { display:inline-block; position: relative; z-index: 2; vertical-align:middle; width: 80px; border-radius: 3px; margin: 0 -90px 0 0; }
.art-article aside.readmore img {display: block; width: 100%; }
.art-article aside.readmore > span { display:inline-block; position: relative; z-index: 1; vertical-align:middle; padding: 0 0 0 100px; }
.art-article aside.readmore > span a { font-weight: normal; }
.art-article aside.readmore strong { text-transform: uppercase; font-size: 0.7em; display: block; font-weight: normal; line-height: 1.5; margin-top: -4px; }
.art-article aside.readmore:after { content: ""; display: table; clear: both; }

blockquote {
    color:#393838;
    padding: .5em 30px .5em 35px;
    background: #f8f8f8;
    color: #666;
    border-left: 5px solid #bbb;
    margin: 1.618em -40px 1.618em -40px;
}



.antiscroll-wrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.antiscroll-scrollbar {
    background: #666;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: linear 300ms opacity;
    -moz-transition: linear 300ms opacity;
    -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
    height: 7px;
    margin-left: 2px;
    bottom: 2px;
    left: 0;
}

.antiscroll-scrollbar-vertical {
    width: 7px;
    margin-top: 2px;
    right: 2px;
    top: 0;
}

.antiscroll-inner {
    overflow: scroll;
}

.antiscroll-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.antiscroll-inner::scrollbar {
    width: 0;
    height: 0;
}

article.full .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; }
article.full .qs-article_widget form { padding: 0; margin: 0; }
article.full .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;}
article.full .qs-message { display: none; color: #00a400; }
article.full .qs-currentemail { font-weight: bold; }
article.full .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; }
article.full .qs-btn:hover { border-color: #999; background: #999; }
article.full .qs-btn.primary { border: 1px solid #38A2BF; background: #38A2BF; }
article.full .qs-btn.primary:hover { border-color: #2c8198; background: #2c8198; }
article.full .qs-textfield { border: 1px solid #ddd; background: #fff; color: #333; padding: 0.6em 0.8em; font-size: 1em; width: 250px; }
article.full .qs-error { color: #f00; }

@media only screen and (max-width: 600px) {
    .lo-responsive .art-wrap { padding: 10px; }
    .lo-responsive .art-title { font-size: 2.4em; }
    .lo-responsive .art-header { margin: 0 -10px; padding: 0 10px; }
    .lo-responsive .art-sms { font-size: 1.5em; }
    .lo-responsive .story_images { margin: 0 -10px; }
    .lo-responsive .art-article .article_social { margin: 0 -10px; padding: 10px 10px; height: auto; }
    .lo-responsive .art-article .article_social:after { content: ""; display: table; clear: both; }
    .lo-responsive .readnext li { margin: 20px 0 0 4%; width: 48%; }
    .lo-responsive .readnext li:nth-child(3n+1) { margin-left: 4%; clear: none; }
    .lo-responsive .readnext li:nth-child(2n+1) { margin-left: 0; clear: both; }

}