/* * 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: #111; } 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; } h1.legend, h2.legend, h3.legend, h4.legend, h5.legend { margin-bottom: 7px; border-bottom: 1px solid #dae2e8; 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; } 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; list-style-position: inside; } ol { margin-top: 0; font-size: 14px; line-height: 21px; list-style-position: inside; } table { margin-bottom: 21px; ;} th { padding: 4px 10px; color: #697a85; } td { padding: 4px 10px; } tr { border-bottom: 1px solid #dae2e8; } table th, table td { font-size: 12px; } table td.bar-graph div.bar-wrapper { background-color: #ebeff2; } table .numeric { text-align: right; } table .notes { color: #92a2ad; font-size: 11px;} a { color: #125a95; } a:hover { color: #cb0000; } hr { background:#B3C9E1 none repeat scroll 0% 0%; border:medium none; height:1px; margin-bottom:14px; margin-top:13px; width:100%; } /* 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 { margin-bottom: 0; font-size: 11px; line-height: 14px; color: #697a85; } .story_details { margin-bottom: 0; font-size: 11px; line-height: 21px; 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; }*/ { color: #125A95;} /* Changed this because links in subheaders were the same color as regular text 2008-5-2 */ .dateline { text-transform: uppercase; } .updated { color: #cc0000; } .errorlist { color: #cb0000; } .back { padding-left: 20px; padding-right: 10px; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-left.gif) no-repeat 0 50%; } .forward { padding-right: 20px; background: url(http://media.ljworld.com/images/arrows/hallow-arrow-right.gif) no-repeat right 50%; color: #125a95; } .rule { padding-top: 10px; border-top: 1px solid #dae2e8; } .feed { padding-left: 15px; background: url(http://media.ljworld.com/images/icons/feed_10x10.gif) no-repeat 0 50%; } .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 #dae2e8; 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; } /* Tools */ ul.tools { padding: 0; margin-bottom: 0; list-style: none; } ul.tools li { display: block; font-size: 11px; line-height: 14px; } ul.tools li a { display: block; padding: 4px 0 3px 0; border-bottom: 1px solid #dae2e8; } ul.tools a:hover { text-decoration: none; border-bottom: 1px solid #cb0000; } /* List */ div.list { margin: 0 0; } 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-right { float: right; display: block; margin: 0 10px 0 10px; 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 .header a:visited { color: #4e9bda; } 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 dt.header a:visited { color: #4e9bda; } dl.list dd.subheader { padding-bottom: 3px; font-size: 14px; line-height: 18px; color: #697a85; } dl.list dd.date { font-size: 11px; 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(http://media.ljworld.com/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(http://media.ljworld.com/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(http://media.ljworld.com/images/arrows/raw-arrow-right.gif) 0 3px no-repeat; } .textads li.more { background: none; } .textads li.more a { padding-right: 10px; background: url(http://media.ljworld.com/images/arrows/raw-arrow-right.gif) right center no-repeat; color: #92A2AD; } .textads .categories { padding-top: 2px; border-top: 1px solid #dae2e8; font-size: 11px; line-height: 14px; color: #697a85; text-align: center; clear: both; } .textads .categories a { color: #697a85; } /* Marketplace & In-house Ads */ .marketplace-ad, .inhouse-ad { margin-bottom: 28px; } .inhouse-ad { margin: 14px 0px; padding: 10px 0; border-top: 1px solid #DAE2E8; } .inhouse-ad img { padding: .75em 0; } .inhouse-ad .more a { display: inline; } .marketplace-ad .place .name, .inhouse-ad .place .name { padding: 0; font-size: 14px; line-height: 16px; font-weight: bold; } .marketplace-ad .place .name a, .inhouse-ad .place .name a { color: #125a95; } .marketplace-ad .place .name .phone, .inhouse-ad .place .name .phone { font-size: 12px; color: #4e9bda; white-space: nowrap; } .marketplace-ad .place .thumb, .inhouse-ad .place .thumb { float: right; display: block; margin-left: 5px; margin-bottom: 2px; } .marketplace-ad .place .more, .inhouse-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, .inhouse-ad .place .more a { padding: 0; background: none; color: #125a95; } .marketplace-ad .categories, .inhouse-ad .categories { padding-top: 2px; border-top: 1px solid #dae2e8; font-size: 11px; line-height: 14px; color: #697a85; text-align: center; clear: both; } .marketplace-ad .categories a, .inhouse-ad .categories a { color: #697a85; } /* Marketplace Ad */ .marketplace-ad h6 { margin: 7px 0 12px; } .marketplace-ad h6 a { display: block; width: 290px; height: 35px; background: transparent url(http://media.ljworld.com/images/ads/mp-pin-ad.png) no-repeat left top; } .marketplace-ad h6 a span { display: block; overflow: hidden; width: 0; height: 0; text-indent: -9999; } /* Previous next */ p.prev-next { margin-top: 10px; font-size: 12px !important; color: #697a85; } p.prev-next a.next, p.prev-next a.previous { padding: 2px 5px; border: 1px solid #dae2e8; } p.prev-next a.next { margin-right: 10px; } p.prev-next a.next:hover, p.prev-next a.previous:hover { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; } p.prev-next span { padding: 2px 5px; border: 1px solid #dae2e8; } /* Pagination */ p.pagination { margin: 5px 0; font-size: 12px; line-height: 20px; color: #697a85; } /* p.pagination a { padding: 3px 5px 2px 5px; border: 1px solid #dae2e8; } */ p.pagination a:hover, .pagination a.current { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; } p.pagination .previous a, .pagination .next a { padding: 0; border: none; } p.pagination .previous a:hover, .pagination .next a:hover { border: none; background: none; color: #cb0000; } /* More Buttons */ p.more { margin: 5px 0; padding: 0 0 0 10px !important; list-style: none; width: 125px; background: url(http://media.ljworld.com/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(http://media.ljworld.com/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(http://media.ljworld.com/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(http://media.ljworld.com/images/icons/more-button-right.gif) no-repeat top right; color: #fff; } /* Link list */ .linklist { padding: 0; list-style: none; font-size: 12px; line-height: 16px; } .linklist li { margin-bottom: 5px; padding-left: 10px; background: url(../../worldonline_defaults/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(../../worldonline_defaults/images/icons/mini_filmstrip.gif) 0 2px no-repeat; } .linklist li.gallery { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_photo.gif) 0 2px no-repeat; } .linklist li.poll { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_graph.gif) 0 2px no-repeat; } .linklist li.audioclip { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_audio.gif) 0 2px no-repeat; } .linklist li.feed { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/feed_10x10.gif) no-repeat 0 50%; } .linklist li.document { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_document.gif) 0 2px no-repeat; } .linklist li.document-set { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_document_set.gif) 0 2px no-repeat; } .linklist li.videoset { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_filmstrip_set.gif) 0 2px no-repeat; } .linklist li.manonthestreet { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_on-the-street.gif) 0 2px no-repeat; } .linklist li.chat { padding-left: 15px; background: url(../../worldonline_defaults/images/icons/mini_chat.gif) 0 2px no-repeat; } /* HEADING SYSTEM -------------------------------------------------------------------------------- */ /* Section heading */ #heading h2 { padding: 0; font-size: 25px; line-height: 30px; 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 .subheader a, #heading p a { color: #4e9bda; } /* Small section heading */ body.detail #heading h2, #heading-sm h2 { padding: 0; font-size: 17px; line-height: 21px; font-weight: normal; color: #697a85; } body.detail #heading h2 a, #heading-sm h2 a { color: #697a85; } /* Story heading */ #story-heading { padding-bottom: 10px; border-bottom: 1px solid #dae2e8; } #story-heading .header { padding-bottom: 0; font-weight: bold; line-height: 30px; color: #272d31; } #story-heading .header .date { font-size: 13px; font-weight: normal; color: #92a2ad; } #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: #125a95; } #story-heading .photo .caption { margin: 0; } body.gallery-detail #story-heading { margin-bottom:10px;} /* TOOLBAR -------------------------------------------------------------------------------- */ #toolbar p { margin: 0; font-size: 13px; line-height: 23px; color: #97c9f2; } #toolbar p a { color: #97c9f2; } #toolbar p a:hover { color: #fff; } #toolbar_user .subscribe { color: #c7e5fc; margin-right: 5px; } #toolbar_weather p { font-size: 20px; line-height: 34px; font-weight: bold; white-space: nowrap; } #toolbar_weather p a { color: #fff; } #toolbar_weather p a:hover { color: #fff; text-decoration: none; } #toolbar_weather p .conditions { font-size: 11px; } #toolbar_weather p.forecast { position: absolute; top: 38px; left: 140px; font-size: 11px; line-height: 12px; font-weight: normal; } #toolbar_weather p.forecast a { padding-right: 10px; color: #bac6cf; } #toolbar_weather p.forecast a:hover { color: #cb0000; } #toolbar_search p { font-size: 13px; } #toolbar_search input { font-size: 12px; color: #272d31; } /* HEADER -------------------------------------------------------------------------------- */ #header h1 { position: absolute; top: 18px; margin: 0; padding: 0; font-size: 1px; } #header h1 a { display: block; width: 270px; height: 46px; background: url(../images/ljworld_logo.png) no-repeat; overflow: hidden; } #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 .chat a.thumb {float:right; margin:0 0 7px 7px;} .rail .chat h5 { padding-top:0;} .rail #polls_preview p { overflow: auto; padding-top: 2px; } .rail .post_edit_tools li, .rail .post_repost li { padding-left: 0; background: none; } /* FOOTER -------------------------------------------------------------------------------- */ #footer dl { font-size: 12px; line-height: 22px; } #footer dl dt { float: left; width: 100px; font-weight: bold; color: #445057; clear: left; } #footer dl dd { color: #445057; float:none; width:auto; } #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 .print_headline { margin: 7px 0; line-height: 14px; font-family: Georgia; font-style: italic; } 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 -------------------------------------------------------------------------------- */ #section-blurb p { color:#697a85; } .inline_nav ul.tabs li { margin-right: 10px; margin-left: 5px; } .inline_nav { border: 1px solid #dae2e8; border-bottom: 1px solid #dae2e8; ; 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 #dae2e8; 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 .preheader, div.lead_has_photo .header, div.lead_has_photo .tease { width: 230px; float: right; clear: none; clear: right; margin-left: 0; } div.featured-stories {border-bottom: 1px solid #dae2e8; margin-bottom: 9px; } div.featured-stories dl {clear:left; margin-bottom:14px;} div.featured-stories dd.photo {float:left; padding-top:5px; } div.featured-stories dl.has_photo dt.header, div.featured-stories dl.has_photo dd.subheader, div.featured-stories dl.has_photo dd.byline { margin-left:120px;} /* E-mail edition block */ div.emailedition { background-color:#EBEFF2; border-bottom:10px solid #fff; margin:0pt 0pt 0pt -10px; padding:7px 10px; } div.emailedition h6 {margin: 0 0 5px 0; padding: 0;} div.emailedition p {margin: 0; padding: 0;} /* BREAKING NEWS -------------------------------------------------------------------------------- */ #breaking_news { margin: -10px auto 10px auto; padding: 7px 0 9px 150px; width: 810px; background: #272d31 url(http://media.ljworld.com/images/breaking-bg.gif) no-repeat; -webkit-border-radius: 4px; } #breaking_news h1 { display: none; } #breaking_news p { margin: 0; font-size: 14px; line-height: 16px; font-weight: bold; color: #fff; } #breaking_news p a { font-weight: bold; color: #fff; } #breaking_news p .time { margin-left: 10px; font-size: 12px; color: #92a2ad; } #breaking_news p .updated { color: #92a2ad; } /* BREAKING NEWS -------------------------------------------------------------------------------- */ #live_election_bar:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #live_election_bar { /* IE fix */ zoom: 1; } #live_election_bar { margin: 10px auto 10px auto; padding: 0px 15px 0px 0px; width: 946px; background: #272d31 url("../images/elections/election-background.gif") no-repeat 0 50%; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #live_election_bar h1 { float:left; font-size: 16px; line-height: 16px; font-weight: bold; padding:7px 12px; margin-right:15px; background:#ffc900; border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; } #live_election_bar p { margin: 0; font-size: 14px; line-height: 16px; font-weight: bold; color: #92a2ad; padding-top:6px; } #live_election_bar p a { font-weight: bold; color: #fff; } #live_election_bar p .time { margin-left: 10px; font-size: 12px; color: #92a2ad; } #live_election_bar p .updated { color: #92a2ad; } /* 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; } /* Recommended -------------------------------------------------------------------------------- */ .recommended { margin: 0px 0 30px 0; padding-top:0; border-top:none; } .recommended a { } /* Email Preferences -------------------------------------------------------------------------------- */