/* * Blues * ------------------------ * Dark : #125a95 * Regular : #4e9bda * Light : #97c9f2 * Very light : #cbe4f8 * * Greys * ------------------------ * Copy Black : #272d31 * Grey2 : #445057 * Sub Grey : #697a85 * Grey : #92a2ad * Rule Grey : #bac6cf * Grey6 : #dae2e8 * Off White : #ebeff2 * * ------------------------ * Red : #cb0000 * Green : #68b000 */ body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea { color: #272d31; } h1 { padding: 7px 0; font-size: 36px; line-height: 42px; } h2 { padding: 7px 0; font-size: 27px; line-height: 35px; } h3 { padding: 7px 0; font-size: 21px; line-height: 28px; } h4 { padding: 7px 0; font-size: 16px; line-height: 21px; } h5 { padding: 7px 0; font-size: 14px; line-height: 14px; } h6 { padding: 7px 0; font-size: 11px; line-height: 14px; } h6 { font-weight: bold; color: #cc0000; text-transform: uppercase; } h6 a { color: #cc0000; } h6 a.feed { margin-left: 5px; color: #92a2ad; text-transform: none; } .content_title h2, h1.legend, h2.legend, h3.legend, h4.legend, h5.legend { margin-bottom: 7px; border-bottom: 1px solid #b3c9e1; font-weight: normal; color: #445057; } h1.legend a, h2.legend a, h3.legend a, h4.legend a, h5.legend a { color: #445057; } h1.legend { padding: 0 0 7px 0; } h2.legend { padding: 5px 0 2px 0; } h3.legend { padding: 12px 0 2px 0; } h4.legend { padding: 17px 0 4px 0; } h5.legend { padding: 23px 0 5px 0; } .content_title h2 { padding: 0; font-size: 20px; } body.event_archive_day .content_title h2 { padding-right: 0; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #272d31; } p { font-size: 14px; line-height: 21px; } p.tease { font-size: 13px; line-height: 21px; } p.tease a { color: #272d31; } p.tease a:hover { text-decoration: none; } dl { margin-top: 0; font-size: 14px; line-height: 21px; } ul { margin-top: 0; font-size: 14px; line-height: 21px; } ol { margin-top: 0; font-size: 14px; line-height: 21px; } table { margin-bottom: 21px; ;} th { padding: 4px 10px; color: #697a85; } td { padding: 4px 10px; } tr { border-bottom: 1px solid #b3c9e1; } .accordion tr { border-bottom: none; } a { color: #125a95; } a:hover { color: #cb0000; } /* GLOBAL ELEMENTS -------------------------------------------------------------------------------- */ .serif { font-family: georgia, times, serif; } .subject { margin: 10px 0; padding: 2px 0; font-size: 13px; font-weight: normal; color: #92a2ad; } .big-heading { font-size: 36px; font-weight: normal; color: #92a2ad; } .big { font-size: 20px; } .small { font-size: 12px; } .very-small { font-size: 11px; } .quiet { color: #697a85; } .quiet a { color: #4e9bda; } .alert { color: #cb0000; } .date, .time, .content_title h3 { margin-bottom: 0; font-size: 11px; line-height: 14px; color: #697a85; white-space: nowrap; } .meta { margin:0 0 7px 0; font-size: 11px; line-height: 14px; color: #697a85; } .caption { font-size: 11px; line-height: 14px; color: #697a85; } .byline { font-size: 11px; line-height: 14px; color: #92a2ad; } .photo-byline { font-size: 11px; line-height: 14px; color: #697a85; text-align: right; } .subheader { font-weight: normal; color: #697a85; } .subheader a { color: #697a85; } .dateline { text-transform: uppercase; } /*.back { padding-left: 20px; padding-right: 10px; background: url(../images/arrows/hallow-arrow-left.gif) no-repeat 0 50%; }*/ /*.forward { padding-right: 20px; background: url(../images/arrows/hallow-arrow-right.gif) no-repeat right 50%; color: #125a95; }*/ .rule { padding-top: 10px; border-top: 1px solid #b3c9e1; } .preheader { padding: 0; font-size: 14px; font-weight: normal; } .preheader a { color: #92a2ad; } /* Actions */ .actions { margin-bottom: 18px; font-size: 12px; line-height: 18px; color: #92a2ad; text-align: right; } .actions a { padding-left: 15px; color: #92a2ad; } /* Tip */ .tip { margin-bottom: 18px; } .tip h4 { padding: 9px 0; font-size: 21px; font-weight: normal; border-bottom: 1px solid #b3c9e1; color: #92a2ad; } .tip p { margin: 0; padding: 9px 0; font: italic 13px/18px georgia, times, serif; color: #445057; } .tip p a { text-decoration: underline; } .tip ul { margin: 0; padding: 9px 0 9px 20px; font: italic 13px/18px georgia, times, serif; color: #445057; } /* Poll choices */ ul.choices { margin-top: 9px; padding: 0; list-style: none; } /* List */ div.list a.thumb { float: left; display: block; margin: 0 10px 10px 0; padding: 5px; background: #fff; border: 1px solid #dae2e8; } div.list a.thumb:hover { background: #ebeff2; } div.list a.thumb img { float: left; display: block; } /* Text thumbnail */ div.list div.thumb { float: left; display: block; margin: 0 10px 10px 0; padding: 20px 5px 5px 5px; width: 95px; height: 80px; background: #ebeff2; border: 1px solid #dae2e8; } div.list div.thumb p { color: #697a85; text-align: center; } div.list div.thumb p span.help { font-size: 11px; line-height: 12px; color: #92a2ad; } div.list div { margin-bottom: 27px; } div.list div .preheader { margin: 0; padding: 0 0 3px 0; font-size: 13px; font-weight: bold; } div.list div .preheader a { color: #92a2ad; } div.list div .header { padding: 0 0 3px 0; font-size: 16px; line-height: 18px; font-weight: bold; } div.list div .header a { color: #125a95; } div.list div p { margin: 0; padding-top: 3px; font-size: 13px; } div.list div .date { margin: 0; font-size: 12px; } div.list div.prepend-1 a.thumb { margin-left:-60px; } div.list div.prepend-2 a.thumb { margin-left:-120px; } div.list div.prepend-3 a.thumb { margin-left:-180px; } div.list div.prepend-4 a.thumb { margin-left:-240px; } div.list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */ div.list { zoom: 1; } /* IE fix */ /* Video list */ div.list div.video { float:left; margin-right:15px; width:197px; height:200px; background:none;} div.list div.video a.thumb { margin-right:0; } div.list div.video ul { clear:left;} div.list div.video li.video {width:auto;} /* Story List */ dl.list { margin-top: 0; } dl.list dt { padding-top: 9px; font-size: 16px; line-height: 18px; } dl.list dt.header { padding: 0 0 3px 0; font-size: 16px; line-height: 18px; } dl.list dd.subheader { padding-bottom: 3px; font-size: 14px; line-height: 18px; color: #697a85; } dl.list dd.date { font-size: 11px; white-space: nowrap; color: #92a2ad; } dl.list dd.date em { font-family: georgia, times, serif; } dl.list dd.tease { padding-top: 3px; padding-bottom: 27px; font-size: 13px; line-height: 19px; } dl.list dd.tease a { color: #272d31; } dl.list dd.tease a:hover { text-decoration: none; } a.comment_count, dl.list dd.byline .comments, dl.list dd.date .comments { color: #bac6cf; text-decoration:none; } a.comment_count:hover, dl.list dd.byline .comments:hover, dl.list dd.date .comments:hover { color: #697a85; } /* Subscribe to email alerts */ .subscribe span { padding-right: 20px; background: url(../images/arrows/arrow-right.gif) right 50% no-repeat; font-size: 14px; color: #697a85; } .subscribe a { color: #445057; } /* Contact the editor */ .contact-editor span { padding-right: 20px; background: url(../images/arrows/arrow-right.gif) right 50% no-repeat; font-size: 14px; color: #697a85; } .contact-editor a { color: #445057; } /* Text ads */ .textads { margin-bottom: 28px; } .textads ul { list-style: none; padding: 0; font-size: 12px; line-height: 14px; } .textads li { margin: 0 0 7px 0; padding-left: 10px; background: url(../images/arrows/raw-arrow-right.gif) 0 3px no-repeat; } .textads li.more { background: none; } .textads li.more a { padding-right: 10px; background: url(../images/arrows/raw-arrow-right.gif) right center no-repeat; color: #92A2AD; } .textads .categories { padding-top: 2px; border-top: 1px solid #b3c9e1; font-size: 11px; line-height: 14px; color: #697a85; text-align: center; clear: both; } .textads .categories a { color: #697a85; } /* Marketplace Ad */ .marketplace-ad { margin-bottom: 28px; } .marketplace-ad .place .name { padding: 0; font-size: 14px; line-height: 16px; font-weight: bold; } .marketplace-ad .place .name a { color: #125a95; } .marketplace-ad .place .name .phone { font-size: 12px; color: #4e9bda; white-space: nowrap; } .marketplace-ad .place .thumb { float: right; display: block; margin-left: 5px; margin-bottom: 2px; } .marketplace-ad .place .more { padding: 0 !important; width: auto; background: none; font-size: 12px; line-height: 15px !important; font-family: georgia, times, serif; font-style: italic; color: #445057; } .marketplace-ad .place .more a { padding: 0; background: none; color: #125a95; } .marketplace-ad .categories { padding-top: 2px; border-top: 1px solid #b3c9e1; font-size: 11px; line-height: 14px; color: #697a85; text-align: center; clear: both; } .marketplace-ad .categories a { color: #697a85; } /* Pagination */ .pagination { margin: 5px 0; font-size: 12px; color: #697a85; } .pagination a { color: #18629D; } .pagination a, .pagination span { padding: 3px 5px 2px 5px; border: 1px solid #dae2e8; box-shadow: none; -webkit-box-shadow: 0; -moz-box-shadow: 0; } .pagination .next, .pagination .previous { display: inline; float: none; padding: 2px 5px; background: #fff; border: 1px solid #dae2e8; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .pagination .previous:before { content: "\2190\0020"; } /*Inserts a straight left arrow before the link.*/ .pagination .next:after { content: "\0020\2192"; } /*Inserts a straight right arrow after the link.*/ .pagination a:hover { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; } .pagination a.next:hover, .pagination a.previous:hover { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; } .pagination span:hover { cursor: default; } .pagination a:active, .pagination span:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } /* More Buttons */ p.more { margin: 5px 0; padding: 0 0 0 10px !important; list-style: none; width: 125px; background: url(../images/icons/more-button-left.gif) no-repeat top left; font-family: arial, sans-serif; font-size: 11px !important; line-height: 18px !important; } p.more a { display: block; padding: 0px 0 4px 0; background: url(../images/icons/more-button-right.gif) no-repeat top right; color: #fff; } /* Buttons list */ ul.button-links { margin: 5px 0 20px 0; } ul.button-links li { margin: 5px 0; padding: 0 0 0 10px; list-style: none; width: 125px; background: url(../images/icons/more-button-left.gif) no-repeat top left; font: normal 11px/19px arial, sans-serif; } ul.button-links li a { display: block; padding: 0px 0 4px 0; background: url(../images/icons/more-button-right.gif) no-repeat top right; color: #fff; } /* Link list */ .linklist { padding: 0; background: transparent; list-style: none; font-size: 12px; line-height: 16px; } .linklist li { margin-bottom: 5px; padding-left: 10px; background: url(../images/arrows/raw-arrow-right.gif) 0 4px no-repeat; } .linklist li strong { color: #4e9bda; font-weight: normal; } .linklist li.video { padding-left: 15px; background: url(../images/icons/mini_filmstrip.gif) 0 2px no-repeat; } .linklist li.gallery { padding-left: 15px; background: url(../images/icons/mini_photo.gif) 0 2px no-repeat; } .linklist li.poll { padding-left: 15px; background: url(../images/icons/mini_graph.gif) 0 2px no-repeat; } .linklist li.audioclip { padding-left: 15px; background: url(../images/icons/mini_audio.gif) 0 2px no-repeat; } /* HEADING SYSTEM -------------------------------------------------------------------------------- */ /* Section heading */ #heading h2 { padding: 7px 0 0 0; font-size: 20px; line-height: 21px; font-weight: normal; color: #445057; } #heading .subheader, #heading p { margin: 0; padding: 3px 0 0 0; font: italic 13px/18px georgia, times, serif; color: #697a85; } #heading h2 a, #heading .subheader a, #heading p a { color: #4e9bda; } /* Small section heading */ body.detail #heading h2, body.audioclip_detail #heading h2, body.chat_detail #heading h2, #heading-sm h2 { padding: 0; font-size: 17px; line-height: 21px; font-weight: normal; color: #697a85; } body.detail #heading h2 a, body.audioclip_detail #heading h2 a, body.chat_detail #heading h2 a, #heading-sm h2 a { color: #697a85; } /* Story heading */ #story-heading, .content_title { margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px solid #b3c9e1; } #story-heading .header { font-weight: bold; line-height: 30px; color: #272d31; } #story-heading .subheader { padding-top: 3px; font-size: 17px; line-height: 21px; } #story-heading .photo { padding-top: 10px; } #story-heading .photo .photo-byline { margin: -3px 0 10px 0; color: #697a85; } #story-heading .photo .photo-byline a { color: #697a85; } #story-heading .photo .caption { margin: 0; } .chats .content_title h2 { padding-top: 0; border-bottom: 1px solid #b3c9e1; } ul.tools { position:relative; padding:0; margin-bottom: 0; list-style: none; padding-bottom:28px; border-top:1px solid #b3c9e1;} ul.tools li { padding:1px 10px 1px 0; border-bottom:1px solid #b3c9e1;} ul.tools li a { display:block; padding:0 10px; } ul.tools a:hover { text-decoration: none; color:#922; } ul.tools:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;} ul.tools {zoom: 1;} div.story-tools { width:180px; float:left; z-index:200; position:relative; } .story-tools .byline {margin-bottom:7px; font-size:16px; line-height:21px;} .story-tools .date {margin-bottom:0; padding-bottom:7px; } .story-tools ul.tools { position:relative; padding:7px 0 0 0; margin-bottom: 0; list-style: none; padding-bottom:28px; border-top:1px solid #b3c9e1;} .story-tools ul.tools li { float:left; padding:1px 10px 1px 0; font-size: 11px; line-height: 14px; border:none; } .story-tools ul.tools li a { display:block; line-height:14px; color:#92a2ad; padding:0; } .story-tools ul.tools a:hover { text-decoration: none; color:#922; } .story-tools ul.tools:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;} .story-tools ul.tools {zoom: 1;} #story-body { position:relative; z-index:5; padding-left:200px; background: url(../images/rules/vertical.gif) 191px 0 repeat-y; } #story-body .inline { margin:0 0 14px -200px; position:relative; display:inline;} #story-body .story-inline-ad {float:right; width:140px; margin:0 0 10px 10px; clear:none;} #post_story_ads { background:#ebeff2; padding:5px; margin-bottom:14px; margin-top:7px; clear:left; } #post_story_ads .subscription-ad { border-bottom: 1px solid #b3c9e1; padding-bottom:5px; margin-bottom:5px;} #post_story_ads .subscription-ad p {margin:0;padding:0;} /* TOOLBAR -------------------------------------------------------------------------------- */ #toolbar p { margin: 0; font-size: 13px; line-height: 23px; color: #97c9f2; } #toolbar p a { color: #97c9f2; } #weather p { font-size: 20px; font-weight: bold; white-space: nowrap; margin-bottom:0; padding-bottom:0;} #weather p a:hover { text-decoration: none; } #weather p .conditions { font-size: 13px; font-weight: normal; } #weather p.forecast { font-size: 11px; line-height: 12px; font-weight: normal; } #weather p.forecast a { padding-right: 10px; color: #999; } #weather p.forecast a:hover { background: url(../images/arrows/raw-arrow-right.gif) right 50% no-repeat; } #header_search p { font-size: 13px; } #header_search input { font-size: 12px; color: #272d31; } /* HEADER -------------------------------------------------------------------------------- */ #header ul { list-style: none;/* font-size: 12px; */ } /* RAIL -------------------------------------------------------------------------------- */ .rail p { font-size: 12px; line-height: 18px; color: #445057; } .rail ul { font-size: 12px; line-height: 18px; list-style: none; padding: 0; } .rail ul li { padding-left: 10px; background: url(../images/arrows/raw-arrow-right.gif) no-repeat 0 5px; color: #445057; } /* FOOTER -------------------------------------------------------------------------------- */ #footer dl { font-size: 12px; line-height: 22px; } #footer dl dt { float: left; width: 160px; font-weight: bold; color: #445057; clear: left; } #footer dl dd { float: none; color: #445057; } #footer dl dd a { color: #445057; } #footer p small { font-size: 11px; color: #697a85; } #footer p small a { color: #697a85; } /* STORY BODY -------------------------------------------------------------------------------- */ #story-body { position: relative; } #story-body .story-subheader { padding-top: 30px; padding-bottom: 20px; } /* !!!! Rename to 'date-byline' */ #story-body .byline { padding-top: 0; margin-bottom: 0; font-size: 12px; line-height: 18px; color: #697a85; } #story-body .date { font-size: 12px; line-height: 18px; color: #697a85; } #story-body .google-ad { margin: 18px 20px 18px 0; padding: 5px 10px; border: 1px solid #bac6cf; clear: both; } #story-body .subscription-ad { margin: 36px 20px 36px 0; padding: 1px 0; height: 16px; border-top: 1px solid #bac6cf; clear: both; } #story-body .subscription-ad p { font-size: 11px; font-weight: bold; } #story-body ul.tools { position: absolute; top: 0; right: 20px; list-style: none; } #story-body ul.tools li { margin: 0 0 0 10px; font-size: 12px; } #story-body ul.tools li a { border: none; color: #697a85; } #story-body ul.tools li a:hover { background: none; color: #cc0000; text-decoration: underline; } /* SEARCH RESULTS -------------------------------------------------------------------------------- */ div.search-results { margin-right: 20px; } div.search-results div { margin-bottom: 27px; } div.search-results div .type { padding: 0; } div.search-results div .header { padding: 0; font-size: 16px; line-height: 18px; } div.search-results div .header a { color: #125a95; } div.search-results div .subheader { padding-bottom: 3px; font-size: 14px; line-height: 18px; color: #697a85; } div.search-results div .date { margin: 3px 0; font-size: 12px; white-space: nowrap; } div.search-results div .tease { margin: 0; } div.search-results div.user .username { padding: 0; font-size: 16px; line-height: 18px; } div.search-results div.user .username a { color: #125a95; } div.search-results div.user .comments { font-size: 12px; } /* SECTIONS -------------------------------------------------------------------------------- */ .inline_nav ul.tabs li { margin-right: 10px; margin-left: 5px; } .inline_nav { border: 1px solid #dae2e8; border-bottom: 1px solid #b3c9e1; ; background:#ebeff2; margin-bottom:9px; margin-right: 10px; } /* Questions */ .answer-list { margin: 27px 0; } .answer-list div { clear: both; } .answer-list div img { float: left; margin: 0 10px 10px 0; } .answer-list div blockquote { margin: 0 40px 0 0; border: none; } .answer-list div blockquote p { margin: 0; font-size: 14px; line-height: 21px; } .answer-list div .byline { margin: 5px 0 0 0; font-size: 12px; } .onthestreet .byline { margin-top: -10px; font-size: 12px; } /* Redesign comments */ #redesign-comments { margin: 0 0 18px 0; padding: 10px; background: #cbe4f8; } #redesign-comments h4 { padding: 0; font-size: 18px; line-height: 18px; } #redesign-comments h4 a { color: #445057; } #redesign-comments p { margin: 0; padding: 6px 0 0 0; font-size: 13px; line-height: 18px; } #redesign-comments p a { color: #4e9bda; } /* Event List */ div.event-list div { margin-bottom: 9px; } div.event-list div .header {} div.event-list div .subheader { padding: 3px 0; font-size: 13px; color: #697a85; } div.event-list div .subheader a { color: #125a95; } /* Section lead stories */ div.lead_story dl.list { margin-bottom: 0; padding-bottom: 0; } div.lead_story { border-bottom: 1px solid #b3c9e1; margin-bottom: 9px; } div.lead_story dl.list dt.header { font-size: 18px; line-height: 22px; } div.lead_has_photo .photo { width: 400px; float: left; clear: none; clear: left; margin-top:5px; margin-right: 0; padding-right: 0; padding-bottom: 8px;} div.lead_has_photo .byline, div.lead_has_photo .subheader, div.lead_has_photo .date, div.lead_has_photo .header, div.lead_has_photo .tease { width: 230px; float: right; clear: none; clear: right; margin-left: 0; } /* BREAKING NEWS -------------------------------------------------------------------------------- */ #breaking_news { margin: 0 auto; padding: 5px 0 6px 160px; width: 800px; background: #dae2e8 url(../images/breaking-arrow.gif) no-repeat 0 50%; border-top: 5px solid #fff; border-bottom: 5px solid #fff; } #breaking_news h1 { display: none; } #breaking_news p { margin: 0; font-size: 13px; line-height: 15px; color: #445057; } #breaking_news p a { font-weight: bold; color: #445057; } #breaking_news p .time { font-size: 11px; font-weight: normal; } #breaking_news p .updated { color: #cc0000; } /* Audio set list */ div.audioset-list div { margin-bottom: 14px; } /* Rating -------------------------------------------------------------------------------- */ .rating { background: url(http://media.ljworld.com/images2/icons/star.gif) center left; text-indent: -500px; overflow: hidden; height: 15px; } div.rating { float: left; margin-right: 5px; } .stars-1 { width: 15px; } .stars-15 { width: 23px; } .stars-2 { width: 30px; } .stars-25 { width: 38px; } .stars-3 { width: 45px; } .stars-35 { width: 53px; } .stars-4 { width: 60px; } .stars-45 { width: 68px; } .stars-5 { width: 75px; }