/* NAV STYLES */ @import "http://www.npr.org/templates/css/news/common.css"; @import "http://www.npr.org/templates/css/news/thinnav.css"; #npr_thin { width: 100%; margin: 0; } #topnav .dropdown, .dropdown ul { width:100%; } #DL-header-slot-1 { height: auto; } .DL-ie6andup #DL-content-region .DL-section { z-index: -1; position: relative; } .DL-ie6andup #DL-breadcrumb { /*z-index: -1;*/ position: relative; } /* ---------- */ /* SPONSORSHIP BANNER */ #DL-content-slot-1 .promo { background-color:#F1F1F1; border:1px solid #CCC; overflow:hidden; margin-bottom: 15px; text-align:center; } #DL-content-slot-1 .promo img { float: left; } #DL-content-slot-1 .promo p { color:#333; font-size:11px; line-height:30px; margin: 0 0 0 98px; } #DL-content-slot-1 .promo .sponsor { color:#000; font-weight:bold; line-height:30px; } #sponsorexp { width: 100%; background-color:#F1F1F1; display:none; margin: 0 auto; padding:0; text-align:left; font-size:12px; } #sponsorexp .close { background-color:#000; padding-bottom:5px; } #sponsorexp .close p { float:right; margin:4px 15px 0 0; font-size:11px; } #sponsorexp .close p a { color:#fff; text-transform: uppercase; font-weight:bold; } #sponsorexp .sponsorinfo { clear:both; padding:16px; margin:0; } #sponsorexp .left { float:left; width: 330px; } #sponsorexp .left img { border:none; padding:0; margin:0 30px 0 0; } #sponsorexp .right { float:left; width:600px; } #sponsorexp .right ul { list-style-type:none; margin:0; padding:0; } #sponsorexp .right ul li { margin:0 0 10px 0; } #sponsorexp .right p { color:#000; font-weight:bold; margin:0 0 10px 0; } #sponsorexp .right a { text-decoration:underline; } #sponsorexp #info1, #sponsorexp #info2, #sponsorexp #info3 { padding:5px 0 5px 10px; display: none; } /* ---------- */ /* DEFAULT STYLES */ /* v3.19.2009*/ /* INFO: Because your Daylife site can be embedded, you need to make sure none of your code conflicts with code for other sites. That means that you should always put a .DL-css (or name of specific module - ie: DL-related-topics) in front of selectors to specify that it will only apply to the Daylife portion of any embedded modules. When you or your visitor embeds a module, the module pulls all CSS with it */ /* IE6 IMAGE FIX * html .DL-ie6only img, * html .DL-ie6only .png { position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } */ /* HEADERS */ .DL-css h1, .DL-css h2, .DL-css h3, .DL-css h4, .DL-css h5, .DL-css h6, .DL-css p, .DL-css blockquote, .DL-css pre, .DL-css cite, .DL-css q, .DL-css { /* universal font settings */ color: #333; font: 12px/16px Arial, Helvetica, sans-serif; } .DL-css p.DL-excerpt, /* article text, twitter text, wikipedia text, etc... */ .DL-css p.DL-caption /* photo caption, etc... */ { line-height: 16px; } .DL-css p.DL-excerpt a, .DL-css p.DL-caption a { font-size: inherit; } .DL-css span.DL-chevron { /* wherever you see "View More >>", the chevron is wrapped with this class */ font-size: 125%; /* increases the chevron size by 25% relative to font-size of parent element */ } /* LINKS */ .DL-css a { color: #000; text-decoration: none; font-weight: bold; } .DL-css a:hover, .DL-css a.DL-active { /* DL-active is given to topic names when topic hero images are moused over */ color: #36C; text-decoration: underline; } .DL-css a.DL-external { /* class given to every external link */ } .DL-css a.DL-full-link { /* displays full links as a block that can't be seperated */ white-space:nowrap; } .DL-main-quote-context a.DL-external, .DL-user-sites a.DL-external, .DL-story-lead-article .DL-excerpt a.DL-external, .DL-article .DL-excerpt a.DL-external, .DL-wikipedia a.DL-external, .DL-twitter cite.DL-source a.DL-external { /* adds the external link icon to these selected areas */ padding: 0 0 0 15px; background:transparent url(http://diacache.daylife.com/_static/v2/img/daylife/external_link.png) no-repeat scroll left 2px; /* universal external link icon */ text-transform: uppercase; font-size:11px; white-space:nowrap; display: block; margin-top: 5px; } .DL-ie6andup .DL-main-quote-context a.DL-external, .DL-ie6andup .DL-user-sites a.DL-external, .DL-ie6andup .DL-story-lead-article .DL-excerpt a.DL-external, .DL-ie6andup .DL-article .DL-excerpt a.DL-external, .DL-ie6andup .DL-wikipedia .DL-excerpt a.DL-external, .DL-ie6andup .DL-twitter cite.DL-source a.DL-external { zoom: 1; /* ensures that the background image above shows in IE */ } /* ---------- */ /* MODULES */ .DL-styled-module, .DL-page-group-custom .DL-remote-html-module #main_content .storyfeature, .DL-page-group-custom .DL-remote-html-module #main_content .storywrap, .DL-page-group-custom #DL-content-region #DL-content-slot-1 .DL-related-articles.DL-styled-module { border: none; border-bottom: 1px solid #CCC; padding: 0 0 25px 0; margin: 0 0 25px 0; clear:both; position:relative; /* height: 1%; overflow: visible; */ } .DL-non-content-region .DL-styled-module, .DL-non-content-region .DL-styled-module h3.DL-module-title, .DL-non-content-region .DL-styled-module h4.DL-subtitle, .DL-non-content-region .DL-styled-module .DL-module-content-wrapper { margin: 0 0 25px 0; } .DL-page-group-topic #DL-content-slot-2 .DL-styled-module, .DL-page-group-topic #DL-content-slot-2 #NPRsponsor, .DL-page-group-custom #DL-content-slot-2 .DL-styled-module, .DL-page-group-custom #DL-content-slot-2 #NPRsponsor, .DL-page-group-quote #DL-content-slot-2 .DL-styled-module, .DL-page-group-quote #DL-content-slot-2 #NPRsponsor, .DL-page-group-story #DL-content-slot-2 .DL-styled-module, .DL-page-group-story #DL-content-slot-2 #NPRsponsor, #DL-content-slot-3 .DL-styled-module, #DL-content-slot-3 #NPRsponsor { background:transparent url(http://media.npr.org/chrome/news/hrule_double.gif) repeat-x center bottom; /* height:1%; overflow:hidden; */ border: none; padding-left: 11px; padding-right: 15px; } .DL-page-group-topic #DL-content-slot-2 #NPRsponsor, .DL-page-group-custom #DL-content-slot-2 #NPRsponsor, .DL-page-group-quote #DL-content-slot-2 #NPRsponsor, .DL-page-group-story #DL-content-slot-2 #NPRsponsor, #DL-content-slot-3 #NPRsponsor { margin-bottom: 20px; } #NPRsponsor .buckettop { display: none; } .DL-styled-module .DL-module-content-wrapper, .DL-page-group-custom #DL-content-region #DL-content-slot-1 .DL-related-articles .DL-module-content-wrapper { margin: 0; padding: 0; } .DL-styled-module .DL-module-no-title, .DL-page-group-custom #DL-content-slot-1 .DL-styled-module .DL-module-no-title { display: none; } /* TITLES AND SUBTITLES */ .DL-css h3.DL-module-title, /* module titles [ie: related photos, related people] */ .DL-wiki-section h2, /* topic directory headings */ .DL-page-group-custom .DL-remote-html-module #main_content h2, .DL-page-group-custom .DL-remote-html-module #main_content h3 { font: bold 18px Georgia, sans-serif; color: #000; text-transform: lowercase; margin: 0 0 15px 0; padding: 0; border: none; clear: both; } .DL-page-group-home #DL-content-slot-2 .DL-css h3.DL-module-title, #DL-page-daylife-page-topic_articles #DL-content-region #DL-content-slot-2 .DL-css h3.DL-module-title, #DL-page-daylife-page-topic_photos #DL-content-region #DL-content-slot-2 .DL-css h3.DL-module-title, #DL-page-daylife-page-topic_quotes #DL-content-region #DL-content-slot-2 .DL-css h3.DL-module-title, .DL-page-group-topic #DL-content-slot-1 .DL-css h3.DL-module-title, .DL-page-group-custom #DL-content-slot-1 .DL-css h3.DL-module-title, .DL-page-group-quote #DL-content-slot-1 .DL-css h3.DL-module-title, .DL-page-group-story #DL-content-slot-1 .DL-css h3.DL-module-title, .DL-page-group-topicdir #DL-content-slot-2 .DL-css h3.DL-module-title, .DL-page-group-photo #DL-content-slot-2 .DL-css h3.DL-module-title, .DL-page-group-topicdir #DL-content-slot-2 .DL-css h3.DL-module-title, .DL-timeline-page h3.DL-module-title, .DL-page-group-search #DL-content-slot-2 .DL-css h3.DL-module-title, .DL-page-group-custom .DL-remote-html-module #main_content h2, .DL-page-group-custom .DL-remote-html-module #main_content h3 { border-bottom: 5px solid #000; padding-bottom: 10px; margin-bottom: 20px; } .DL-page-group-home #DL-content-slot-2 #topics-mainhed h3.DL-module-title { /* index page main title */ font: bold 40px Georgia, sans-serif; text-transform: lowercase; color: #FD3301; border: none; padding: 0; margin: 0 0 10px 0; } #main-title { margin-bottom: 20px; } #main-title.DL-css h1.DL-module-title, .DL-page-group-custom #DL-content-slot-1 .DL-styled-module .DL-topic-related-header .DL-module-title { font: normal 28px Georgia, sans-serif; padding-top: 10px; } .DL-topic-page-header h1 { padding-left: 0; } #main-title.DL-css h3.DL-module-title { border: none; margin: 0 0 7px 0; } #main-title.DL-css .DL-module-title-wrapper:after { clear: none; } #main-title.DL-css .DL-module-content-wrapper { clear: none; margin-bottom: 15px; font-size: 11px; } .DL-css h4.DL-subtitle { /* module subtitles [ie: related photos, related people] */ line-height: 130%; font-weight:normal; color:#999999; font-size:10px; text-transform:uppercase; } .DL-css h6.DL-headline, /* RON headlines (articles, videos, etc) */ .DL-page-group-custom .DL-remote-html-module #main_content .story h3, .DL-page-group-custom h6.DL-headline, .DL-quote-details .DL-quote-related-quotes .DL-quote-source h6.DL-headline, .DL-quote-details .DL-quote-related-quotes .DL-quote-source h6.DL-headline a { font: bold 14px Georgia, sans-serif; margin-bottom: 2px; border: none; padding: 0; text-transform: none; } .DL-css h6.DL-headline a { color: #000; } .DL-css h6.DL-headline a:hover, .DL-css h6.DL-headline a:active { color: #36C; } .DL-css h2.DL-module-title a, .DL-css h4.DL-subtitle a { font-size: inherit; font-weight:inherit; line-height: inherit; } .DL-css .DL-title-wrapper, .DL-css .DL-content-wrapper { /* wraps "title" and "content" in li.DL-article, li.DL-video, and li.DL-photo */ clear: both; } /* source formatting */ .DL-site-wrapper #DL-content-region .DL-css cite.DL-source { /* cite.DL-source which is the favicon and source attribution */ margin: 0; } .DL-css cite.DL-source img.DL-favicon { /* favicon */ float:left; display: block; height:16px; width:16px; margin-right:5px; overflow:hidden; } .DL-css cite.DL-source a.DL-name { /* source name */ color:#999999; font-size:10px; text-transform:uppercase; font-weight: inherit; } .DL-css cite.DL-source span.DL-timestamp, .DL-page-group-custom .DL-remote-html-module #main_content .story .date { /* timestamp */ color:#666; font-size:10px; text-transform:uppercase; white-space:nowrap; /* this sets it up so that the timestamp stays as one block */ } /* SPONSORED TOPICS */ #sponsored-topics { position: relative; } #sponsored-topics .DL-module-content-wrapper { padding-bottom: 4.5em; } #sponsored-topics h4.DL-subtitle { position: absolute; bottom: 25px; left: 0; text-transform: none; color: #666; font: normal italics 11px/14px Arial, Helvetica, sans-serif; } /* image formatting */ .DL-css img.DL-scraped-image { /* occasionally, images will be scraped from article and placed before article excerpt */ display: block; float: left; border: none; paddding: 0; overflow: hidden; } .DL-css span.DL-no-image { /* if there is no image, then it makes this questionmark image */ background: #d6d6d6 url(http://diacache.daylife.com/_static/v2/img/missing_topic_photo_default.png) no-repeat center center; } /* =MODULE: pagination */ .DL-css .DL-search-more, .DL-css .DL-pagination, .DL-css .DL-more-link, .DL-css .DL-view-all { display: block; clear: both; padding-top: 20px; } .DL-css .DL-search-more .DL-chevron, .DL-css .DL-pagination .DL-chevron, .DL-css .DL-more-link .DL-chevron, .DL-css .DL-view-all .DL-chevron { display: none; } .DL-css .DL-search-more a, .DL-css .DL-pagination a, .DL-css .DL-more-link a, .DL-css .DL-view-all a { display: block; text-align: right; clear: both; padding:0 10px 0 0; font-size:14px; text-transform:lowercase; font-weight: bold; background:transparent url(http://media.npr.org/chrome/news/icon_arrow_right.gif) no-repeat right center; } } /* RON: pagination */ .DL-css .DL-pagination { } .DL-css .DL-pagination ul li { display: inline; } .DL-css .DL-pagination ul li.DL-pipe { /* the "|" between the prev | next */ padding:0px 7px; } .DL-no-results { display: none; } /* SITE STRUCTURE */ #DL-body { background-color: #FFF; padding: 0; margin: 0; width: 100%; } .DL-site-wrapper { width: 980px; padding: 0; position: relative; } .DL-edit-mode { margin-top: 80px; } /* Universal Header Region */ #DL-header-region { clear: both; margin: 0 auto; } #DL-header-slot-1 { position: relative; } #DL-body .DL-template-header-two-column #DL-content-slot-1 { margin-bottom:0 !important; width:100% !important; } #DL-breadcrumb, #DL-breadcrumb-2 { /* breadcrumb/powered by daylife */ border-left:1px solid #B4B2B2; border-right:1px solid #B4B2B2; background:transparent url(http://media.npr.org/chrome/news/bg_wrapper.gif) repeat-y scroll 0 0; width: 978px; position: relative; clear: both; height:42px; /*z-index: 1;*/ } #DL-page-daylife-page-topic_timeline #DL-breadcrumb-2 { background: none; } .DL-breadcrumb, .DL-breadcrumb-2 { width: 375px; padding: 0 12px 0 15px; position: relative; clear: both; margin: 0; /*z-index: -1;*/ } /* Universal Content Region */ #DL-content-region { background:transparent url(http://media.npr.org/chrome/news/bg_wrapper.gif) repeat-y 0 0; border-left:1px solid #B4B2B2; border-right:1px solid #B4B2B2; position:relative; clear: both; margin: 0; background-color: #000; } #DL-page-daylife-page-topic_timeline #DL-content-region { background: none; padding: 0 15px; } /* ONE COLUMN: by default one column themes have the following layout: 978px width */ .DL-template-one-column #DL-content-slot-1 { width: 978px; float: left; } .DL-page-group-home #DL-content-slot-1, #DL-page-daylife-page-topic_articles #DL-content-region #DL-content-slot-1, #DL-page-daylife-page-topic_photos #DL-content-region #DL-content-slot-1, #DL-page-daylife-page-topic_quotes #DL-content-region #DL-content-slot-1 { width:100% !important; margin: 0; } /* TWO COLUMN: by default two column themes have the following layout: 624px width + 30px margin + 326px = 980px width */ .DL-page-group-topic #DL-content-slot-1, .DL-page-group-custom #DL-content-slot-1, .DL-page-group-quote #DL-content-slot-1, .DL-page-group-story #DL-content-slot-1, .DL-page-group-topicdir #DL-content-slot-2, .DL-page-group-photo #DL-content-slot-2, .DL-page-group-topicdir #DL-content-slot-2, .DL-page-group-search #DL-content-slot-2, .DL-page-group-home #DL-content-slot-2, #DL-page-daylife-page-topic_articles #DL-content-slot-2, #DL-page-daylife-page-topic_photos #DL-content-slot-2, #DL-page-daylife-page-topic_quotes #DL-content-slot-2, #DL-body .DL-template-header-two-column #DL-content-slot-2 { float: left; width: 624px !important; padding: 0 12px 0 15px; } .DL-page-group-topic #DL-content-slot-2, .DL-page-group-custom #DL-content-slot-2, .DL-page-group-quote #DL-content-slot-2, .DL-page-group-story #DL-content-slot-2, .DL-page-group-topicdir #DL-content-slot-3, .DL-page-group-photo #DL-content-slot-3, .DL-page-group-topicdir #DL-content-slot-3, .DL-page-group-search #DL-content-slot-3, .DL-page-group-home #DL-content-slot-3, #DL-page-daylife-page-topic_articles #DL-content-slot-3, #DL-page-daylife-page-topic_photos #DL-content-slot-3, #DL-page-daylife-page-topic_quotes #DL-content-slot-3, #DL-body .DL-template-header-two-column #DL-content-slot-3 { float: right !important; width: 326px !important; margin: 0 0 0 1px; } .DL-page-group-topicdir #DL-content-slot-1 { clear: left; } .DL-page-group-topicdir #DL-content-slot-2 { clear: left; } /* clearing floats */ #DL-header-region:after, #DL-breadcrumb:after, #DL-breadcrumb-2:after, #DL-content-region:after, #DL-footer-region:after, div.DL-module:after, ol.DL-photos:after, ol.DL-articles:after, ol.DL-quotes:after, ol.DL-topics:after, ol.DL-ron:after, .DL-module-title-wrapper:after, .DL-module-content-wrapper:after, .DL-title-wrapper:after, .DL-content-wrapper:after { /* fixes float clearing in FF2, FF3, Safari3 */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* module layout */ /* topic page modules */ #DL-content-region .DL-section { clear: both; position:relative; } #DL-content-region .DL-last-module { /* every last module in a content-slot has css class "DL-last-module" */ margin-bottom: 0 !important; /* removes the bottom margin */ } #DL-content-region .DL-section div.DL-module-content-wrapper { } .DL-river-of-news div.DL-module-content-wrapper { margin: 0px !important; /* cannot have a padding because of the way the RON nav is displayed */ } .DL-daylife-search { overflow:visible !important; } /* =MODULE: header */ .DL-header { } .DL-header a.DL-logo img { position: absolute; } .DL-header a.DL-logo span.DL-header-title { line-height:36px; position:absolute; } /* =MODULE: breadcrumb */ .DL-breadcrumb { padding-top:12px; } /* =MODULE BREADCRUMB: powered by daylife */ .DL-powered-by { display: block; position: absolute; top: 2px; right: 456px; text-align: right; width: 155px; float: none; } .DL-ie6only .DL-powered-by { background: none; visibility: visible; width: 200px; height: 60px; background-color: #FFF; } .DL-powered-by img { /* this is where you would position the daylife logo image */ vertical-align:middle; /* this helps line up the daylife logo with the "Powered by" text */ padding: 0px 0px 5px 3px; /* fine tunes its position in relation to the "Powered by" */ float: none; } #DL-breadcrumb-slot-1 .DL-custom-html-module { position: absolute; right: 340px; top: 15px; width: 150px; text-align: right; } /* .DL-ie6only #DL-breadcrumb-slot-1 .DL-custom-html-module { border: 1px solid #f1f1f1; } */ #DL-breadcrumb-slot-1 .DL-custom-html-module .DL-module-content-wrapper { font-size: 11px; font-weight: bold; } /* =MODULE BREADCRUMB: daylife search */ #DL-breadcrumb-2 .DL-daylife-search { float: right; margin-top: 9px; width: 340px; } .DL-page-group-search #DL-breadcrumb-2 .DL-daylife-search { background:transparent url(http://diacache.daylife.com/_static/v2/img/baseline/breadcrumb.gif) no-repeat scroll 0 4px; float:left; padding:0 0 0 13px; } /* =MODULE: custom_search */ .DL-custom-search form { border: 1px solid #CDCDCD; width: 338px; /* sets up the form to utilize the full width of original column (e.g. 372px - 2px border - 30px padding = 340px - 2px form border) */ height: 21px; position:relative; background: #ffffff; } .DL-custom-search input.DL-input-text { border: 0px; padding: 4px 5px 0px 5px; /* inside padding of search text box */ width:275px; /* this value = form width - submit button width - padding of THIS text box */ font-size: 13px; line-height: 13px; } /* =MODULE: daylife_search */ .DL-daylife-search form { border: 1px solid #CDCDCD; width: 275px; /* sets up the form to utilize the full width of original column (e.g. 372px - 2px border - 30px padding = 340px - 2px form border) */ height: 21px; position:relative; background: #FFF; } .DL-daylife-search form input.DL-input-text { border: 0px; padding: 4px 5px 0px 5px; /* inside padding of search text box */ width: 200px; /* this value = form width - submit button width - submit arrow width - padding of THIS text box */ font-size: 13px; line-height: 13px; } .DL-daylife-search form input.DL-error { /* a DL-error gets throw in input.DL-input-text when user submits an empty search */ color:#CCCCCC; } .DL-daylife-search input.DL-submit-button, .DL-custom-search input.DL-submit-button { border: 1px solid #000; background:#000; border:0px; cursor:pointer; color:#FFF; font-size:11px; font-weight:bold; text-transform: lowercase; height:23px; /* must be equal to the height of the form */ width:62px; /* by default, set to the width of the drop down box - submit arrow width */ /* using absolute position is the best way to override browser form inconsistencies */ position:absolute; top:-1px; right: 29px; /* this is width of submit arrow */ } .DL-daylife-search input.DL-submit-button:hover, .DL-custom-search input.DL-submit-button:hover { /* set up hover action */ } .DL-daylife-search input.DL-see-search-options { /* arrow that activates dropdown of filters */ background:#000; border: 1px solid #000; border-left: 1px dotted #CCC; cursor:pointer; color:#FFF; display:block; width:30px; height:23px; /* must be equal the form + 2px because it is absolutely positioned to overlap the top and bottom border */ /* using absolute position is the best way to override browser form inconsistencies */ position:absolute; right:-1px; /* to overlap the right border of the form */ top:-1px; /* to overlap the top border of the form */ font-size:13px; /* controls size of the dropdown arrow */ } .DL-daylife-search input.selected { /* when activating the arrow, the input.DL-see-search-options will also get a selected class */ z-index: 101; /* set this z-index to be one greater than the div.DL-search-options */ border: 1px solid #CCC; background-color:#efefef; border-bottom: 1px solid #efefef; /* this border color must match the background color of this element to make the line disappear */ color: #666; } .DL-daylife-search .DL-search-options { background-color:#efefef; border:1px solid #CCC; color: #333; display:none; /* default is display: none. Javascript will change toggle display: block */ padding:7px 10px; text-align:left; width:70px; z-index:100; /* puts the z-index above the surrounding modules */ /* using absolute position is the best way to override browser form inconsistencies */ position:absolute; right: -1px; /* to overlap the right border of the form */ top: 21px; /* to appear right below the dropdown arrow */ } .DL-daylife-search .DL-search-options a { /* color of the "All Content, Articles, etc" search options */ color:#000; text-decoration: none; font-size: 11px; line-height: 16px; } .DL-daylife-search .DL-search-options a:hover, .DL-daylife-search .DL-search-options a:active { /* color of the "All Content, Articles, etc" search options */ color:#36C; text-decoration: underline; } /* =MODULE: topic list */ /* topic list does not have photos, so the list is a 4 column list */ .DL-topic-list ol.DL-topics { overflow: hidden; } .DL-topic-list ol.DL-topics li { float: left; width: 24%; margin-right: 1%; height: 26px; } /* =MODULE: topic thumbnails */ .DL-topic-thumbnails ol.DL-topics li { float:left; margin:0 15px 20px 0; text-align: center; overflow:hidden; width: 90px; } /* topic image code */ .DL-topic-thumbnails ol.DL-topics li a.DL-pay-image img, .DL-topic-thumbnails ol.DL-topics li a.DL-pay-image span.DL-no-image { float: none; margin: 0 auto 5px auto; border: none; display:block; } /* topic name code */ .DL-topic-thumbnails ol.DL-topics li a.DL-name { float:none; line-height:16px; font-size: 12px; display: block; width: 100%; } /* =MODULE: rss feed */ ul.DL-rss-actions { /* absolutely positioning the RSS to the top right of every module */ position: absolute; right: 0; top: 0; display: block; } .DL-page-group-topic #DL-content-slot-2 ul.DL-rss-actions, .DL-page-group-custom #DL-content-slot-2 ul.DL-rss-actions, .DL-page-group-quote #DL-content-slot-2 ul.DL-rss-actions, .DL-page-group-story #DL-content-slot-2 ul.DL-rss-actions, #DL-content-slot-3 ul.DL-rss-actions { right: 15px; } .DL-river-of-news ul.DL-rss-actions { /* absolutely positioning the RSS to the top right of every module */ position: absolute; right: 10px; top: 10px; } ul.DL-rss-actions li a { background:transparent url(http://diacache.daylife.com/_static/v2/img/rss.png) no-repeat scroll right top; /* universal RSS feed in orange */ font-size:10px; font-weight:bold; line-height:20px; padding: 0 20px 5px 0px; } #DL-page-daylife-page-topic_articles ul.DL-rss-actions, #DL-page-daylife-page-topic_photos ul.DL-rss-actions, #DL-page-daylife-page-topic_quotes ul.DL-rss-actions { /* don't show the RSS feed on these timeline leaf pages */ display: none; } .DL-page-group-custom #DL-content-slot-1 ul.DL-rss-actions li { display: block; } /* =MODULE: navigation tabs */ div.DL-search-nav { /* this is where the search nav is by default */ border-bottom: 1px solid #ccc; height: 40px; /* because the DL-search-nav is position:absolute and taken out of the flow, you must explicitly declare height */ margin-bottom: 20px; position:relative; /* necessary containing block for all position absolutes */ } div.DL-page-nav ul, div.DL-search-nav ul { /* puts the tabs at the botton of the div, overlapping the bottom border */ position: absolute; bottom: -1px; /* pushes the tabs to overlap the border-bottom to integrate better with design */ left: 0px; } div.DL-page-nav ul { left: 120px; /* pushes the tabs to the right of the 90px X 90px hero image */ width:450px; /* explicitly declares a widdth so IE is happy */ } div.DL-page-nav ul li, div.DL-search-nav ul li { background:#F1F1F1; /* background color of tab */ border:1px solid #B2B2B4; /* sets up color of tab border */ border-right: none; /* tabs have no right border so they can overlap without having a 2px border */ float:left; /* easiest way to line up tabs horizontally */ display: block; text-align:center; /* centers the tab text */ font: normal 12px/23px Arial, Helvetica, sans-serif; } div.DL-page-nav ul li:hover, div.DL-search-nav ul li:hover { /* hover action - does not work in IE6*/ background: #ffffff; /* background on hover */ text-decoration:underline; /* because hover does not work in IE6, this underline gives desired alternative UI */ } div.DL-page-nav ul li.DL-active, div.DL-search-nav ul li.DL-active { /* this is the active tab - the one that corresponds to current page */ background: #ffffff; /* active LI does not have background */ border-bottom: 1px solid #fff; /* sets up a border that matches that background color */ color: #000; font-weight: normal; padding:3px 19px 0; /* match the padding from the li a here if you want the active tab to be consistent */ } div.DL-page-nav ul li.DL-active:hover, div.DL-search-nav ul li.DL-active:hover { /* cancels out the hover of the above universal hover */ text-decoration:none; } div.DL-page-nav ul li a, div.DL-search-nav ul li a { /* all other tabs */ padding:3px 19px 0; /* match the padding from the li.DL-active above if you want the active tab to be consistent */ display: block; font: normal 12px/23px Arial, Helvetica, sans-serif; color: #000; } div.DL-page-nav ul li a:hover, div.DL-search-nav ul li a:hover { color: #36C; text-decoration: underline; } div.DL-page-nav ul li.DL-last, div.DL-search-nav ul li.DL-last { border-right: 1px solid #ccc; /* because tabs don't have a border-right, the last tab needs to have a right border */ } /* =MODULE: related articles */ .DL-related-articles { overflow: hidden; } .DL-ie6only .DL-related-articles { height: 400px; } .DL-ie6only .DL-related-articles ul.DL-rss-actions { display: none; /* prevents IE6 from creating a overflow-y scroll bar */ } .DL-no-scrollbars { overflow: hidden !important; max-height:none; } .DL-ie6only .DL-no-scrollbars { height:auto; } /* article format */ .DL-related-articles ol.DL-articles li { clear: both; margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; background:transparent url(http://media.npr.org/chrome/news/hrule_single_dotted.gif) repeat-x left bottom; } .DL-related-articles ol.DL-articles li.DL-last { margin-bottom: 0; background: none; padding-bottom: 0; } .DL-related-articles ol.DL-articles li div.DL-title-wrapper { margin-bottom: 2px; } .DL-related-articles ol.DL-articles li img.DL-favicon { /* centers the favicon in relation to the headline */ float: left; margin-right: 5px; overflow: hidden; } .DL-related-articles ol.DL-articles li h6 a { display: inline; font: inherit; } .DL-related-articles ol.DL-articles li img.DL-scraped-image { float: left; margin: 3px 0 0 0; border: none; } .DL-related-articles ol.DL-articles li p.DL-has-photo { margin-left: 100px; } /* if using query TOP NEWS */ .DL-related-articles ul.DL-navigation { padding-bottom: 15px; margin-top: -5px; } .DL-related-articles ul.DL-navigation li { background: none; display:inline; padding-right:24px; } .DL-related-articles ul.DL-navigation li.DL-last { background: none; margin: 0px; padding: 0px; } .DL-related-articles ul.DL-navigation li a { font-size: 12px; } .DL-related-articles ul.DL-navigation li.DL-active a { font-weight: bold; color:#666; } /* =MODULE: Photo Zoom */ ol.DL-photos li div.DL-zoomed-photo { background: url(http://diacache.daylife.com/_static/v2/img/daylife/shadowAlpha.png) no-repeat bottom right !important; background: url(http://diacache.daylife.com/_static/v2/img/daylife/shadow.gif) no-repeat bottom right; margin: 6px 0 0 6px !important; position:absolute; /* position will be autocalculated by javascript */ } ol.DL-photos li div.DL-zoomed-photo img { display: block; position: relative; background-color: #fff; /* ensures frame stays white regardless of color of site */ border: 1px solid #a9a9a9; /* frame 1px border color - matches color of photo zoom arrow below */ margin: -6px 6px 6px -6px; /* sets up margins due to dropshadow */ padding: 4px; z-index: 101; } ol.DL-photos li div.DL-zoomed-photo-arrow { background: url(http://diacache.daylife.com/_static/v2/img/daylife/photo_zoom_arrow.gif) 0px 0px no-repeat; width: 12px; /* declared width of photo arrow graphic */ height: 7px; /* declared height of photo arrow graphic */ display: block; z-index: 102; /* pushes the arrow in front of the frame */ position: absolute; /* position will be autocalculated by javascript */ } /* =MODULE: related photo thumbnails */ .DL-ie6andup .DL-photo-thumbnails { /* IE6 needs a hasLayout */ zoom: 1; } /* =MODULE: related photos */ .DL-photo-related-photos.DL-styled-module, .DL-photo-thumbnails.DL-styled-module { height: auto; overflow: visible; } .DL-photo-thumbnails ol.DL-photos li, .DL-photo-related-photos ol.DL-photos li { float:left; margin: 0 24px 24px 0; position:relative; overflow: visible; /* cannot have overflow hidden due to photo zoom */ width:138px; } .DL-topic-timeline-page .DL-photo-thumbnails ol.DL-photos li { margin-bottom: 17px; margin-right: 17px; } /* spacing code for multiple column themes */ .DL-photo-related-photos ol li a img, .DL-photo-thumbnails ol.DL-photos li img { border: none; padding: 0; display: block; overflow: hidden; /* before the photo displays, this prevents the alt text from overflowing */ } /* =MODULE: photo list */ .DL-photo-list ol.DL-photos li { overflow: hidden; margin: 0 0 20px 0; } .DL-page-group-search .DL-photo-list ol.DL-photos li { float: left; margin-right: 6%; width: 47%; } .DL-photo-list ol.DL-photos li div.DL-title-wrapper { /* separates the source/timestamp from the photo/caption */ margin-bottom: 5px; } .DL-photo-list ol.DL-photos li a img.DL-pay-image { border:1px solid #CCCCCC; float:left; margin:3px 0 0 0; padding:2px; overflow: hidden; background: #fff; display: block; } .DL-photo-list ol.DL-photos li p.DL-caption { margin-left: 120px; } /* =MODULE: quotes */ li.DL-quote { height:auto; overflow: hidden; margin: 0 0 30px 0; position: relative; } .DL-css li.DL-quote q a, .DL-quote-carousel li.DL-quote q a { /* sets up generic quote case */ background:transparent url(http://media.npr.org/chrome/news/quote_top.gif) top left no-repeat; display:block; padding: 40px 0 5px 0; text-decoration:none; font: bold 16px/24px Arial, Helvetica, sans-serif; color: #000; } li.DL-quote q a:hover { /* sets up an underline when someone hovers over a quote */ text-decoration: underline; color: #36C; } .DL-ie6only li.DL-quote q a { display: inline; zoom:1; /* ensures hasLayout on single-line inline elements */ } /* QUOTE: quote sizes for river of news and related quotes - we stagger the quote layout depending on length of quote */ .DL-river-of-news li.DL-quote q a.length_one, .DL-related-quotes li.DL-quote q a.length_one, .DL-story-related-quotes li.DL-quote q a.length_one, .DL-river-of-news li.DL-quote q a.length_two, .DL-related-quotes li.DL-quote q a.length_two, .DL-story-related-quotes li.DL-quote q a.length_two, .DL-river-of-news li.DL-quote q a.length_three, .DL-related-quotes li.DL-quote q a.length_three, .DL-story-related-quotes li.DL-quote q a.length_three, .DL-river-of-news li.DL-quote q a.length_four, .DL-related-quotes li.DL-quote q a.length_four, .DL-story-related-quotes li.DL-quote q a.length_four, .DL-river-of-news li.DL-quote q a.length_five, .DL-related-quotes li.DL-quote q a.length_five, .DL-story-related-quotes li.DL-quote q a.length_five, .DL-river-of-news li.DL-quote q a.length_six, .DL-related-quotes li.DL-quote q a.length_six, .DL-story-related-quotes li.DL-quote q a.length_six, .DL-quote-carousel li.DL-quote q a.length_one .DL-quote-carousel li.DL-quote q a.length_two, .DL-quote-carousel li.DL-quote q a.length_three, .DL-quote-carousel li.DL-quote q a.length_four, .DL-quote-carousel li.DL-quote q a.length_five, .DL-quote-carousel li.DL-quote q a.length_six { font: bold 16px/24px Arial, Helvetica, sans-serif; padding-top: 40px; } /* QUOTE: end quote image */ li.DL-quote q { /* puts end quote to right of last word */ background:transparent url(http://media.npr.org/chrome/news/quote_bottom.gif) bottom left no-repeat; padding-bottom: 25px; } /* QUOTE: speaker and source code */ li.DL-quote img.DL-quote-photo { /* hero image on the bottom right of quote */ float: left; margin: 2px 10px 0 0; display: block; width: 40px; /* this is a CSS declaration that should be taken out after wizard allows for different size */ height: 40px; /* this is a CSS declaration that should be taken out after wizard allows for different size */ display: none; } li.DL-quote span.DL-no-image { display: none; } li.DL-quote .DL-quote-attribution-wrapper { margin-top: 15px; } li.DL-quote cite.DL-speaker { text-align: left; font-style: italic; } li.DL-quote cite.DL-speaker a { line-height: inherit; font-size: inherit; } li.DL-quote cite.DL-source { font-size: 10px; line-height: 13px; text-align: left; } li.DL-quote cite.DL-source span.DL-timestamp { display: block; } /* =MODULE: quote carousel */ .DL-quote-carousel ol.DL-quotes { height: auto; } .DL-quote-carousel li.DL-quote { position: static; display: none; margin-bottom: 0; height: auto; } .DL-quote-carousel li.DL-quote q { height: auto; } .DL-quote-carousel ul.DL-controls { padding-bottom: 0; } /* =MODULE: Timeline */ #DL-page-daylife-page-topic_timeline #DL-content-slot-1 ul.DL-rss-actions, #DL-page-daylife-page-topic_articles #DL-content-slot-1 ul.DL-rss-actions, #DL-page-daylife-page-topic_photos #DL-content-slot-1 ul.DL-rss-actions, #DL-page-daylife-page-topic_quotes #DL-content-slot-1 ul.DL-rss-actions { /* no RSS on timeline pages */ display: none; } /* LAYOUT: three columns */ #DL-page-daylife-page-topic_timeline #DL-content-region .DL-3-columns { width: 300px; float: left; margin-right: 24px; clear: none; } #DL-page-daylife-page-topic_timeline #DL-content-region .DL-3-columns.DL-last-module, #DL-page-daylife-page-topic_timeline #DL-content-region .DL-2-columns.DL-last-module { margin-right: 0; } /* LAYOUT: two columns */ #DL-page-daylife-page-topic_timeline #DL-content-region .DL-2-columns { width: 462px; float: left; margin-right: 24px; clear: none; } /* LAYOUT: one column */ #DL-page-daylife-page-topic_timeline #DL-content-region .DL-1-columns { width: 948px; } #DL-page-daylife-page-topic_timeline #DL-content-region .DL-photo-thumbnails ol.DL-photos li { width:86px; } /* END LAYOUT */ .DL-topic-timeline ol.DL-timelines { height:80px; margin:0 auto; padding:0 0 5px 2px; width:auto; } .DL-topic-timeline-page .DL-topic-timeline ol.DL-timelines, .DL-topic-timeline-header ol.DL-timelines { height:160px; } .DL-topic-timeline ol.DL-timelines li { height: 80px; float: left; display: block; width: 7px; position: relative; } .DL-topic-timeline-page .DL-topic-timeline ol.DL-timelines li, .DL-topic-timeline-header ol.DL-timelines li { height: 160px; width: 10px; } .DL-topic-timeline ol.DL-timelines li.DL-last { width: 5px; } .DL-topic-timeline ol.DL-timelines li.DL-last a { border-right: 0px; } .DL-topic-timeline ol.DL-timelines li a { display: block; border-right: 2px solid #fff; height: 80px; width: 5px; } .DL-topic-timeline-page .DL-topic-timeline ol.DL-timelines li a, .DL-topic-timeline-header ol.DL-timelines li a { height: 160px; border-right: 5px solid #fff; } .DL-topic-timeline ol.DL-timelines li span.top { display: block; background:#d6d6d6; } .DL-topic-timeline ol.DL-timelines li span.bottom { display: block; background:#999; } .DL-topic-timeline ol.DL-timelines li .DL-timeline-zoom { background:transparent url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_popup.png) repeat scroll 0 0; display:none; font-size:10px; height:33px; line-height:10px; margin-left:0; padding:2px 0 0 33px; position:absolute; top:-16px; width:127px; z-index:99; } .DL-topic-timeline ol.DL-timelines li .DL-timeline-zoom-arrow { background:transparent url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_popup_arrow.png) no-repeat scroll 0 0; display:none; height:6px; left:-2px; position:absolute; top:8px; width:9px; z-index:100; zoom: 1; } .DL-topic-timeline ol.DL-timelines li .DL-timeline-date { color:#FD3301; display:none; font-size:11px; font-weight:bold; height:auto; line-height:11px; position:absolute; text-align:center; top:163px; width:100px; z-index:100; } .DL-topic-timeline ol.DL-timelines li .DL-timeline-count { display: none; } /* active state */ .DL-topic-timeline ol.DL-timelines li.DL-active { z-index: 100; } .DL-topic-timeline ol.DL-timelines li.DL-active span.top { display: block; background:#CCC; } .DL-topic-timeline ol.DL-timelines li.DL-active span.bottom { display: block; background:#FD3301; } .DL-topic-timeline ol.DL-timelines li.DL-active .DL-timeline-zoom, .DL-topic-timeline ol.DL-timelines li.DL-active .DL-timeline-zoom-arrow { display:block; } .DL-topic-timeline ol.DL-timelines li.DL-query-date .DL-timeline-zoom, .DL-topic-timeline ol.DL-timelines li.DL-query-date .DL-timeline-zoom-arrow { display:none; } .DL-topic-timeline #timeline_articles_wrapper { float: left; font-size: 12px; } .DL-topic-timeline #timeline_articles_wrapper #timeline_articles { color:#547289; font-weight: bold; font-size: 12px; } .DL-topic-timeline #timeline_date { float: right; color:#547289; font-weight: bold; font-size: 12px; } .DL-topic-timeline.DL-styled-module { overflow: visible; height: auto; } .DL-topic-timeline .DL-timeline-header img { float: left; margin-right: 10px; } .DL-topic-timeline .DL-timeline-header { font-size: 28px; color: #333; font-weight: bold; } .DL-topic-timeline .DL-timeline-header span.DL-timeline-tagline { display:block; font-size:16px; margin-bottom:7px; color:#66; } .DL-topic-timeline .DL-timeline-header span.DL-topic-name { font: normal 36px Georgia, sans-serif; color:#333; display:block; width:624px; line-height: 26px; } .DL-topic-timeline-header #timeline_articles_wrapper { font-size: 14px; margin-top: 7px; color:#666666; } /* photo zoom on timeline page */ #DL-content-region .DL-topic-timeline-header { border: 0; padding: 0px 15px; } .DL-topic-timeline-header ol.DL-timelines li.DL-active .DL-timeline-date { display:block; } .DL-topic-timeline-header ol.DL-timelines { padding:16px 0 17px 2px; } .DL-topic-timeline-header span.DL-date-range { color:#666; font-size:11px; position:absolute; right:95px; top:-5px; } /* controls */ .DL-topic-timeline-header ul.DL-controls { position:absolute; right:0; top:13px; width:238px; } .DL-topic-timeline-header ul.DL-controls li { display:block; float:left; } .DL-topic-timeline-header ul.DL-controls li.DL-current { background:#FFFFFF none repeat scroll 0 0; border:4px solid #666; color:#FD3301; font-size:17px; font-weight:bold; height:30px; padding:6px 5px; text-align:center; width:36px; } .DL-topic-timeline-header ul.DL-controls li a { margin-top: 9px; height: 14px; color: #fff; padding: 8px 5px 9px 5px; display: block; width: 50px; font-size: 12px; font-weight: bold; text-align: center; text-decoration:none; } .DL-topic-timeline-header ul.DL-controls li.DL-prev a { background: url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_arrows.png) no-repeat left -32px; padding-left: 30px; } .DL-topic-timeline-header ul.DL-controls li.DL-prev a:hover { background-position: left bottom; } .DL-topic-timeline-header ul.DL-controls li.DL-next a { background: url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_arrows.png) no-repeat right -32px; padding-right: 30px; } .DL-topic-timeline-header ul.DL-controls li.DL-next a:hover { background: #f2f2f2 url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_arrows.png) no-repeat right bottom; } /* inactive case */ .DL-topic-timeline-header ul.DL-controls li.DL-inactive, .DL-topic-timeline-header ul.DL-controls li.DL-inactive:hover { margin-top: 9px; height: 14px; color: #fff; padding:9px 5px; display: block; width: 50px; font-size: 14px; font-weight: bold; text-align: center; text-decoration:none; background: url(http://diacache.daylife.com/_static/v2/img/baseline/timeline_arrows.png) no-repeat right top; padding-right: 30px; } /* headline */ .DL-topic-timeline-page { width: 948px; /* explicitly declare for IE6 */ } .DL-topic-timeline-page h3.DL-module-title { padding-bottom:7px; padding-left:3px; } .DL-topic-timeline-page .DL-module-title-wrapper { height: 80px; } .DL-topic-timeline-page ol.DL-timelines { width: 900px; margin-top: 25px; clear: both; } /* =MODULE: Topic Lead */ .DL-topic-lead .DL-module-content-wrapper { position: relative; /* because custom lead has absolutely positioned diagram bars */ } .DL-topic-lead ol { position: relative; /*z-index: 1;*/ } .DL-topic-lead li { background:#FFF none repeat scroll 0 0; border:1px solid #909090; height:185px; padding:15px; text-align:center; width:156px; position: relative; /*z-index:1;*/ } .DL-topic-lead li a img, .DL-topic-lead li a span { padding: 2px; border: 1px solid #ccc; margin-bottom: 10px; } .DL-topic-lead li a.DL-active img, .DL-topic-lead li a.DL-active span, .DL-topic-lead li a img:hover, .DL-topic-lead li a span:hover { padding: 0; border: 3px solid #FF9700; } /* One Topic */ .DL-1-topics ol.DL-topics li { margin: 20px auto; } /* Two and Four Topics */ .DL-2-topics ol.DL-topics, .DL-4-topics ol.DL-topics { margin: 0 auto; width: 535px; overflow: hidden; } .DL-2-topics ol.DL-topics li, .DL-4-topics ol.DL-topics li { float: left; margin: 20px 150px 20px 0; } .DL-2-topics ol.DL-topics li.DL-item-rev-1, .DL-4-topics ol.DL-topics li.DL-item-rev-1, .DL-4-topics ol.DL-topics li.DL-item-rev-3 { margin-right: 0px; } /* Three and Six Topics */ .DL-3-topics ol.DL-topics, .DL-6-topics ol.DL-topics { margin: 0 auto; width: 865px; overflow: hidden; } .DL-3-topics ol.DL-topics li, .DL-6-topics ol.DL-topics li { float: left; margin: 20px 150px 20px 0; } .DL-6-topics ol.DL-topics li { margin: 30px 150px 50px 0; } .DL-3-topics ol.DL-topics li.DL-item-rev-1, .DL-6-topics ol.DL-topics li.DL-item-rev-1, .DL-6-topics ol.DL-topics li.DL-item-rev-4 { margin-right: 0px; } /* Five Topics */ .DL-5-topics ol.DL-topics { margin: 0 auto; width: 865px; overflow: hidden; } .DL-5-topics ol.DL-topics li { float: left; margin: 20px 150px 20px 0; } .DL-5-topics ol.DL-topics li.DL-item-rev-1, .DL-5-topics ol.DL-topics li.DL-item-rev-3 { margin-right: 0px; } .DL-5-topics ol.DL-topics li.DL-item-rev-1 { float: right; } .DL-5-topics ol.DL-topics li.DL-item-2 { margin-top: 150px; } .DL-5-topics ol.DL-topics li.DL-item-4, .DL-5-topics ol.DL-topics li.DL-item-5 { margin-top: -110px; } /* lead bars */ .DL-topic-lead span.DL-bar { border-style:solid; border-color:#909090; border-width: 0; display:block; position:absolute; /*z-index:0;*/ } .DL-5-topics span#DL-lead-bar-1 { border-width:4px 4px 0 0; height:50px; left:219px; top:96px; width:200px; } .DL-5-topics span#DL-lead-bar-2 { border-width:4px 0 0 4px; height:50px; left:503px; top:96px; width:200px; } .DL-5-topics span#DL-lead-bar-3 { border-width:0 4px 4px 0; height:50px; left:219px; top:367px; width:200px; } .DL-5-topics span#DL-lead-bar-4 { border-width:0 0 4px 4px; height:50px; left:503px; top:367px; width:200px; } .DL-6-topics span#DL-lead-bar-1 { display: none; } .DL-6-topics span#DL-lead-bar-2 { border-width:4px 0 0 0; display:block; height:1px; left:185px; position:absolute; top:135px; width:200px; /*z-index:0;*/ } .DL-6-topics span#DL-lead-bar-3 { border-width:4px 0 0 0; height:1px; left:535px; top:135px; width:200px; } .DL-6-topics span#DL-lead-bar-4 { border-width:4px 4px 0; height:50px; left:130px; top:285px; width:644px; } .DL-6-topics span#DL-lead-bar-5 { border-width:0 0 0 4px; height:200px; left:462px; top:185px; width:1px; } .DL-6-topics span#DL-lead-bar-6 { display: none; } /* PAGE: search */ .DL-topic-results, .DL-article-results, .DL-quote-results, .DL-photo-results { /* these tags can conveniently override the universal style declared in site_layout */ } .DL-article-results .DL-last, .DL-quote-results .DL-last { margin-bottom: 0; } /* =MODULE: article results */ .DL-article-results ol.DL-articles li { overflow: hidden; float: left; width: 47%; margin: 0 0 20px 0; margin-right: 6%; } .DL-article-results cite.DL-source, .DL-article-results h6.DL-headline { display:inline; } .DL-ie6andup .DL-article-results h6.DL-headline { /* in IE6 and IE7, the display:inline causes citation to butt up against headline */ padding-right: 5px; } .DL-article-results img.DL-scraped-image { margin-top: 4px; } .DL-article-results img.DL-scraped-image { clear: both; /* clears the floated favicon */ margin-right: 10px; } /* =MODULE: quote results */ /* spacing code for grids */ .DL-quote-results ol.DL-quotes li { float: left; width: 47%; margin: 0 0 20px 0; margin-right: 6%; } /* END: spacing code for grids */ /* NO RESULTS messagining styling */ .DL-no-results-message { color:#333333; font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:130%; margin-bottom:5px; padding: 15px; border: 1px solid #cccccc; } .DL-no-results-message span { font-weight:bold; } /* PAGE: story */ .DL-story-lead-article, .DL-story-related-topics, .DL-story-related-articles, .DL-story-related-photos, .DL-story-related-quotes { /* these tags can conveniently override the universal style declared in site_layout */ } /* =MODULE: story lead article */ .DL-story-lead-article.DL-styled-module { border: none; padding: 0; margin-bottom: 30px; } .DL-story-lead-article.DL-styled-module .DL-module-content-wrapper { margin: 0; padding-right: 20px; } .DL-story-lead-article .DL-title-wrapper { margin-bottom: 10px; } .DL-story-lead-article h2.DL-headline { /* affects only lead article on story page */ font-size: 24px; line-height:26px; font-weight: bold; padding-top: 5px; } .DL-story-lead-article img.DL-scraped-image { /* this image shows up sporadically */ margin-top: 4px; /* lines this up with the excerpt to the left */ } .DL-story-lead-article p.DL-excerpt { } .DL-story-lead-article p.DL-has-photo { /* whenever there is a scraped image, the p gets a DL-has-photo */ margin-left: 116px; /* 100px image + 6px border + 10px margin = 116px */ } /* =MODULE: story topic list (no topic hero image) */ .DL-page-group-story .DL-topic-list div.DL-module-title-wrapper { margin: 0 5px 0 0; display: inline; } .DL-page-group-story .DL-topic-list div.DL-module-content-wrapper { display: inline; } .DL-page-group-story .DL-topic-list h3.DL-module-title { display: inline; } .DL-page-group-story .DL-topic-list h3.DL-module-title a { font-size:11px; font-weight:bold; line-height:1; margin:0; display: inherit; /* inherits the display property from parent */ } .DL-page-group-story .DL-topic-list ol.DL-topics { display: inline; } .DL-page-group-story .DL-topic-list ol.DL-topics li { display:inline; float: none; margin: 0px; } .DL-page-group-story .DL-topic-list ol.DL-topics li a { font-size: 11px; } .DL-page-group-story .DL-topic-list ol.DL-topics li:after { /* applies to FF2, FF3, and Safari */ content: ", "; } .DL-page-group-story .DL-topic-list ol.DL-topics li.DL-last-topic:after { /* applies to FF2, FF3, and Safari */ content: ""; } .DL-ie6andup .DL-page-group-story .DL-topic-list ol.DL-topics li { /* applies to IE6 and IE7 */ padding-right: 8px; } /* =MODULE: story related articles */ .DL-story-related-articles li.DL-article { overflow: hidden; margin-bottom: 20px; clear: both; } .DL-story-related-articles li.DL-last { margin-bottom: 0; } .DL-story-related-articles .DL-title-wrapper { margin-bottom: 5px; } .DL-story-related-articles cite.DL-source, .DL-story-related-articles h6.DL-headline { display: inline; } .DL-story-related-articles h6.DL-headline a { /* river of news headlines STORY PAGE */ font-size: 13px; line-height: 130%; font-weight:bold; display: inherit; /* inherits the display property from parent */ } .DL-story-related-articles img.DL-scraped-image { margin: 5px 0 0 0; } .DL-ie6andup .DL-story-related-articles h6.DL-headline a { margin-right: 5px; } .DL-story-related-articles p.DL-has-photo { /* whenever there is a scraped image, the p gets a DL-has-photo */ margin-left: 116px; /* 100px image + 6px border + 10px margin = 116px */ } /* =MODULE: story related quotes */ .DL-story-related-quotes li.DL-last { margin-bottom: 0; }/* PAGE: photo */ .DL-page-group-photo #DL-content-slot-1 { position: relative; /* sets up a container for the .DL-pagination */ } .DL-page-group-photo .DL-pagination { padding: 0; position:absolute; top: 0; right: 0; margin: 0; border: 0; } /* ---------- */ /* =MODULE: main photo */ .DL-photo-details { /* these tags can conveniently override the universal style declared in site_layout */ } .DL-photo-details.DL-styled-module { border: none; margin: 0 0 20px 0; padding: 0; height: auto; overflow: visible; } .DL-photo-details.DL-styled-module .DL-module-content-wrapper { margin: 0; } .DL-photo-details div.DL-photo { overflow: hidden; } .DL-ie6andup .DL-photo-details div.DL-photo { zoom: 1; } .DL-photo-details img.DL-main-photo { border: none; float:left; margin:0 15px 0px 0; padding: 0; } .DL-photo-details .DL-source { /* padding: 30px 0 10px 0; */ padding-bottom: 10px; } /* PAGE: photo frame */ /* INFO: for showing scraped images with an iFrame of the source page */ #DL-page-photo-frame-top { font-size: .8em; } #DL-page-photo-frame-top .DL-logo { float:left; margin: 10px; } #DL-page-photo-frame-top div.DL-detail, #DL-page-photo-frame-top .DL-photo { float:left; margin: 10px; } #DL-page-photo-frame-top .DL-admin { float: right; margin: 10px; } #DL-page-photo-frame-top .DL-original-link { clear: both; padding: 5px 10px; background-color: #eee; } /* ---------- */ /* PAGE: quote */ .DL-lead-quote.DL-styled-module { border: none; border-bottom: 1px dotted #CCC; padding: 0 0 20px 0; margin-bottom: 20px; } .DL-quote-related-quotes.DL-styled-module { border: none; padding: 0; margin: 0; height: auto; overflow: hidden; } .DL-quote-related-quotes.DL-styled-module ol { margin-top: 0; } .DL-lead-quote.DL-styled-module .DL-module-content-wrapper, .DL-quote-related-quotes.DL-styled-module .DL-module-content-wrapper { margin: 0; } .DL-quote-details .DL-quote-source, .DL-quote-details .DL-lead-quote .DL-quote-source { display:block; margin: 0 0 5px 0; color: #999; font-size: 12px; font-weight: normal; text-transform: lowercase; } .DL-quote-details li.DL-quote { overflow:visible; } .DL-quote-details .DL-quote-source h6.DL-headline, .DL-quote-details .DL-quote-source h6.DL-headline a { font-size: inherit; font-weight: inherit; line-height: inherit; font: bold 22px Georgia, sans-serif; text-transform: none; color: #000; border: none; margin: 0 0 10px 0; padding: 0; clear: both; } .DL-quote-details .DL-quote-related-quotes .DL-quote-source h6.DL-headline, .DL-quote-details .DL-quote-related-quotes .DL-quote-source h6.DL-headline a { font-size: 16px; } .DL-ie6only .DL-quote-details .DL-lead-quote { width: 506px; } .DL-quote-related-quotes { margin-bottom: 0; } .DL-quote-details .DL-lead-quote li q { margin-top: 15px; width: 100%; } .DL-quote-details .DL-lead-quote li.DL-quote { margin: 0; } .DL-quote-details .DL-lead-quote li.DL-quote cite.DL-speaker { clear: both; } .DL-page-group-quote .DL-lead-quote li.DL-quote img.DL-quote-photo { position: absolute; top: 0; left: 0; margin: 0; width: 60px; height: 60px; } .DL-quote-details .DL-lead-quote li.DL-quote q a:hover { text-decoration:none; cursor:default; } .DL-quote-details .DL-lead-quote .DL-view-article { white-space:nowrap; } .DL-quote-details li.DL-quote { padding-left:0px; margin: 30px 0 0 0; } .DL-quote-details a.DL-toggle-context { display: inline; padding:0 10px 0 0; font-size:14px; text-transform:lowercase; text-align: left; background:transparent url(http://media.npr.org/chrome/news/icon_arrow_right.gif) no-repeat right center; } .DL-quote-details .DL-toggle-context .DL-chevron { display: none; } .DL-quote-details .DL-main-quote-context { display: none; font-size: 12px; color: #555; line-height:23px; position: absolute; left: 0; /*z-index: 1*/; padding: 15px 0px; } .DL-quote-details .DL-main-quote-context p.DL-excerpt { padding:8px 0px; } .DL-quote-details .DL-main-quote-context span.DL-original-quote { background-color:#fbf1cd; color:#000; font: 18px/23px Georgia, sans-serif; } /* ----------*/ /* PAGE: topic directory */ .DL-page-header h3.DL-module-title { font-size:20px; font-weight:normal; padding-bottom: 20px; } .DL-page-group-home .DL-related-articles { height:449px; max-height:none; } /* spacing code for grids */ .DL-topic-thumbnails ol.DL-topics li.DL-first-column, .DL-photo-related-photos ol li.DL-first-column, .DL-photo-list ol.DL-photos li.DL-first-column, .DL-photo-thumbnails ol.DL-photos li.DL-first-column, .DL-quote-results ol.DL-quotes li.DL-first-column, .DL-article-results ol.DL-articles li.DL-first-column { clear: both; } .DL-topic-thumbnails ol.DL-topics li.DL-last-column, .DL-photo-related-photos ol li.DL-last-column, .DL-photo-list ol.DL-photos li.DL-last-column, .DL-photo-thumbnails ol.DL-photos li.DL-last-column, .DL-quote-results ol.DL-quotes li.DL-last-column, .DL-article-results ol.DL-articles li.DL-last-column { margin-right: 0; } .DL-topic-thumbnails ol.DL-topics li.DL-last-row, .DL-photo-related-photos ol li.DL-last-row, .DL-photo-list ol.DL-photos li.DL-last-row, .DL-photo-thumbnails ol.DL-photos li.DL-last-row, .DL-quote-results ol.DL-quotes li.DL-last-row, .DL-article-results ol.DL-articles li.DL-last-row { margin-bottom: 0; } /* ---------- */ /* MODULES */ #DL-content-region img.DL-scraped-image { padding: 0; border: none; margin-right: 10px; } h6.DL-headline { font-size: 13px; line-height: 18px; text-transform: capitalize; } .DL-css .DL-article p.DL-excerpt, .DL-page-group-custom .DL-remote-html-module #main_content .story p { color: #555; font-size: 13px; line-height: 1.3em; } #news-npr img.DL-favicon, #news-npr .DL-name { display: none; } #DL-content-region .DL-css cite.DL-source { margin: 5px 0 2px 0; } #DL-content-region .DL-css cite.DL-source a.DL-name { color: #666; } .DL-article a.DL-name:after { content: " • "; } .DL-breadcrumb.DL-css, .DL-breadcrumb.DL-css a { font-size: 11px; } .DL-breadcrumb.DL-css { color: #666; } /* LEAD PHOTO */ .DL-topic-lead-photo.DL-styled-module { width: 90px; float: left; border: none; padding: 0; margin: 0 10px 0 0; height: auto; overflow: hidden; } .DL-topic-lead-photo.DL-styled-module .DL-module-content-wrapper { margin: 0; } .DL-topic-header { margin-left: 85px; } .DL-topic-header .DL-module-title-wrapper { clear: none; } /* DAYLIFE BRANDING */ .DL-module-content-wrapper { font-size: 10px; color: #666; } .DL-external img { height: 20px; width: 54px; margin-top: 3px; } /* TOPIC DIRECTORIES */ .DL-page-group-topicdir .DL-topicdir-wiki-browse, .DL-namespace div.DL-topicdir-wiki-browse span.DL-title { display: none; } .DL-page-group-topicdir .DL-topicdir-wiki-browse.World, .DL-page-group-topicdir .DL-topicdir-wiki-browse.Politics, .DL-page-group-topicdir .DL-topicdir-wiki-browse.Business, .DL-page-group-topicdir .DL-topicdir-wiki-browse.Politics, .DL-page-group-topicdir .DL-topicdir-wiki-browse.Entertainment, .DL-page-group-topicdir .DL-topicdir-wiki-browse.Sports, .DL-page-group-topicdir .DL-topicdir-wiki-browse.ScienceTechnology { display: block; float: left; } .DL-topicdir-wiki-browse, .DL-css .DL-topicdir-wiki-browse a { font-size: 11px; } .DL-wiki-content { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; width: 100%; float: left; clear: both; } .DL-topicdir-wiki-browse .DL-title { display: none; } .DL-namespace div.DL-topicdir-wiki-browse a, .DL-topicdir-wiki-browse a { background:transparent url(http://media.npr.org/chrome/news/bullet_news.gif) no-repeat scroll 0 0; padding:0 0 0 7px; margin-right: 20px; white-space: nowrap; font-weight: bold; border: none; } .DL-topicdir-wiki-browse a:link, .DL-topicdir-wiki-browse a:visited { color: #FD3301; text-decoration: none; } .DL-topicdir-wiki-browse a:hover, .DL-topicdir-wiki-browse a:active { color: #FD3301; text-decoration: underline; } /* .DL-topicdir-wiki-browse a { display: block; width: 30%; float: left; white-space: normal; } */ .DL-topicdir-wiki-browse a.DL-last { margin-right: 0; } .DL-wiki-section li { width: 33%; float: left; margin-bottom: 5px; } .DL-wiki-section { padding-bottom: 20px; width: 100%; float: left; clear: left; } .DL-namespace .DL-wiki-content .DL-wiki-section { padding-left: 0; } .DL-namespace .DL-wiki-content h2 { margin-left: 0; } .DL-page-nav { display: none; } /* This removes height restriction on the Related Articles box on the DL homepage */ .DL-page-group-home .DL-related-articles { height: auto; max-height:none; } /* SPONSORED/CUSTOM PAGES */ .DL-page-group-custom #wrapper { border: none; } .DL-page-group-custom #DL-content-slot-1 .DL-styled-module .DL-topic-related-header { padding: 0 100px 15px 0; border: none; height: 1%; overflow: hidden; } .DL-page-group-custom #DL-content-region #DL-content-slot-1 .DL-related-articles .DL-module-content-wrapper { padding: 0; } .DL-page-group-custom .DL-remote-html-module #wrapper, .DL-page-group-custom .DL-remote-html-module #main_content { width: auto; margin: 0; float: none; } .DL-page-group-custom .DL-remote-html-module #main_content .story { padding: 0 0 15px 0; float: none; } .DL-page-group-custom .DL-remote-html-module #main_content .story p { margin: 0; } .DL-page-group-custom .DL-remote-html-module #main_content .story img { float: left; margin-right: 10px; } .DL-page-group-custom #DL-content-region #DL-content-slot-1 .DL-river-of-news { border: none; padding: 0; } /* -- */ /* IE6 FIXES */ .DL-ie6only .DL-css h3.DL-module-title, .DL-ie6only .DL-css h4.DL-subtitle, .DL-ie6only .DL-css h6.DL-headline { zoom: 1; } .DL-ie6only .DL-styled-module { zoom: 1; clear: both; padding: 0 0 20px 0; margin: 0 0 20px 0; } .DL-ie6only .DL-topic-thumbnails ol.DL-topics li { margin-right: 12px; } .DL-ie6andup #DL-header-region, .DL-ie6andup #DL-content-region, .DL-ie6andup #DL-footer-region, .DL-ie6andup #DL-breadcrumb, .DL-ie6andup #DL-breadcrumb-2, .DL-ie6andup .DL-breadcrumb, .DL-ie6andup div.DL-module, .DL-ie6only .DL-river-of-news, .DL-ie6andup ol.DL-photos, .DL-ie6andup ol.DL-articles, .DL-ie6andup ol.DL-quotes, .DL-ie6only li.DL-quote, .DL-ie6andup ol.DL-topics, .DL-ie6andup ol.DL-ron, .DL-ie6andup .DL-module-title-wrapper, .DL-ie6andup .DL-module-content-wrapper, .DL-ie6andup .DL-title-wrapper, .DL-ie6andup .DL-content-wrapper { /* fixes float clearing in IE6 and IE7 with hasLayout */ zoom: 1; } .DL-ie6only .DL-topic-lead-photo { border: none !important; padding: 0 !important; margin: 0 !important; width: 75px !important; float: left; } .DL-ie6only .DL-topic-lead-photo .DL-module-content-wrapper { padding: 0 !important; margin: -15px 0 0 0 !important; } .DL-ie6only #news-npr { margin-top: 10px; } .DL-page-group-topic .DL-ie6only #DL-content-slot-1 .DL-styled-module, .DL-page-group-custom .DL-ie6only #DL-content-slot-1 .DL-styled-module, .DL-page-group-quote .DL-ie6only #DL-content-slot-1 .DL-styled-module, .DL-page-group-story .DL-ie6only #DL-content-slot-1 .DL-styled-module, .DL-page-group-topicdir .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-photo .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-topicdir .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-search .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-home .DL-ie6only #DL-content-slot-2 .DL-styled-module, #DL-page-daylife-page-topic_articles .DL-ie6only #DL-content-region #DL-content-slot-2 .DL-styled-module, #DL-page-daylife-page-topic_photos .DL-ie6only #DL-content-region #DL-content-slot-2 .DL-styled-module, #DL-page-daylife-page-topic_quotes .DL-ie6only #DL-content-region #DL-content-slot-2 .DL-styled-module { width: 624px !important; border-bottom: 1px solid #CCC; } .DL-page-group-topic .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-custom .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-quote .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-story .DL-ie6only #DL-content-slot-2 .DL-styled-module, .DL-page-group-topicdir .DL-ie6only #DL-content-slot-3 .DL-styled-module, .DL-page-group-photo .DL-ie6only #DL-content-slot-3 .DL-styled-module, .DL-page-group-topicdir .DL-ie6only #DL-content-slot-3 .DL-styled-module, .DL-page-group-search .DL-ie6only #DL-content-slot-3 .DL-styled-module, .DL-page-group-home .DL-ie6only #DL-content-slot-3 .DL-styled-module, #DL-page-daylife-page-topic_articles .DL-ie6only #DL-content-region #DL-content-slot-3 .DL-styled-module, #DL-page-daylife-page-topic_photos .DL-ie6only #DL-content-region #DL-content-slot-3 .DL-styled-module, #DL-page-daylife-page-topic_quotes .DL-ie6only #DL-content-region #DL-content-slot-3 .DL-styled-module { width: 300px !important; } .DL-ie6only .DL-module-content-wrapper { padding-right: 0; } /* -- */ /* AD SPONSOR CODE */ #NPRsponsor { /*margin-bottom:5px;*/ padding:5px 0 15px 11px; background:url(http://media.npr.org/chrome/news/hrule_double.gif) repeat-x bottom; overflow:hidden; margin-top: -15px; } #NPRsponsor p { margin:0; font-size:10px; color:#333; } #NPRsponsor p.top { margin-bottom:2px; } #NPRsponsor p.left { float:left; margin-top:4px; } #NPRsponsor p.right { margin-top:4px; font-style:italic; float:right; } #NPRsponsor p.right a {color:#333;} #NPRsponsor p.right a:hover {color:#000;} .DL-ie6only #NPRsponsor { width: 300px; float: left; margin-top: 0; padding-bottom: 15px; } .DL-ie6only #NPRsponsor p { padding-bottom: 6px; } /* old sponsor styles */ #NPRsponsor .dynamicbucket .story {padding-top:2px;} #NPRsponsor .buckettop, .sponsor300 .bucketbottom {display:none;} #NPRsponsor .bucketcontent .story p { text-align:center; padding:2px 0; } /* "ABOUT THESE PAGES" */ #contentDisclaimer { color: #333; margin:0; padding:0; font-family:arial, sans-serif; } #contentDisclaimer h1 { font: bold 22px Georgia, sans-serif; margin: 0 0 1.25em 0; } #contentDisclaimer h3 { font-size: 15px; font-weight: bold; margin: 0 0 1.25em 0; } #contentDisclaimer p { font-size: 13px; line-height:1.45em; margin: 0 0 1.25em 0; } #contentDisclaimer a { color:#36c; }