body {margin: 0; padding: 0; font-size: 1em; font-family: Helvetica, Arial, sans-serif; color: #1c1c1c; background-color: #f2f2f2;}
a {text-decoration: none; color: #1c1c1c; -webkit-tap-highlight-color: rgba(0,0,0,0); background:transparent; }
a.url { word-wrap: break-word; }
.headcontainer {width: 100%; height: 438px;}
.content {background-color: #FFF; padding: 0 10px 40px; position: relative; z-index: 10;width:auto; }
.fright {float: right;}
.container_12 {width: auto; margin: 0 auto; position: relative;}
.container_12:before, .container_12:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.container_12:after {
clear: both;
}
.bigad {display: none;}
.hidetablet {display: none;}
.hidedesk {width: 100%;}
.sidebar.fright {display: none;}
.ad-large-rectangle-tablet, .ad-contextual-large-rectangle-tablet {width: auto; margin:0 -10px;}
.ad-large-rectangle-tablet .ad-container, .ad-contextual-large-rectangle-tablet .ad-container {padding: 20px 0; margin: 0 auto; display:block; width:700px;}
.container_12.content { margin: 0 30px; }
header {width: 100%; position: relative; background: #2c2c2c; height: 44px;}
header.banner {width: auto; padding:0 30px; position: relative; height: auto; background: #2c2c2c;}
header .container {position: relative; }
header.banner .logo {position: absolute; z-index: 100;}
header .logo h1 {background: transparent url(../img/logo.png) no-repeat center center; text-indent: -9999px; font-size: 0; width: 140px; height: 64px; position: absolute; left: 10px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
header .logo h1 {background: transparent url(../img/logo@2x.png) no-repeat center center;background-size: 140px 64px;}
}
header .logo a {width: 140px; height: 64px; display: block;}
header button {display: none;}
header ul {margin: 0; padding: 0;}
header ul li {margin: 0; padding: 0; list-style: none; display: inline;}
header #social {right: 10px; position: absolute; z-index: 100; top: 10px; display: none;}
header #social a {width: 22px; height: 23px; display: block; float: left; background: transparent url(../img/social.png) no-repeat 0 0; cursor: pointer;}
header #social a + a {margin-left: 10px;}
.no-touch header #social a:hover, header #social a:active {background-image: url(../img/social-hover.png);}
header #social a.rss {background-position: 0 0;}
header #social a.linkedin {background-position: -32px 0;}
header #social a.twitter {background-position: -63px 0;}
header #social a.facebook {background-position: -95px 0;}
header #banner { position: relative; z-index: 1; padding-top: 44px;}
header #banner .gradient {width: 100%; height:100%; position: absolute; z-index: 2; background: transparent url(../img/feature-shader.png) repeat; top: 0; left: 0; background-size: auto; z-index: 4;}
header #banner .gradient:before { background: url("../img/feature-fade-left.png") repeat-y left 0 transparent; width:100%; height:100%; position:absolute; content:''; z-index: 6; }
header #banner > a:before { background: url("../img/feature-fade-right.png") repeat-y right 0 transparent; width:100%; height:100%; position:absolute; content:''; z-index:7; }
header #banner img {width: 100%;display:block;z-index: 999;}
header #banner div {position: absolute; top: 115px; width: 340px; left: 10px; z-index: 100;}
header #banner div h2 { font-family: "ff-olsen-web-pro"; font-weight: normal; line-height: 125%; color: #fff; display: block; }
header #banner div p { color: #FFF;}
header #banner div a {color: #FFF; font-family: "ff-olsen-web-pro"; font-weight:700;}
.no-touch header #banner:hover .link, #banner:hover .raquo, header #banner:active .link {color: #fecd08;}
header .bar {text-transform: uppercase; width: 100%; position: absolute; left: 0; top: 0; z-index: 50; height: 44px; display: block; background: transparent url(../img/bar-bg-bot.png) repeat-x left top; font-weight: bold;}
header .bar .container_12 { margin: 0 30px; }
header nav
{
margin-left: 160px;
display: inline-block;
float: left;
width: 65%;
}
header nav .d1-nav-item
{
display: block;
float: left;
clear: none;
margin-right: 10px;
padding: 10px 0 0 0;
}
header nav .d1-nav-item.last
{
margin-right: 0;
}
header nav .d1-nav-item-link
{
display: block;
color: #fff;
font-size: .9em;
line-height: 24px;
}
header nav .d1-nav-item.highlighted
{
border-bottom: 1px solid #747474;
}
header nav .d1-nav-item.highlighted .d1-nav-item-link
{
border-bottom: 1px solid #9f9f9f;
}
header nav a:hover,
.no-touch header nav .d1-nav-item:hover,
header nav .d1-nav-item:active,
nav .d1-nav-item.active
{
color: #fecd08;
}
header form.search {background-color: #000; height: 43px;margin: 0;}
header form.search {float: right; position: relative;}
header form.search input[type=text] {font-size: .8em; float: left; border: 0 none; background-color: #fff; color: #727272;float: left; padding: 12px 10px; margin: 3px; width: 440px; border-radius: 5px; font-family: Helvetica, Arial, sans-serif;}
header form.search input[type=text]:focus {outline: none;}
header form.search .button {text-indent: -9999px; font-size: 0; background: #000 url(../img/btn-search.png) no-repeat center center; width: 30px; height: 31px; display: block; float: left; cursor: pointer; border: 0 none;}
header form.search .button.active {background-color: #2f2f2f; background-image: url(../img/btn-search-w.png);}
header form.search input[type=button], header form.search input[type=submit] {-webkit-appearance: none; -webkit-border-radius: 0; font-size: .8em; background-color: #fecd08; color: #404040; display: block; float: right; cursor: pointer; border: 0 none; border-radius: 5px; text-transform: uppercase; padding: 11px 14px; margin: 3px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
header form.search div + div {display: none; width: 560px; position: absolute; top: 44px; background-color: #000; right: 0; z-index: 999;}
.articlepage #slides2, .channelpage #slides2 {padding-top: 30px;}
.slidecontainer {
font-family: "ff-olsen-web-pro";
padding: 0;
background-color: #fafafa;
height: 83px;
margin: 0;
position: relative;
}
.content .slidecontainer {
margin: 10px 0;
padding: 0;
float: left;
width: 100%;
}
.slidecontainer ul {
margin: 0;
padding: 0;
}
.slidecontainer ul li {
padding: 0;
margin: 0;
list-style: none;
}
.slidecontainer ul li a img {
vertical-align: middle;
display: table-cell;
float: left;
margin: 0;
padding: 0;
width: auto;
}
.slidecontainer ul li a {
color: #7f7f7f;
display: table-row;
font-size: .9em;
font-weight: normal;
font-family: "ff-olsen-web-pro";
}
.content .slidecontainer ul li a {
color: #1c1c1c;
width: auto;
}
.no-touch .content .slidecontainer ul li a:hover,
.content .slidecontainer ul li a:active {
background-color:#efefef;
}
.slidecontainer ul li .sponsored {
color: #7249a0;
}
.slidecontainer ul li .sponsored div + div {
position: absolute;
color: #FFF;
left: 0;
top: 0;
background-color: #7249a0;
display: block;
padding: 1px 5px 2px;
text-transform: uppercase;
font-family: Helvetica, Arial;
font-weight: lighter;
font-size: .7em;
}
.slidecontainer ul li a > span {
padding: 0 220px 0 20px;
width:100%;
display: table-cell;
height: 83px;
vertical-align: middle;
}
.slidecontainer a.button {
float: right;
background: transparent url(../img/slide-next.png) no-repeat center center;
width: 83px;
height: 83px;
display: block;
position: absolute;
top:0;
right: 0;
padding: 0;
}
.slidecontainer .counter {
float: left;
clear: none;
display: block;
margin-top: 37px;
margin-left: 33px;
position: absolute;
right: 100px;
top:0;
pointer-events:none;
}
.slidecontainer .counter li {
display: block;
margin-right: 6px;
border-radius: 4px;
width: 8px;
height: 8px;
background-color: #cbcbcb;
float: left;
}
.slidecontainer .counter li.active {
background-color: #fecd08;
}
.articles article {clear: both; padding: 0 0 8px 0; width:auto; position:relative; border-bottom: 1px solid #dfdfdf; }
.articles article.ad {width: 100%; text-align: center;}
.articles article + article, .river-posts article .tags.with-image { padding-top: 8px; }
.articles article span.river {display: block; position: relative; margin-right: 20px; float: left;}
.no-touch .articles article a:hover span.river span:before, .articles article a:active span.river span:before { pointer-events:none;content:''; box-shadow: inset 0 0 0 3px #fecd08; float: left; position: absolute;z-index:10; display:block; width:100%; height:100%; }
.no-touch .articles article.sponsored a:hover span.river span:before, .articles article.sponsored a:active span.river span:before {box-shadow: inset 0 0 0 3px #7249a0;}
.articles article.sponsored {background-color:#d9d9d9;margin-left: -10px;margin-right:-10px;padding-left: 10px;padding-top:10px;border:none;margin-bottom: -1px;}
.articles article.sponsored span.river img {}
.articles article span.river img {float: left; clear: none; position: relative; }
.articles article.ad img {margin: 0; float: none;}
.articles article > a { display: block; overflow: hidden; }
.articles article .text {margin: 0 78px;}
.articles article .river + .text {overflow: hidden; margin: 0;}
.articles article h3 {float: left; clear: both; width: 100%; font-family: "ff-olsen-web-pro"; font-weight:700; margin: 12px 0 5px; font-size: 1.1em;}
.articles article .with-tags h3 { margin-top:30px; }
.no-touch .articles article a:hover .link, .articles article a:active .link {color: #fecd08;}
.articles article.sponsored a .link{color: #7249a0;font-family: Helvetica, Arial, sans-serif;font-size:1.2em;font-weight:bold}
.articles article.sponsored a .link{color: #7249a0; float: left; clear: both; width: 100%; font-family: "ff-olsen-web-pro"; font-weight:700; margin: 12px 0 5px; font-size: 1.1em; margin-top:10px;}
.no-touch .articles article.sponsored a:hover .link, .articles article.sponsored a:active .link {color: #000000;}
.articles article p {line-height: 150%; font-size: .9em;}
.tags {float: left; clear: both; width: 100%; text-transform: uppercase; font-weight: bold; font-size: .6em;}
.vtags {margin-left: 90px; float: left; margin-top: 20px;}
.vtags .tags {clear: none; width: auto;}
.tags a {display: block; margin-right: 3px; background-color: #fecd08; float: left; clear: none; padding: 1px 4px 2px; }
.articlepage .tags a {color: #666; background-color: #e6e6e6;}
.no-touch .tags a:hover, .tags a:active {color: #FFF; background-color: #1c1c1c;}
.vtags .tags a {}
.sponsored .tags a {background-color: #e6e6e6; color: #7249a0;}
.sponsored .tags .sponsored, .no-touch .sponsored .tags a:hover, .sponsored .tags a:active {color: #FFF; background-color: #7249a0;padding: 1px 4px 2px;}
.articles .tags { display:inline-block; width:auto; position:absolute;left:78px;top:25px; }
.articles article.sponsored .tags { left:88px; }
.articles article:first-child .tags {top:0px;}
.articles .tags.with-image { left:320px;top:10px; }
.articles article.sponsored .tags.with-image { left:330px; }
.button {background-color: #fafafa; color: #d2d2d2; padding: 6px;}
.no-touch .button:hover, .button:active {color: #fecd08;}
.no-touch .sponsored .button:hover, .sponsored .button:active {color: #7249a0;}
.sidebar {width: 100%;clear:both;}
.sidebar .ad {display: none;}
.sidebar, .highlights {color: #3f3f3f; font-family: "ff-olsen-web-pro";}
.article + .sidebar {padding-top: 10px;}
.sidebar form {}
.sidebar h4, .highlights h4 {background-color: #fecd08; float: left; clear: none; padding: 5px 3px 3px; text-transform: uppercase;font-weight: normal; font-family: "ff-olsen-web-pro";}
.highlights h4 {margin: 0 0 23px 0;}
.sidebar a, .highlights a {color: #3f3f3f; font-family: "ff-olsen-web-pro"; font-weight:700;; font-weight:700;}
.sidebar ul, .highlights ul {margin: 0; padding: 0;}
.sidebar ul li, .highlights ul li {margin: 0; padding: 0; list-style: none; display: block; float: left; clear: both; padding: 0 0 17px 0;}
.sidebar ul li + li, .highlights ul li + li {border-top: 1px solid #dfdfdf; padding: 17px 0;}
.no-touch .sidebar ul li a:hover, .no-touch .highlights ul li a:hover, .sidebar ul li a:active, .highlights ul li a:active {color: #fecd08;}
.sidebar ul li .sponsored {color: #7249a0;}
.sidebar ul li a div, .highlights ul li a div {float: left; margin-right: 20px; position: relative; display: block; z-index: 100;}
.no-touch .sidebar ul li a:hover div:before, .no-touch .highlights ul li a:hover div:before, .sidebar ul li a:active div:before, .highlights ul li a:active div:before {box-shadow: inset 0 0 0 3px #fecd08; display: block; content: ''; position: absolute; width: 100%; height: 100%; z-index: 200;}
.no-touch .sidebar ul li .sponsored:hover, .sidebar ul li .sponsored:active {color: #8e67c2;}
.no-touch .sidebar ul li .sponsored:hover div:before, .sidebar ul li .sponsored:active div:before {box-shadow: inset 0 0 0 3px #7249a0; display: block; content: ''; position: absolute; width: 100%; height: 100%;}
.sidebar ul li .sponsored div div {position: absolute; top: 0; left: 0; padding: 3px; color: #FFF; background-color: #7249a0; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold;}
.no-touch .sidebar ul li .sponsored:hover div div:before, .sidebar ul li .sponsored:active div div:before {box-shadow: none;}
.sidebar.fright {float: none;}
.bottom .sidebar.fright {display: block; float: left;}
.channel .highlights img {width: 70px; height: auto;}
.channel .highlights h4 {font-size: .7em; margin-bottom: 10px; font-family: "ff-olsen-web-pro"; font-weight:700;; font-weight:700;}
.channel .highlights li {font-size: .7em; line-height: 140%; padding-bottom: 10px; margin-bottom: 10px;}
.channel .highlights li a {display: block;}
.channel .sidebar ul li a div, .channel .highlights ul li a div {margin-right: 9px;}
.mostRead {}
.mostRead ol { counter-reset:li; margin-left:0; padding-left:0; float: left; clear: both;}
.mostRead ol > li {position:relative; margin:0; padding: 0 0 17px 0; list-style:none; clear: both; float: left;}
.mostRead ol > li + li {border-top: 1px solid #dfdfdf; padding: 17px 0;}
.mostRead ol > li:before {z-index: 9999; content:counter(li); counter-increment:li; position:absolute; left:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:0; padding:4px; border-top:2px solid #fecd08; background:#fecd08; text-align:center;}
.mostRead li ol, li ul {margin-top:6px;}
.mostRead ol ol li:last-child {margin-bottom:0;}
.mostRead ol > li a span {display: block; float: left; clear: none; margin-left: 60px;}
.mostRead ol > li a div {float: left; margin-right: 20px; position: relative; display: block; z-index: 100;}
.mostRead ol > li a div + span {margin-left: 0; float: none;}
.no-touch .mostRead ol > li a:hover, .mostRead ol > li a:active {color: #fecd08;}
.no-touch .mostRead ol > li a:hover div:before, .mostRead ol > li a:active div:before {box-shadow: inset 0 0 0 3px #fecd08; display: block; content: ''; position: absolute; width: 100%; height: 100%;}
.sideItem {display: none;}
.loadMore {font-family: "ff-olsen-web-pro"; font-weight:700; text-align: center; width: 100%; float: left;}
.loadMore a {color: #000000; padding: 2px 20px 0;background: transparent url(../img/arrowsprite.png) no-repeat right -88px;}
.loadMore #hide_comments a {background-position: right -288px;}
.no-touch .loadMore a:hover, .loadMore a:active {color: #fecd08; background-position: right 12px;}
.no-touch .loadMore #hide_comments a:hover, .loadMore #hide_comments a:active {color: #fecd08; background-position: right -188px;}
.loadMore.loading { display:none; }
.newsletter { padding: 3%; width: 94%; margin-top: 10px; overflow:hidden;}
.newsletter {background-color: #fafafa; float: left;}
.newsletter h4 {background: none; padding: 0; border-bottom: 1px solid #dfdfdf; margin: 0 0 6px;font-weight: bold; font-size: .78em; width: 550px;}
.newsletter p {clear: both; font-family: Helvetica, Arial, sans-serif; font-size: .8em;}
.newsletter p span {clear: none; display: block; float: left; margin: 3px 4px 11px 0;}
.newsletter form { clear: both; width: 100%; background: transparent url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 0; height: 38px;}
.newsletter input[type=text] {background-color: transparent; padding: 12px 0 0 0; font-size: .9em; color: #727272; font-family: Helvetica, Arial, sans-serif; border: none; float: left; clear: none; margin: 0; width:100%; }
.newsletter input[type=text]:focus {outline: none;}
.newsletter input[type=button], .newsletter input[type=submit] {-webkit-appearance: none; -webkit-border-radius: 0;border: none; background:transparent url(../img/subscribe-btn-sprite.png) no-repeat 0 -144px; float: right; clear: none; margin: 0; width:68px; height: 38px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; cursor:pointer; }
.no-touch .newsletter input[type=button]:hover, .no-touch .newsletter input[type=submit]:hover, .newsletter input[type=button]:active, .newsletter input[type=submit]:active { background-position:0 -182px; }
.sidebar.fright .newsletter {display: none;}
.bottom .sidebar.fright .newsletter {display: block; margin-top: 20px;}
.input-stretch { width:auto; padding: 0 100px 0 34px; }
.article .subscribe form { margin:0 170px 0 90px; position: relative; }
.article .input-stretch { padding: 10px 0 10px 34px;margin:0 122px 0 0; overflow: hidden;border-radius: 1px; border: 1px solid #e3e3e3; background: #fff url(../img/icon-email.png) no-repeat 8px center; }
.article article {float: left; clear: both; position: relative}
.headline {border-left: 10px solid #d9d9d9; margin-left: -10px; margin-right:-10px; border-bottom: 1px solid #d9d9d9; min-height: 104px;}
.channelpage .headline { clear: both; margin-bottom: 10px; overflow: hidden; }
.channelpage .headline h1 {margin-top: 40px; margin-bottom: 0;}
.article .headline {overflow: hidden; clear: both;}
.article .headline .byline {position: absolute; top: 350px; left: 10px;}
.d1-dropdown-arrow
{
display: block;
position: absolute;
right: -10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
border: none;
width: 0;
height: 0;
background: none;
}
.d1-dropdown-arrow:focus
{
-moz-outline: none;
outline: none;
}
.d1-dropdown-arrow.d1-dropdown-expand-arrow
{
top: 3px;
border-top: 4px solid #b39602;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.d1-dropdown-arrow.d1-dropdown-collapse-arrow
{
top: 2px;
border-bottom: 4px solid #b39602;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.article .headline
{
overflow: visible;
margin: 0 10px 0 90px;
padding: 0;
border: none;
width: auto;
}
.article .headline .imgContainer
{
position: relative;
clear: both;
margin: auto -20px auto -100px;
width: auto;
}
.article .headline .imgContainer img
{
display: block;
width: 100%;
height: auto;
}
.article .headline .imgContainer .caption
{
margin: 5px 10px 0 100px;
padding: 0;
color: #fff;
font-weight: lighter;
}
.article .headline .imgContainer .caption .caption-attribution,
.article .headline .imgContainer .caption .caption-text
{
display: block;
text-align: right;
}
.article .headline .imgContainer .caption .caption-attribution
{
position: relative;
margin: 0;
color: #b39602;
font-size: .625em;/* 10px */
font-weight: bold;
text-transform: uppercase;
}
.article .headline .imgContainer .caption .caption-attribution .caption-attribution-text
{
color: #b39602;
/*
padding-left: 16px;
background: transparent url(../img/icon-camera.png) no-repeat left center;
*/
}
.article .headline .imgContainer .caption .caption-attribution-btn
{
color: #b39602;
}
.article .headline .imgContainer .caption .caption-attribution.with-caption
{
margin-right: 10px;
line-height: 1;
}
.article .headline .imgContainer .caption .caption-text
{
display: none;
margin: 10px 10px 0 0;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px;
color: #838383;
font-size: .875em;/* 14px */
}
.article .headline .imgContainer .caption .caption-text.no-attribution
{
display: block;
}
.article .headline .imgContainer .d1-lead-image-container
{
position: relative;
}
.featured-category-post .share-section.lead-image,
.article .headline .imgContainer .d1-lead-image-container .share-section.lead-image
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-left: 90px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00000000, endColorstr=#22000000)";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#00000000', endColorstr='#22000000');
background-image: -webkit-gradient(linear, 90deg, from(transparent), to(transparent), from(transparent), to(#000));
background-image: -webkit-linear-gradient(90deg, transparent, #000);
background-image: -moz-linear-gradient(90deg, transparent, #000);
background-image: -o-linear-gradient(90deg, transparent, #000);
background-image: linear-gradient(90deg, transparent, #000);
background-image: -webkit-gradient(linear, 90deg, from(transparent), to(transparent), from(transparent), to(rgba(0,0,0,.35)));
background-image: -webkit-linear-gradient(90deg, transparent, rgba(0,0,0,.35));
background-image: -moz-linear-gradient(90deg, transparent, rgba(0,0,0,.35));
background-image: -o-linear-gradient(90deg, transparent, rgba(0,0,0,.35));
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.35));
}
.featured-category-post .share-section.lead-image .social-buttons,
.article .headline .imgContainer .d1-lead-image-container .share-section.lead-image .social-buttons
{
position: absolute;
bottom: 10px;
right: 0;
}
.article .headline .d1-title-container
{
margin: 10px 170px 35px 0;
}
.article .headline .d1-post-title
{
float: none;
margin: 0 0 30px 0;
width: auto;
font-size: 1.875em;/* 30px */
line-height: 1.2;/* 36px */
overflow: visible;
}
.article .headline .d1-byline
{
margin: 0;
clear: both;
zoom: 1;/* ie 7 clearfix */
text-transform: uppercase;
}
.article .headline .d1-byline:after
{
/* clearfix */
content: " ";
visibility: hidden;
display: block;
clear: both;
height: 0;
font-size: 0;
}
.article .headline .d1-byline .d1-byline-item
{
display: inline-block;
float: left;
margin-right: 1px;
margin-bottom: 1px;
padding: 0 5px;
color: #818181;
word-spacing: 0px;
font-size: .625em;/* 10px */
line-height: 2;/* 20px */
vertical-align: middle;
background-color: #e6e6e6;
}
.article .headline .d1-subhead
{
display: inline;
margin: 0;
padding: 0;
font-size: 1.125em;/* 18px */
line-height: 1.277;/* 23px */
background-color: #fecd08;
}
.article .headline .d1-subhead-container .d1-tags
{
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 5px;
font-size: .625em;/* 10px */
font-weight: bold;
line-height: 2;/* 20px */
}
.article .headline .d1-subhead-container .d1-tags .d1-tag
{
display: inline;
position: relative;
white-space: nowrap;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-tag-topic
{
margin: 0;
border-bottom: 2px solid #a3a3a3;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-tag-topic.arrow { border:none; }
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar
{
margin: 0;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-expanded .d1-tag-topic,
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-tag-topic
{
border-bottom: 2px solid #b4980b;
color: #b4980b;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-expanded .d1-tag-topic.arrow,
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-tag-topic.arrow { border:none; }
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-dropdown-arrow
{
position: relative;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: inline-block;
margin-left: 5px;
border: 4px solid transparent;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-dropdown-arrow.d1-dropdown-expand-arrow
{
top: 3px;
border-top: 4px solid #8f8f8f;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-expanded .d1-dropdown-arrow.d1-dropdown-expand-arrow,
.article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-dropdown-arrow.d1-dropdown-expand-arrow
{
border-top: 4px solid #b4980b;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-dropdown-arrow.d1-dropdown-collapse-arrow
{
top: -2px;
border-bottom: 4px solid #b4980b;
}
.article .headline .d1-subhead-container .d1-tags .d1-tag .d1-tag-separator
{
display: inline;
margin: auto 5px;
text-align: right;
color: #bbb;
line-height: 1.2;
}
.article .headline .d1-subhead-container .d1-similar-posts-container
{
display: none;
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts
{
display: none;
margin: 0;
padding: 0;
list-style-type: none;
color: #000;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts .d1-similar-post
{
position: relative;
margin-bottom: 15px;
padding-left: 20px;
font-size: .875em;/* 14px */
font-weight: bold;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts .d1-square
{
display: block;
position: absolute;
top: 3px;
left: 0;
width: 10px;
height: 10px;
background-color: #fecd08;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container,
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-topic-links
{
display: inline-block;
position: relative;
padding-right: 5px;
font-size: .625em;/* 10px */
font-weight: bold;
line-height: 1;
vertical-align: middle;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container
{
margin: 0px;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container .d1-dropdown-collapse-arrow
{
border-bottom: 4px solid #8f8f8f;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container:hover,
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-topic-links .d1-topic-link:hover
{
color: #b4980b;
cursor: pointer;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container:hover .d1-dropdown-collapse-arrow
{
border-bottom: 4px solid #b4980b;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-topic-links
{
margin: 0 0 0 20px;
padding: 0 5px 0 0;
border-right: 2px solid #1c1c1c;
list-style-type: none;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-topic-links.d1-no-links
{
border-right: none;
padding: 0;
}
.article .headline .d1-subhead-container .d1-similar-posts-container .d1-topic-links .d1-topic-link-container
{
display: inline;
}
.article .headline .d1-title-container.d1-no-image
{
margin-top: 30px;
margin-bottom: 0px;
border-top: none;
}
.share-section.lead-no-image
{
margin-top: 5px;
padding-left: 90px;
}
.share-section.lead-no-image .social-button:first-child
{
padding-left: 0;
}
.sponsored-content .d1-dropdown-arrow.d1-dropdown-expand-arrow
{
border-top: 4px solid #7249a0;
}
.sponsored-content .d1-dropdown-arrow.d1-dropdown-collapse-arrow
{
border-bottom: 4px solid #7249a0;
}
.sponsored-content .article .headline
{
margin: auto -10px;
padding: 0 0 15px 0;
}
.sponsored-content .article .headline .imgContainer
{
margin: 0;
}
.sponsored-content .article .headline .imgContainer img
{
border-bottom: 2px solid #7249a0;
}
.sponsored-content .article .headline .imgContainer .caption .caption-attribution .caption-attribution-text,
.sponsored-content .article .headline .imgContainer .caption .caption-attribution-btn
{
color: #7249a0;
}
.sponsored-content .article .headline .imgContainer .caption .caption-text
{
color: #1c1c1c;
}
.sponsored-content .headline .d1-title-container
{
margin-bottom: 0px;
padding-left: 100px;
}
.sponsored-content .article .headline .d1-title-container.d1-no-image
{
margin: 0 auto;
padding-top: 30px;
}
.sponsored-content .headline h1
{
font-family:Helvetica, Arial, sans-serif;
color:#7249a0;
font-weight: bold;
}
.sponsored-content .headline h1 span
{
display: inline-block;
font-size:0.5559em;
background-color:#7249a0;
color:#fff;
padding: 4px 8px;
line-height: 1em;
margin-top:6px;
vertical-align: top;
}
.sponsored-content .article .headline .byline {
color:#1c1c1c;
}
.sponsored-content .article .headline .d1-subhead
{
background-color:#7249a0;
color:#fff;
}
.sponsored-content .article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts .d1-square
{
background-color: #7249a0;
}
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-expanded .d1-tag-topic,
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-tag-topic
{
border-bottom: 2px solid #7249a0;
color: #7249a0;
}
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-expanded .d1-dropdown-arrow.d1-dropdown-expand-arrow,
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-dropdown-arrow.d1-dropdown-expand-arrow
{
border-top: 4px solid #7249a0;
}
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar.d1-collapseed .d1-dropdown-arrow.d1-dropdown-collapse-arrow,
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar .d1-dropdown-arrow.d1-dropdown-collapse-arrow,
.sponsored-content .article .headline .d1-subhead-container .d1-tags .d1-tag.with-similar:hover .d1-dropdown-arrow.d1-dropdown-collapse-arrow
{
border-bottom: 4px solid #7249a0;
}
.sponsored-content .article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container:hover
{
color: #7249a0;
}
.sponsored-content .article .headline .d1-subhead-container .d1-similar-posts-container .d1-similar-posts-btn-container:hover .d1-dropdown-collapse-arrow
{
border-bottom: 4px solid #7249a0;
}
.byline {float: left; clear: none; color: #666; font-family: "ff-olsen-web-pro"; font-size: .75em;}
.byline.hidedesk {width: auto; margin: 0;}
.byline p span:last-child:after {content: ''; padding-left: 2px;}
.byline p span:after {content: ' // '; padding-left: 0;}
.byline p span + span + span:after {content: ''; padding-left: 0;}
.byline p {margin: 2px 0 0 5px; padding: 0; float: right; clear: none;}
.byline p a {color: #b39602;}
.no-touch .byline p a:hover, .byline p a:active { text-decoration:underline; }
.article .headline .byline p {display: none;}
.headline h1 {font-family: "ff-olsen-web-pro"; font-weight:700; font-size: 1.8em; float:left; line-height: 140%; overflow: hidden; margin-right: 80px; margin-left: 170px;}
.article .headline h1 {margin-left: 90px; }
.headline .grid_6 h1 {margin-top: 28px; clear: both; margin-right: 170px}
.headline .grid_6 p {margin: 0 90px 20px 170px; float: left; clear: both;}
.article .text {clear: both;}
.article .text p,
.article .text hr
{
margin-left: 90px;
line-height: 150%;
margin-right: 170px;
}
.article .text blockquote p {margin-left: 0; margin-right:0}
.article .text aside {float: right; display: inline-block; width: 310px; margin-left: 20px; color: #808080; font-size: .8em;}
.article .text aside div {float: left; display: block; clear: both; font-size: 0; text-indent: -9999px; background-color: #dfdfdf; height: 1px; width: 150px;}
.article .text aside h3 {float: left; clear: both; padding: 0; text-transform: uppercase; font-family: "ff-olsen-web-pro"; font-weight:700; color: #000; font-size: .9em; margin-bottom: -5px;}
.article .text aside h3 span {background-color: #fecd08; display: block; margin: 0 0 3px 0; padding: 4px 3px 1px; float: left; }
.article .text aside p.without-image {float:right; clear: left; margin-bottom: 50px; margin-top: 10px; width: 222px; }
.article .text aside.without-image p.without-image {float:left; clear: left; margin-bottom: 50px; margin-top: 10px; width: 300px; }
.article .text aside p {float: left; clear: none; margin: 0; width: 220px; margin-top: 15px; }
.article .text aside p a { white-space: nowrap; }
.article .text aside img {float: left; clear: left; margin-right: 10px; margin-bottom: 50px; margin-top: 10px; }
.article .text a, .content .text a, #bio p a {color: #b39602; font-weight: bold;}
.no-touch .article .text a:hover, .article .text a:active, .content .text a:hover, #bio p a:hover {text-decoration: underline;}
.article .article-controls
{
margin: 0;
padding: 0;
color: #666;
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;/* 10px */
font-weight: normal;
}
.article .article-controls .increase-font
{
margin-right: 5px;
color: #1c1c1c;
}
.article .article-controls .increase-font .increase-font-text
{
color: #666;
}
.article .article-controls .increase-font .small
{
font-size: .8em;
font-weight: bold;
}
.article .article-controls .print
{
margin: auto 5px;
padding-left: 16px;
color: #666;
background: transparent url(../img/icon-print.png) no-repeat left center;
}
.article .article-controls-no-attribution
{
margin: 0 5px 0 0;
text-align: right;
}
.article .article-controls-no-attribution .article-controls
{
font-size: .625em;/* 10px */
}
.article .article-controls-no-image
{
margin: 0 10px 0 90px;
}
.article .article-controls-no-image .article-controls
{
font-size: .625em;/* 10px */
}
.channelpage .headline p { font-size: 1em; line-height: 140%; margin-bottom: 19px;}
.channel { margin: 10px -1.3% 0; }
.channel article {position: relative; width: 30.6%; margin: 0 1.3% 20px; float: left;}
/*.channel article:nth-child(3n-1) {margin: 0 20px 20px;}*/
.channel article img {position: relative; z-index: 1; width: 100%; height: auto; float: left;}
.tablet-desktop-channel-title {position: absolute; z-index: 100; background-color: rgba(39,39,39,.84); padding: 10px 8px; bottom: 0; margin: 0;left:0;right:0;}
.channel article div h1 {color: #FFF;font-family: "ff-olsen-web-pro"; font-weight:700; font-size: .9em; margin: 0; line-height: 150%;}
.channel article div.full { padding: 30px 22px; width:auto; overflow: hidden; left:auto; right:auto; bottom:auto; background:transparent;}
.channel article div.full h1 {margin: 0 0 .4em 0; font-family: "ff-olsen-web-pro"; font-weight:700; font-size: .9em; line-height: 140%; color:#000;}
.channel article div.full p {margin: 0; line-height: 120%; font-size: .8em;}
.channel article div.full p .link {font-weight: bold; white-space: nowrap;}
.channel article a { background-color: #f2f2f2; display: block;overflow: hidden; min-height: 226px; }
.no-touch .channel article a:hover, .channel article a:active { background-color: rgba(254, 205, 8, .84); }
.no-touch .channel article a:hover .link, .channel article a:active .link {color: #000; }
.no-touch .channel article a:hover > div, .channel article a:active > div {background-color:rgba(254, 205, 8, .84);}
.no-touch .channel article a:hover > div.full, .channel article a:active > div.full { background-color: transparent; }
.footerContainer
{
border-top: 1px solid #fff;
margin-top: 14px;
margin-left: 30px;
margin-right: 30px;
padding-bottom: 50px;
}
footer {color: #999; font-size: .8em; line-height: 200%;}
footer .grid_2 {float: left; margin-left: 10px;}
footer ul {margin: 5px 0 5px 20px; padding: 0; float: left; clear: none;}
footer ul li {margin: 0; padding: 0; list-style: none; display: block; float: left; clear: both;}
footer ul li a {color: #b39602;}
.no-touch footer ul li a:hover, footer ul li a:active {color: #fecd08;}
footer ul + ul {background: transparent url(../img/logo-am.png) no-repeat left 7px; padding-top: 25px; width: 158px;}
footer ul + ul li a {color: #999;}
footer p {margin: 5px 0 5px 20px; padding: 0; float: left; width: 230px;}
.gutterAds {position: absolute; width: 100%; z-index: 1; top: 438px; display: none;}
.gutterAds div {width: 1420px; margin: 0 auto;}
.gutterAds .left {float: left;}
.gutterAds .right {float: right;}
.social {
float: left;
clear: both;
margin: 18px 0 18px 90px;
width:auto;
}
.social ul {margin: 0;
padding: 0;
}
.social ul li {margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
font-family: "ff-olsen-web-pro";
font-size: .75em;
line-height:10px \0/;
}
.social ul li a {
background: transparent url(../img/icons-email.png) no-repeat left bottom;
padding: 6px 0 0 11px;
float: left;
clear: none;
margin-right: 24px;
}
.social ul li + li a {
background-image: url(../img/icons-linkedin.png);
}
.social ul li + li + li a {
background-image: url(../img/icons-facebook.png);
}
.social ul li + li + li + li a {
background-image: url(../img/icons-twitter.png);
}
.social ul li.social-google-plus a {
background-image: url(../img/icons-google-plus.png);
}
.subscribe
{
padding: 18px 0;
float: none;
clear: both;
width: 100%;
}
.subscribe p
{
color: #676767;
margin:0 0 10px 90px;
}
.subscribe form
{
margin-left: 90px;
}
.subscribe input[type=text],
.searchform input[type=text]
{
border: none;
float: left;
clear: none;
margin: 0;
padding: 0;
color: #727272;
width: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: lighter;
}
.subscribe input[type=button],
.subscribe input[type=submit],
.searchform input[type=submit]
{
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
border: none;
background: transparent url(../img/subscribe-btn-sprite.png) no-repeat 0 0;
float: left;
clear: none;
margin: 0 0 0 12px;
padding: 8px 16px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif;
width:109px;
height:36px;
font-size: 1em;
color: #333333;
position: absolute;
top:0;
right:0;
cursor:pointer;
}
.no-touch .subscribe input[type=button]:hover,
.no-touch .subscribe input[type=submit]:hover,
.subscribe input[type=button]:active,
.subscribe input[type=submit]:active
{
background-position:0 -36px;
}
.subscribe input[type=text]:focus {
outline: none;
}
.article article .text .wysiwyg.d1-newsletter-issue-d1-logo
{
width: 30px;
margin: 0 10px 0 0;
float: none;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters,
.subscribe .d1-extra-newsletters
{
clear: both;
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
color: #676767;
font-size: .8em;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters .d1-extra-newsletter,
.subscribe .d1-extra-newsletters .d1-extra-newsletter
{
margin-bottom: 5px;
list-style-image: none;
list-style-position: unset;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-label,
.subscribe .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-label
{
display: block;
padding-left: 15px;
text-indent: -15px;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-checkbox,
.subscribe .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-checkbox
{
display: inline-block;
position: relative;
top: -2px;
margin: 0 5px 0 0;
padding: 0;
width: 13px;
height: 13px;
vertical-align: bottom;
*overflow: hidden;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-text em,
.subscribe .d1-extra-newsletters .d1-extra-newsletter .d1-extra-newsletter-text em
{
color: #b39602;
font-style: normal;
font-weight: bold;
}
.searchform input[type=text] {margin-left:10px; background: #fff url(../img/btn-search.png) no-repeat 8px center;}
.searchform input[type=submit] { float:left;}
.comments {float: none; clear: both; padding: 18px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin: 18px 170px 18px 90px; width:auto; }
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
width: 100%;
height: 83px;
float: left;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > li {
float:left;
width:100%;
position: relative;
}
.pager {background: transparent url(../img/pager.png) repeat-y center top; float: left; width: 100%; margin: 20px 0;}
.pager div {width: 40%; margin: 0 5%; float: left; clear: none;}
.pager div + div { }
.pager p {display: block; background-color: #fecd08; text-transform: uppercase; font-size: .6em; float: left; clear: both; font-weight: bold;}
.pager p a {height: 2em; line-height: 2.2em; padding: 0 5px; vertical-align: middle;}
.pager h4 {font-family: "ff-olsen-web-pro"; font-weight:700; clear: both; line-height: 150%;}
.pager a {display: block;}
.no-touch .pager h4 a:hover, .pager h4 a:active {color:#b39500;}
.pager.single-item {background-image:none;}
.hidden { display:none; }
.hidden.comment-box {
display: block;
visibility: hidden;
position: absolute;
}
.hidden.comment-box.clicked {
display: none;
visibility: visible;
position: relative;
}
#more_stories > div { float:left; }
#comments {
float:left;
margin-left:90px;
margin-right:170px;
}
.legal, .noJSalert {
line-height: 150%;
font-size:.75em;
color:#777;
margin-bottom:10px;
}
.singlecomment {
margin-bottom: 30px;
}
.replycomment {
margin-left: 45px;
}
.singlecomment .commentname {
color: #777;
line-height: 16px;
font-size: 12px;
position: relative;
}
.commentname a {
font-weight: 600;
color: #B39602;
}
.commentmessage {
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
}
.commentname {
font-size: 12px;
}
.commentfooter {
font-size: 11px;
}
.commentBody {
margin-left: 50px;
}
.dsq-brlink{
font-size: 12px;
color: #B39602;
}
.noJSalert {
background-color: #f5f5f5;
border-top: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
padding: 5px 10px;
}
.noJSalert.update {
background-color: #ffffe0;
}
.noJSalert a { font-weight:bold;color:#B39602; }
.noJSalert a:hover { text-decoration: underline; }
/*AUTHOR ARCHIVE EDITS (DS)*/
.author-header {padding-bottom:1em;border-left: 10px solid #d9d9d9; margin:0px -10px 2em -10px;overflow:hidden; clear: both; border-bottom: 1px solid #d9d9d9; width: auto; min-height: 104px;}
.author-header .headline {border-bottom:0px;margin-right:0;}
.author-header .headline .byline {float: left; clear: none; height: 100%; display: block; color: #666; font-family: "ff-olsen-web-pro"; padding: 18px 14px; width: 132px; font-size: .75em;}
.author-header h1 {padding-left:155px;}
.author-header.with-image { min-height:372px; }
#authorarchive {color:#aaa;float:left;clear:both;margin:1em 0;}
#authorarchive strong {display:block;clear:left;color:#000;}
#author-details { clear:both; overflow: hidden; padding-left:155px; }
#author-details .photo-stretcher { left:10px;position:absolute; }
#author-details #photo {float:left;clear:none;}
#author-details #bio {margin-right:10px;width:80%;position:relative;}
#author-details #bio.without-image {float:left;}
#author-details #bio p {line-height: 1.4em; margin-top:0;font-size: .9em; *+float: none; *+width: 100%; *+margin-bottom: .5em;}
#author-details .tags {position:relative; left:0;top:0;float:none;}
#author-details .tags a {float:none;margin-bottom:0;}
.author-header.with-image #author-details { padding-left:320px; }
#author-social {float:left;clear:none;width:250px;}
#author-social a {margin: 0; padding: .5em 0 .5em 22px; display: block; width:103px; float: left; font-family: "ff-olsen-web-pro"; font-size: .75em; background:url('../img/social.gif') no-repeat 0 0;}
.no-touch #author-social a:hover, #author-social a:active {color:#b39602;}
#author-social a.email {background-position:10px 3px;}
#author-social a.linkedin {background-position:10px -29px;}
#author-social a.facebook {background-position:10px -60px;}
#author-social a.googleplus {background-position:10px -92px;}
#author-social a.twitter {background-position:10px -125px;}
#author-social a.website {background-position:10px -156px;}
.author-header .tags a {margin-bottom:1em;color: #666; background-color: #e6e6e6;}
.no-touch .author-header .tags a:hover, .author-header .tags a:active {color: #fff; background-color: #000;}
/*THESE TWO DECLARATIONS ARE KIND OF HACKS -- REMOVE IF THEY BREAK ANYTHING*/
.fright,
.slidecontainer {
margin-top:10px;
}
/*SEARCH RESULTS EDITS (DS)*/
.results-header {padding-bottom:1em;border-left: 10px solid #d9d9d9; margin:0px 0px 10px -10px;overflow:hidden; float: left; clear: both; border-bottom: 1px solid #d9d9d9; min-height: 104px;}
.results-header .headline {border-bottom:0px;background-color:#fff;display:block;}
.results-header .headline .byline {float: left; clear: none; height: 100%; display: block; color: #666; font-family: "ff-olsen-web-pro"; padding: 18px 14px; font-size: .75em;}
.results-header h1 {padding-left:25px;font-size:1.5em;clear:both;padding-top:2.5em;}
#authorarchive {color:#aaa;float:left;clear:both;margin:1em 0;}
#authorarchive strong {display:block;clear:left;color:#000;}
.searchform { position:relative; }
.staticpage .searchform {padding-bottom:40px;}
.searchform .count {width:137px;color:#777;line-height:1.25em;padding:0 10px 0;margin-top:-1.25em;min-height:60px;position: absolute;bottom:0;}
.searchform .count span {border-top:1px #ccc solid;display:inline-block;padding-top:10px;}
.searchform .count strong {font-weight:normal;display:block;}
.searchform form { clear:both; margin: 0 88px 0 154px; display:block; overflow: hidden;}
.searchform #q {border:none;background:transparent;margin:0;padding:0;display:block;float:left;height:40px;width:100%;outline:none;font-size:1em;font-family:helvetica, arial, sans-serif;color:#777}
.searchform #searchagain-btn {border:none;background:url('../img/searchform_02.gif') no-repeat 0 100%;margin:0;padding:5px;margin-top:-1px;display:block;float:left;height:40px;width:130px;cursor:pointer;}
.no-touch .searchform #searchagain-btn:hover, .searchform #searchagain-btn:active {background-image:url('../img/searchform-h_02.gif');}
.searchform .form-container { position:relative; }
.searchform .form-text { width:auto; padding: 0 130px 0 35px;background:url('../img/searchform_01.gif') no-repeat 0 0; overflow:hidden; }
.searchform .form-button { width:130px;float:left; }
/* search Styles */
.author-articles .no-results,
#search-results .search-message {
clear: both;
font-size: 0.9em;
margin: 0 78px;
padding: 10px 0;
}
.author-articles,
#search-results {
min-height:200px;
clear:both;
}
#search-results article b { font-weight:normal; }
#search-results-info-bottom{
clear:both;
text-align: center;
margin: 0 auto;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
}
#search-results-info-bottom ul {
list-style-type:none;
}
#search-results-info-bottom ul li {
display:inline-block;
width:auto;
margin-right:15px;
color:#000;
}
#search-results-info-bottom a {
background-color:#FAFAFA;
padding:2px 5px;
line-height: 22px;
display:inline-block;
}
.no-touch #search-results-info-bottom a:hover, #search-results-info-bottom a:active {
background-color: #fecd08;
}
#search-results-info-bottom ul li span {
background-color:#FECD08;
padding:2px 5px;
line-height: 22px;
display:inline-block;
}
/* end search styles */
.tracking-pixel {visibility:hidden;position:absolute;margin-left:-10000px;}
.missingpage .searchform fieldset{border:none; margin:20px;}
.missingpage .article .text {padding-right:0;}
.missingpage .article .text p {margin-left: 0px;}
.missingpage .article .headline h1 {margin-left: 30px;padding-top: 10px;}
/* */
.sponsored-content .headline { background-color:#d9d9d9; border-left: none; padding-left:10px; }
.sponsored-content .byline p a { color:#7249a0; }
.sponsored-content .article .text a { color:#7249a0; }
.sponsored-content .article .sponsored-intro { margin:0 0 0 90px; padding: 15px 0 0; clear:both; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.025em; color:#7249a0; }
.sponsored-content .article .sponsored-intro a { text-decoration: underline; color:#7249a0; }
.no-touch .sponsored-content .article .sponsored-intro a:hover, .sponsored-content .article .sponsored-intro a:active { text-decoration: none; color:#8156b1; }
.sponsored-content .article .text p.sponsored-footer { color:#7249a0; }
.sponsored-content .article .text aside p { }
.sponsored-content .article .text aside .sponsor-logo img { clear:none;float:left;margin: 10px 0; }
.sponsored-content .article .text aside h3 span { background-color:#7249a0; color:#fff; }
/* */
/*DSS EDITS*/
.article article .text ul, .content .article article .text ol {
margin-left: 70px;
line-height: 150%;
line-height: 1.4em;
font-size: 1em;
*+float: none;
*+width: 100%;
*+margin-bottom: .5em;
width:420px;
}
.article article .text ul {
list-style-image:url('../img/arrow-over.gif');
list-style-position:outside;
}
.sponsored-content .article article .text ul {
list-style-image:url('../img/arrow-over-purple.gif');
}
.article article .text li {margin-bottom:.5em;}
/*EMBEDDED IMAGE TREATMENTS (DSS)*/
.article article .text p.contains-media { margin-left:0; margin-right:0; }
.article article .text p.contains-media.big { margin-left:90px; margin-right:170px; }
.article article .text div.wysiwyg.embed-wrapper,
.article article .text img.wysiwyg
{
width: 310px;
height: auto;
margin: 20px 0 20px 20px;
float: right;
clear: right;
}
.article article .text p img.wysiwyg { }
.article article .text img.wysiwyg.big
{
width: 514px;
margin: 0 170px 0 90px;
float: none;
clear: none;
}
.article article .text p img.wysiwyg.big {
width: 100%;
margin: 0 0 0 0;
}
.article article .text div.wysiwyg.embed-wrapper.big
{
width: auto;
margin: 0 170px 0 90px;
float: none;
clear: right;
}
/*ARTICLE STYLES (DSS)*/
.article article .text h2.wysiwyg {display:block; font-family: "ff-olsen-web-pro"; font-weight:700; font-size:1.25em; line-height:1.5em; margin:2em 170px 1em 90px;}
.article article .text h3.wysiwyg {font-weight:bold;; font-size:1em; color:#555; line-height:1.5em; margin-left:170px;margin-right:90px;}
.article article .text aside {background-color:#fff;padding-bottom:1em;}
.article article blockquote {margin-left: 170px; margin-right:90px; line-height: 150%; padding:20px; background-color:#f6f6f6; color:#555;font-size:.9em;line-height:1.325em;}
.article article .text p div.wysiwyg, .article article .text p div.wysiwyg.big {width:auto;margin:0 0 0 0;clear:both;}
.article article .text div.wysiwyg,
.article article .text div.wysiwyg.big {
width:auto;
margin:20px 170px 20px 90px;
clear:both;
}
.article article .text iframe.wysiwyg { width:310px; margin: 20px 0 20px 20px; float:right; clear:right; }
.article article .text p iframe.wysiwyg { }
.article article .text iframe.wysiwyg.big { width:514px; margin: 0 170px 0 90px; float:none; clear:none; }
.article article .text p iframe.wysiwyg.big { width:100%; margin:0 0 0 0; }
.article article .text div.wysiwyg.huge,
.article article .text iframe.wysiwyg.huge,
.article article .text img.wysiwyg.huge,
.article article .text p div.wysiwyg.huge
{
float: none;
clear: both;
margin: 0;
width: 100%;
height: auto;
}
.article article .text p object.wysiwyg,
.article article .text p object.wysiwyg.big,
.article article .text p object.wysiwyg.huge
{
max-width:440px;
margin:0 0 0 0;
float:left;
clear:left;
}
.article article .text object.wysiwyg,
.article article .text object.wysiwyg.big,
.article article .text object.wysiwyg.huge
{
max-width:440px;
margin:20px 170px 20px 90px;
float:left;
clear:left;
}
/* Special Asides */
.article .text .d1-inline-subscribe-container,
.article .text .d1-author-bio-container,
.article .text .d1-author-bio-container.without-image
{
clear: both;
width: 310px;
}
.article .text .d1-author-bio-container.without-bio,
.article .text .d1-author-bio-container-bottom.without-bio
{
display: none;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-title,
.article .text .d1-author-bio-container .d1-author-bio-title
{
margin: 0 0 15px -10px;
border-bottom: 1px solid #ccc;
padding: 0 0 0 10px;
width: 250px;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-title .d1-inline-subscribe-title-inner,
.article .text .d1-author-bio-container .d1-author-bio-title .d1-author-bio-title-inner
{
display: block;
float: left;
margin-bottom: 0px;
padding: 4px 3px 3px 3px;
line-height: 1;
}
.article .text .d1-author-bio-container .d1-author-bio
{
float: none;
margin: 15px 0 0 0;
padding: 0 0 0 0;
width: auto;
height: auto;
background-color: transparent;
font-size: inherit;
text-indent: 0;
}
.article .text .d1-author-bio-container .d1-author-bio.with-image
{
position: relative;
padding-left: 88px;
min-height: 90px;
}
.article .text .d1-author-bio-container .d1-author-bio-image-container
{
position: absolute;
top: 0;
left: 0;
}
.article .text .d1-author-bio-container .d1-author-bio-image-container img
{
margin: 3px 0 0 0;
}
.article .text .d1-author-bio-container .d1-author-bio-text,
.article .text .d1-author-bio-container.without-image .d1-author-bio-text
{
float: none;
margin: 0;
padding: 0;
width: auto;
font-size: 12px;
color: #999;
}
.article .text .d1-author-bio-container .d1-author-bio.with-image .d1-author-bio-text,
.sponsored-content .article .text .d1-author-bio.with-image
{
min-height: 91px;
}
.sponsored-content .article .headline .d1-subhead
{
background-color: #f6f6f6;
color: #7249a0;
}
.sponsored-content .article .text .d1-author-bio-name
{
margin-top: 0;
}
.sponsored-content .article .headline .d1-byline .d1-byline-item
{
background: none;
color: #7249a0;
}
.sponsored-content .article .headline .d1-byline .d1-byline-item.d1-first
{
padding-left: 0;
}
.d1-author-bio-container-bottom,
.d1-inline-subscribe-container-bottom
{
display: none;
}
.article .text .d1-inline-subscribe-container
{
margin-top: 10px;
margin-bottom: 20px;
padding: 0;
overflow: visible;
}
.article .text .d1-inline-subscribe-container *
{
float: none;
margin: 0;
padding: 0;
width: auto;
clear: none;
background-color: transparent;
}
.article .text .d1-inline-subscribe-container .d1-extra-newsletters
{
display: none;
}
.article .text .d1-inline-subscribe-container p
{
font-size: 13px;
}
.article .text .d1-inline-subscribe-container span
{
display: inline;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-title
{
float: left;
display: block;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-title-inner
{
background-color: #fecd08;
margin: 0 0 3px 0;
padding: 4px 3px 1px;
}
.sponsored-content .article .text .d1-inline-subscribe-container .d1-inline-subscribe-title-inner
{
background-color: #7249a0;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-text,
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-text *
{
display: block;
clear: both;
height: auto;
font-size: 14px;
text-indent: 0;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-text h4
{
margin-bottom: 10px;
border: none;
color: #333;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-text p
{
color: #666666;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-text .success
{
margin-top: 10px;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-endorsement
{
clear: both;
font-size: 14px;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-endorsement p
{
color: #333;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-endorsement q
{
display: block;
margin-top: 10px;
color: #666666;
}
.article .text .d1-inline-subscribe-container .d1-inline-subscribe-endorsement cite
{
display: block;
color: #666666;
font-style: normal;
}
.article .text .d1-inline-subscribe-container .newsletter-signup
{
position: relative;
margin: 10px 0 0 0;
width: auto;
height: auto;
background: none;
}
.article .text .d1-inline-subscribe-container .newsletter-signup .input-stretch
{
background: #f2f2f2 url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 -50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.article .text .d1-inline-subscribe-container .newsletter-signup.newsletter-active .input-stretch
{
background: transparent url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 -100px;
background-color: #ffcc00;
}
.article .text .d1-inline-subscribe-container .input-stretch
{
height: 40px;
padding-left: 40px;
padding-right: 85px;
background: none;
border: none;
}
.article .text .d1-inline-subscribe-container input
{
display: block;
font-family: Helvetica, Arial, sans-serif;
}
.article .text .d1-inline-subscribe-container input[type=text]
{
font-weight: lighter;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
color: #727272;
padding: 14px 0 0 0;
width: 100%;
border: none;
background-color: transparent;
}
.article .text .d1-inline-subscribe-container .newsletter-active input[type=text]
{
color: #000;
}
.article .text .d1-inline-subscribe-container input[type=text]:focus
{
outline: none;
}
.article .text .d1-inline-subscribe-container input[type=submit]
{
position: absolute;
top: 0;
right: 0;
clear: none;
margin: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top: 2px;
width: 73px;
height: 32px;
background: #fff;
color: #333;
font-size: 13px;
font-weight: bold;
line-height: 0px;
cursor: pointer;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
}
.article .text .d1-inline-subscribe-container input[type=submit]:hover
{
color: #666666;
}
.article .text .d1-inline-subscribe-container .newsletter-active input[type=submit]
{
padding-top: 0px;
border: none;
border-top: 2px solid #999;
color: #fff;
background: #333;
background: -webkit-gradient(linear, from(#333), to(#000));
background: -webkit-linear-gradient(#333, #000);
background: -moz-linear-gradient(#333, #000);
background: -o-linear-gradient(#333, #000);
background: linear-gradient(#333, #000);
-webkit-box-shadow: inset 0 0 5px #676;
-moz-box-shadow: inset 0 0 5px #676;
box-shadow: inset 0 0 5px #676;
}
.article .text .d1-inline-subscribe-container .newsletter-active input[type=submit]:hover
{
background: #7d7d7d;
background: -webkit-gradient(linear, from(#7d7d7d), to(#515151));
background: -webkit-linear-gradient(#7d7d7d, #515151);
background: -moz-linear-gradient(#7d7d7d, #515151);
background: -o-linear-gradient(#7d7d7d, #515151);
background: linear-gradient(#7d7d7d, #515151);
}
.ad-large-rectangle-tablet {margin-left:-10px;clear:both}
/* */
@media screen and (max-width: 790px) {
.container_12.content
{
margin: 0 auto;
max-width: 700px;
min-width: 680px;
}
.footerContainer
{
margin-left: auto;
margin-right: auto;
max-width: 720px;
min-width: 700px;
}
}
/* */
.staticpage .headline h1{padding-top: 15px;padding-bottom: 0;width:100%}
/*contact-form*/
.articles article .contactpage-text {margin-left:170px;}
.contactpage-text blockquote {font-weight:bold;margin-left:0}
#contact-form fieldset { padding: 0; border: 0; font-size:1em; line-height:1.5em; }
.staticpage .headline h1#contact-title { margin-left:0; padding-left:20px; }
#contact-form legend { padding:25px 0 10px; position:relative; }
#contact-form label { display:block; display:table; font-weight:bold; }
#contact-form select, #contact-form input[type=submit] {
clear:left; margin-bottom:10px; width:100%; font-size: 1em; }
#contact-form textarea, #contact-form input { padding:5px 10px; width:95%; font-size:1em; line-height:1.5em; }
#contact-form .error-list { color: #900; position: absolute; top: 0px; font-weight: bold; }
.articles article p.contact-description {font-size:1em;line-height:1.5em;}
/* */
#gutter { display: none; }
/* */
.formpage div.grid_6.textbox {
float: left;
width: 50%;
margin-bottom: 20px;
}
.formpage div.grid_6.formbox {
float: right;
width: 50%;
}
.formpage div.grid_6.formbox div.form {
margin-top: -10px;
}
.formpage div.grid_12.article div.headline {
width: 100%;
}
.formpage div.grid_12.article h1 {
margin-left: 60px;
margin-right: 20px;
}
.formpage div.grid_6 div.form { padding-left: 10%; }
.formpage div.grid_6 div.text p {
padding-left: 60px;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
line-height: 150%;
}
.formpage div.grid_6 div.text p img.wysiwyg {width:100%;height:auto;margin:8px 0px 8px 0px;float:right;clear:both;}
.formpage div.grid_6 div.text img.wysiwyg {width:100%;height:auto;margin:8px 0px 8px 0px;float:right;clear:both;}
.formpage div.grid_6 div.text p.note,
.formpage div.grid_6 p.note {
line-height: 150%;
color: #999;
font-size: .8em;
}
.formpage div.grid_6 div.text p.note a,
.formpage div.grid_6 p.note a { color:#b39602; }
img.tombstone {
margin-left: 8px;
}
/* Related partner stories */
.related-partner-posts { float: left; }
.related-partner-posts h5 {
font-size:12px;
padding-top:10px;
margin: 0;
}
.related-partner-posts.nj h5,
.related-partner-posts.am h5{ color: #ED1C24; }
.related-partner-posts.qz h5 { color: #168dd9; }
.related-partner-posts.ac h5 { color: #000000; }
.related-partner-posts.tw h5 { color: #ee2e24; }
.article article .text .related-partner-posts ul {
margin: 0;
padding: 0;
}
.related-partner-posts ul.partner-related-posts .partner-related-icon {
display:block;
width:55px;
padding:10px;
border:none;
}
.related-partner-posts ul.partner-related-posts { min-height:75px; }
.related-partner-posts ul.partner-related-posts li {
width:30%;
min-height:55px;
border-top:2px solid;
font-size:12px;
line-height:16px;
padding-top: 5px;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.related-partner-posts ul.partner-related-posts li + li {
margin-left: 3%;
}
.related-partner-posts.nj ul.partner-related-posts li,
.related-partner-posts.am ul.partner-related-posts li { border-color:#ED1C24; }
.related-partner-posts.qz ul.partner-related-posts li { border-color:#168dd9; }
.related-partner-posts.ac ul.partner-related-posts li { border-color:#000000; }
.related-partner-posts.tw ul.partner-related-posts li { border-color:#ee2e24; }
.related-partner-posts ul.partner-related-posts li a {
color:#000000;
font-weight: bold;
padding-left: 10px;
display: inline-block;
}
.related-partner-posts.nj ul.partner-related-posts li a,
.related-partner-posts.tw ul.partner-related-posts li a,
.related-partner-posts.am ul.partner-related-posts li a {background:url(../../images/arrow08.gif) no-repeat 0 5px;}
.related-partner-posts.qz ul.partner-related-posts li a {background:url(../../images/arrow01b.png) no-repeat 0 5px;}
.related-partner-posts.ac ul.partner-related-posts li a {background:url(../../images/arrow05.png) no-repeat 0 5px;}
.related-partner-posts.nj ul.partner-related-posts li a:hover,
.related-partner-posts.am ul.partner-related-posts li a:hover { color:#ED1C24; text-decoration: none; }
.related-partner-posts.qz ul.partner-related-posts li a:hover { color:#168dd9; text-decoration: none; }
.related-partner-posts.ac ul.partner-related-posts li a:hover { color:#0cc0c9; text-decoration: none; }
.related-partner-posts.tw ul.partner-related-posts li a:hover { color:#ee2e24; text-decoration: none; }
.related-partner-posts.box {
width: auto;
margin-left: 90px;
margin-right: 170px;
}
/* end related partner stories */
.flyin-container .fb-flyin, .flyin-container { display: none;}
/**/
.container_12 .grid_12.pager {
padding: 0;
margin: 0;
padding-bottom: 15px;
}
.container_12 .prefix_1.alpha,
.container_12 .prefix_2.omega{
padding: 0;
margin: 0;
width: 45%;
height: 250px;
float: left;
display: inline-block;
overflow: hidden;
position: relative;
}
.container_12 .prefix_1.alpha{margin-left: 5%;}
.container_12 .prefix_2.omega{margin-right: 5%;}
.container_12 .prefix_1.alpha p,
.container_12 .prefix_2.omega p,
.container_12 .prefix_1.alpha h4,
.container_12 .prefix_2.omega h4 {
position: absolute;
}
.container_12 .prefix_1.alpha .prev_box,
.container_12 .prefix_2.omega .next_box{
position: absolute;
width: 100%;
}
.container_12 .prefix_2.omega p {
right: 0;
top: 0;
margin-top: 0;
margin-right: 10px;
}
.container_12 .prefix_1.alpha p {
left: 0;
top: 0;
margin-top: 0;
margin-left: 10px;
}
.container_12 .prefix_1.alpha h4,
.container_12 .prefix_2.omega h4 {
margin-left: 0;
margin-bottom: 0;
bottom: 0;
width: 100%;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.8);
}
.container_12 .prefix_1.alpha h4 a,
.container_12 .prefix_2.omega h4 a{
color: #fff;
margin-left: 10px;
margin-bottom: 2px;
}
.container_12 .prefix_1.alpha .prev_box img,
.container_12 .prefix_2.omega .next_box img{
width: 100%;
}
.container_12 .prefix_1.alpha:hover h4,
.container_12 .prefix_2.omega:hover h4{
background-color: rgb(254, 205, 8);
background-color: rgba(254, 205, 8, 0.84);
}
.container_12 .prefix_1.alpha:hover h4 a,
.container_12 .prefix_2.omega:hover h4 a{
color: #000000;
}
.pager div {
width: 40%;
margin: 0;
float: left;
clear: none;
}
.container_12 .prefix_1.alpha.no-image:hover p a,
.container_12 .prefix_2.omega.no-image:hover p a{
color: #FFFFFF;
}
.container_12 .grid_4.no-image {
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.8);
background: none;
}
.container_12 .grid_4.no-image a {
height: 100%;
width: auto;
position: absolute;
background-color: #FFFFFF;
padding: 0 30px;
}
.container_12 .grid_4.no-image:hover a {
background-color: rgb(254, 205, 8);
background-color: rgba(254, 205, 8, 0.84);
}
.container_12 .grid_4.no-image:hover h4 {
color: #000000;
background: none;
}
.container_12 .grid_4.no-image h4 {
position: relative;
background: none;
margin-top: 30px;
color: #000;
font-size: 24px;
}
.container_12 .grid_4.no-image p a {
position: relative;
background-color: #fecd08;
padding: 0 5px;
}
.container_12 .grid_4.no-image:hover p a {
background-color: #000000;
}
.container_12 .grid_4.no-image p {
z-index: 10;
}
/**/
/*Pull quote*/
.pullquote {
font-family: "ff-olsen-web-pro";
background: url(../images/quotes.png) no-repeat 10px 0;
padding: 54px 0 0;
font-size: 22px;
line-height: 27px;
font-weight: bold;
margin: 10px 0 0;
quotes: none;
float: right;
max-width: 300px;
}
article .text div.wysiwyg.pullquote {
clear: both;
margin: 10px 20px 0 20px;
}
.sponsored-content .pullquote
{
background: url(../images/purple_quotes.png) no-repeat 10px 0;
}
.pullquote .pullquote-quote {
color: #404040;
display: block;
margin: 0 10px 16px;
}
.pullquote .pullquote-attribution {
text-transform: uppercase;
font-size: 10px;
line-height: 15px;
display: block;
font-style: normal;
letter-spacing: 2px;
color: #898989;
margin-left: 10px;
}
/*end pull quote*/
/*pencil-pushdown*/
.pencil-pushdown {
display: none;
}
/*end pencil-pushdown*/
/*d1 homepage updates*/
/*loadmore + newsletter tweaks*/
.river_load_more {
width: 100%;
height: 129px;
padding-top: 0px;
margin: 0;
padding-bottom: 0;
}
.river_load_more {
background: url(../images/grayscaleline.png) repeat-x center center;
}
.prefix_4.loadMore .load-more-button-d1-bottom {
background: none;
background: url(../images/channel_load_more_button.png) no-repeat;
background-position: 0px 25px;
padding: 40px 0px 18px 0px;
margin: 0px auto;
text-align: center;
width: 222px;
}
.river_load_more .load-more-button-d1-bottom {
background: url(../images/load_more_button.png) no-repeat;
}
.newsletter.homepage {
background: none;
padding-left: 80px;
padding-top: 0;
margin-top: 0;
}
.newsletter.homepage input[type=button],
.newsletter.homepage input[type=submit] {
border-top: 1px solid #e3e3e3;
border: none;
background: transparent url(../img/subscribe-btn-sprite.png) no-repeat 0px -231px;
float: right;
clear: none;
margin: 0;
width: 81px;
height: 38px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
padding: 0;
font-size: 13px;
}
.newsletter.homepage form {
clear: both;
width: 540px;
height: 38px;
background: #f2f2f2 url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0px -50px;
overflow: hidden;
}
.d1-inline-subscribe-title-inner.homepage {
background-color: #fecd08;
display: inline-block;
font-family: ff-olsen-web-pro;
font-size: 12px;
line-height: 1em;
margin: 0 0 0 5px;
padding: 5px 5px 3px;
text-transform: uppercase;
}
.newsletter.homepage input[type=text] {
padding: 10px 10px 0px 40px;
width: 408px;
font-size: 13px;
}
.no-touch .newsletter.homepage input[type=button]:hover,
.no-touch .newsletter.homepage input[type=submit]:hover,
.newsletter.homepage input[type=button]:active,
.newsletter.homepage input[type=submit]:active {
background-position: 0 -231px;
color: #676767;
}
.d1-inline-subscribe-container.homepage .newsletter-signup.newsletter-active input[type=submit]{
background-position: 0 -330px;
color: #e3e3e3;
}
.d1-inline-subscribe-container.homepage .newsletter-signup.newsletter-active {
background: transparent url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 -100px;
background-color: #ffcc00;
}
.d1-inline-subscribe-container.newsletter.homepage,
.d1-inline-subscribe-container.newsletter.homepage h4,
.d1-inline-subscribe-text.homepage {
width: auto;
}
.d1-inline-subscribe-container.newsletter.homepage p {
width: 540px;
}
/*articles/river styles*/
.articles article.sponsored a.river-anchor h3.link {
color: #7249a0; float: left; clear: both; width: 100%; font-family: "ff-olsen-web-pro"; font-weight:700; margin: 12px 0 5px; font-size: 1.1em; margin-top:25px;
}
.articles article.sponsored a span.raquo .link {
margin-top: 0px;
width: auto;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
margin-right: 5px;
/*margin-left: 5px;*/
}
.river-anchor .river-right-side {
overflow: hidden;
margin: 0;
}
.river-anchor .river-image {
display: block;
position: relative;
margin-right: 20px;
float: left;
}
.river-anchor .river-authors,
.river-anchor .river-readnow {
margin-top: 10px;
}
.river-anchor .river-anchor-bottom .link.river{
margin-right: 2px;
}
.river-anchor .river-authors span a {
display: inline-block;
margin-right: 5px;
color: #939393;
background-color: #989898;
background-color: rgba(152,152,152,0.35);
padding: 1px 4px 2px;
margin-bottom: 3px;
}
.river-anchor .river-authors span a:hover,
.river-anchor .river-authors span a:active {
background-color: #fecd08;
color: #000000;
}
.river-anchor .river-authors .river-anchor-bottom:hover,
.river-anchor .river-authors .river-anchor-bottom:active,
.river-anchor .river-readnow .river-anchor-bottom:hover,
.river-anchor .river-readnow .river-anchor-bottom:active,
.river-anchor.hover .river-readnow .river-anchor-bottom,
.river-anchor.hover .river-authors .river-anchor-bottom,
.index-river-article.hover .river-readnow .river-anchor-bottom {
background-color: transparent;
color: #fecd08;
}
.articles article.index-river-article { width:100%; }
.river-anchor .river-authors .river-anchor-bottom,
.river-anchor .river-readnow .river-anchor-bottom {
background-color: transparent;
color: #939393;
}
.river-anchor .river-authors .river-anchor-bottom .river.link,
.river-anchor .river-readnow .river-anchor-bottom .river.link{
border-bottom: 1px solid;
}
.river-image a:hover,
.river-image a:active,
.river-anchor.hover .river-image a,
article.hover .river-image a {
box-shadow:inset 0 0 0 3px #fecd08;
}
.sponsored .river-anchor.hover .river-image a,
.sponsored.hover .river-image a {
box-shadow: 0px 0px 0px 3px #7249a0;
}
.river-image a img {
position: relative;
float: left;
z-index: -2;
}
.river-image a {
float: left;
position: relative;
}
.sponsored .river-image a img {
z-index: 0;
}
.sponsored .river-anchor .river-authors span a.author:hover,
.sponsored .river-anchor .river-authors span a.author:active {
background-color: #7249a0;
color: #FFFFFF;
}
.sponsored .river-anchor .river-authors .river-anchor-bottom,
.sponsored .river-anchor .river-authors span a:active .river-anchor-bottom,
.sponsored .river-anchor .river-authors span a:hover .river-anchor-bottom{
background-color: transparent;
}
.sponsored .river-anchor .river-authors .river-anchor-bottom,
.sponsored .river-anchor .river-readnow .river-anchor-bottom{
color: #7249a0;
background-color: transparent;
}
.sponsored .river-anchor.hover .river-text h3,
.sponsored .river-anchor.hover .river-authors-and-readnow .river-anchor-bottom,
.sponsored .river-anchor.hover .river-authors-and-readnow .river-anchor-bottom .river.link,
.sponsored.hover .river-readnow .river-anchor-bottom,
.sponsored.hover .river-readnow .river-anchor-bottom .river.link,
.sponsored.hover .river-anchor .river-text h3 {
color: #000000;
}
.river-anchor .river-authors-and-readnow {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
}
.river-anchor .river-text .subhead {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin-bottom: 0px;
}
.river-anchor.hover .river-text h3,
article.hover .river-text h3 {
color: #fecd08;
}
/*tablet specific d1 homepage updates*/
.articles .tags.with-image {
top: 10px;
}
.newsletter.homepage input[type=text] {
width: 88%;
}
.river-anchor.with-tags .river-text {
margin-top: 15px;
}
.articles article {
display: inline-block;
}
.articles article .with-tags h3 {
margin-top: 10px;
}
.articles article.sponsored {
margin-top: -5px;
}
#more_stories .river-posts article .tags.with-image {
padding-top: 0px;
}
#more_stories > div {
padding-top: 10px;
}
.banner .header-author {
display: inline-block;
margin-right: 5px;
text-transform: uppercase;
color: #939393;
background-color: #989898;
background-color: rgba(152,152,152,0.35);
padding: 1px 4px 2px;
margin-bottom: 3px;
font-size: 10px;
line-height: 110%;
color: #FFFFFF;
}
.banner .raquo {
font-size: 10px;
}
.banner .raquo .link {
border-bottom: 1px solid;
margin-right: 4px;
}
.river-anchor .river-right-side.no-image {
margin-top: 10px;
margin-left: 78px;
}
/*end d1 homepage updates*/
/*channel lander styles */
.grid_8 .featured-category-post {
position: relative;
clear: both;
margin: auto -10px auto -10px;
width: auto;
}
.featured-category-post img {
/*margin-left: -10px;*/
display: block;
width: 100%;
height: auto;
}
.featured-category-post .category-title {
position: absolute;
bottom: 10px;
width: auto;
left: 0px;
font-family: "ff-olsen-web-pro";
z-index: 100;
}
.featured-category-post .category-title h1 {
background-color: #fecd08;
padding: 0px 3px;
}
.headline .grid_6.prefix_2 {
width: auto;
overflow: hidden;
padding-right: 20px;
}
.grid_8 .headline.channel-header {
overflow: hidden;
width: 100%;
height: auto;
margin: 0 0 10px 0;
padding: 0;
}
.grid_8 .headline.channel-header.no-image {
margin-top: 20px;
}
.headline .grid_6.prefix_2 h1 {
font-size: 28px;
font-family: "ff-olsen-web-pro";
margin: 10px;
}
.headline .grid_6.prefix_2 .subhead-byline {
/*padding-left: 90px;*/
float: left;
margin-bottom: 20px;
}
.headline .grid_4.sidebar.fright {
display: block;
float: right;
width: 300px;
margin-right: 20px;
}
.headline .grid_4.sidebar.fright div {
display: block;
}
.headline .grid_6.prefix_2 .subhead-byline p {
color: #000000;
margin-bottom: 5px;
margin: 0 0 0 10px;
}
.subhead-byline .featured-author,
.subhead-byline .river-readnow .raquo {
font-size: 10px;
text-transform: uppercase;
display: inline-block;
margin: 0 0 0 10px;
}
.subhead-byline .featured-author a {
background-color: #e6e6e6;
color: #939393;
}
.subhead-byline .featured-author .author {
font-weight: bold;
padding: 2px 3px;
}
.subhead-byline .featured-author .read-now-anchor {
background-color: transparent;
margin-left: 5px;
}
.subhead-byline .featured-author .read-now-anchor .link.river {
border-bottom: 1px solid;
margin-right: 5px;
}
.headline .newsletter {
background: none;
}
.headline {
border-bottom: none;
border-left: none;
}
.headline .featured-author .author:hover,
.headline .featured-author .author:active {
background-color: #fecd08;
color: #000000;
}
.headline.hover .title-anchor,
.headline.hover .featured-author .read-now-anchor,
.headline.hover .subhead-byline .river-readnow .raquo,
.headline .river-anchor-bottom:hover .raquo {
color: #fecd08;
}
/*channel newsletter styles*/
.container_12.content {
/*padding: 0px 0px 40px;*/
}
.container_12.content .padding-left-right {
padding: 0px 10px;
}
.newsletter.channel-module {
background: none;
/*padding-left: 80px;*/
padding: 0;
margin: 0;
width: 300px;
}
.newsletter.channel-module input[type=button],
.newsletter.channel-module input[type=submit] {
border-top: 1px solid #e3e3e3;
border: none;
background: transparent url(../img/subscribe-btn-sprite.png) no-repeat 0px -231px;
float: right;
clear: none;
margin: 0;
width: 81px;
height: 38px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
padding: 0;
font-size: 13px;
}
.newsletter.channel-module form {
clear: both;
width: 300px;
height: 38px;
background: #f2f2f2 url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0px -50px;
overflow: hidden;
}
.d1-inline-subscribe-title-inner.channel-module {
background-color: #fecd08;
/*display: inline-block;*/
font-family: ff-olsen-web-pro;
font-size: 16px;
padding: 1px 3px 1px;
color: #000000;
text-transform: none;
}
.newsletter.channel-module input[type=text] {
padding: 10px 10px 0px 10px;
width: 165px;
font-size: 13px;
}
.no-touch .newsletter.channel-module input[type=button]:hover,
.no-touch .newsletter.channel-module input[type=submit]:hover,
.newsletter.channel-module input[type=button]:active,
.newsletter.channel-module input[type=submit]:active {
background-position: 0 -231px;
color: #676767;
}
.d1-inline-subscribe-container.channel-module .newsletter-signup.newsletter-active input[type=submit]{
background-position: 0 -330px;
color: #e3e3e3;
}
.d1-inline-subscribe-container.channel-module .newsletter-signup.newsletter-active {
background: transparent url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 -100px;
background-color: #ffcc00;
}
.d1-inline-subscribe-text.channel-module p {
margin: 0px;
font-size: 14px;
}
.d1-inline-subscribe-container.newsletter.channel-module h4 {
border: none;
}
/*channel load more stories*/
.channel-load-more {
width: 100%;
height: 129px;
padding-top: 1px;
padding-bottom: 0;
background: url(../images/channel_grayscaleline.png) repeat-x center center;
}
.channel-load-more .load-more-button-d1-channel {
background: none;
background: url(../images/channel_load_more_button.png) no-repeat;
padding: 16px 0px 18px 0px;
margin: 40px auto;
text-align: center;
width: 222px;
}
.bottom .sidebar.fright.hidetablet {
display: none;
}
/*end channel lander styles*/
.article .headline .d1-subhead-container .d1-subhead .outer {
background-color: #fecd08;
padding-right: 10px;
color: #000;
}
.article .headline .d1-subhead-container .d1-subhead .inner {
background-color: #fecd08;
position: relative;
left: 15px;
}
.article .headline .d1-subhead-container .d1-subhead .inner-inner {
background-color: #fecd08;
position: relative;
right: 8px;
}
.sponsored-content .article .headline .d1-subhead-container .d1-subhead .outer,
.sponsored-content .article .headline .d1-subhead-container .d1-subhead .inner,
.sponsored-content .article .headline .d1-subhead-container .d1-subhead .inner-inner {
background-color: #7249a0;
color: #FFFFFF;
}
.newsletter.article-bottom {
background: none;
background: url(../../social_tools/images/d1-article-bottom-social-share.png) no-repeat;
background-position: 3px -138px;
margin-top: 0px;
height: 170px;
padding: 20px;
width: 428px;
}
.newsletter.article-bottom .d1-inline-subscribe-text p {
padding: 3px 0px;
margin: 0px;
}
.newsletter.article-bottom h4 {
border: none;
width: auto;
font-size: 14px;
}
.newsletter.article-bottom p {
font-size: 14px;
padding: 0;
margin: 14px 0;
}
.newsletter.article-bottom input[type=button],
.newsletter.article-bottom input[type=submit] {
border-top: 1px solid #e3e3e3;
border: none;
background: transparent url(../img/subscribe-btn-sprite.png) no-repeat 0px -231px;
float: right;
clear: none;
margin: 0;
width: 81px;
height: 38px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
padding: 0;
font-size: 13px;
}
.newsletter.article-bottom form {
clear: both;
width: 430px;
height: 38px;
background: #f2f2f2 url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0px -50px;
overflow: hidden;
margin-top: 4px;
}
.d1-inline-subscribe-title-inner.article-bottom {
background-color: #fecd08;
display: inline-block;
font-family: ff-olsen-web-pro;
font-size: 12px;
line-height: 1em;
margin: 0 0 0 5px;
padding: 5px 5px 3px;
text-transform: uppercase;
}
.newsletter.article-bottom input[type=text] {
padding: 15px 10px 0px 40px;
width: 298px;
font-size: 13px;
}
.no-touch .newsletter.article-bottom input[type=button]:hover,
.no-touch .newsletter.article-bottom input[type=submit]:hover,
.newsletter.article-bottom input[type=button]:active,
.newsletter.article-bottom input[type=submit]:active {
background-position: 0 -231px;
color: #676767;
}
.d1-inline-subscribe-container.article-bottom .newsletter-signup.newsletter-active input[type=submit]{
background-position: 0 -330px;
color: #e3e3e3;
}
.d1-inline-subscribe-container.article-bottom .newsletter-signup.newsletter-active {
background: transparent url(../img/newsletter-bg.png?v=2.3.7) no-repeat 0 -100px;
background-color: #ffcc00;
}
.newsletter.article-bottom .d1-extra-newsletters li.d1-extra-newsletter {
padding: 0px;
margin: 0px;
width: 100%;
font-family: Helvetica, Arial, sans-serif;
}
.d1-inline-subscribe-container.newsletter.article-bottom .input-stretch {
padding: 0;
margin: 0;
overflow: visible;
border-radius: 0;
border: none;
background: none;
}
.social.d1-bottom-subscribe {
margin: 40px auto;
width: auto;
float: none;
clear: both;
text-align: center;
}
.social .share-section.d1-article-bottom {
/*margin: 18px 170px 18px 90px;*/
width: 470px;
/*margin: 0 auto;*/
/*margin-left: 84px;*/
/*margin-right: 170px;*/
margin: 0 170px 0 84px;
}
.d1-inline-subscribe-text {
float: left;
text-align: left;
}
.d1-extra-newsletters {
float: left;
width: 100%;
text-align: left;
}
.hover .river-anchor .river-authors .river-anchor-bottom {
color: #fecd08;
}
.index-river-article.sponsored.hover .river-anchor-bottom,
.index-river-article.sponsored.hover .river-anchor-bottom .raquo,
.index-river-article.sponsored.hover .river-anchor-bottom .link.river {
color: #000;
}
.d1-inline-subscribe-container.newsletter.article-bottom .newsletter-signup {
overflow: visible;
margin: 4px 0 0 0;
}
.d1-inline-subscribe-container.newsletter.article-bottom .d1-extra-newsletters {
display: inline;
clear: both;
margin: 0;
padding: 8px 0 0 0;
list-style-type: none;
color: #676767;
font-size: .8em;
}
.d1-inline-subscribe-container.newsletter.article-bottom .follow-buttons {
position: absolute;
margin-top: 23px;
}