/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.11.3 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /* MEDIPHORMEDIA CSS FRAMEWORK This layout framework establishes a columnar grid of 50px wide units with 10px gutters. By default, it creates a 950px wide grid of 16 units, but it can be used at narrower widths by overiding the width property for the 'block' class. To determine the correct block width (in pixels), use this formula: ( number of columns * 60 ) - 10 The grid is made up of "blocks" and "units." Blocks create horizontal breaks in the layout, often called "hanging lines." Blocks encapsulate units, which can be grouped into "spans" of two to sixteen. Wrapper divs are optional, but they can be used the create horizontal bands across the entire page, even when blocks are centered within them. -------------------------------------------------------------------------------- */ /* WRAPPERS Wrappers are not used by default, but this commented example is included to show how they can be used. -------------------------------------------------------------------------------- */ .wrapper { /* background-color: #ff8800; */ } /* BLOCKS (hanging lines or rows) Use .container to wrap units which have nested units. -------------------------------------------------------------------------------- */ .block { position: relative; width: 950px; /* Override this value for narrorwer layouts. Use ( x * 60 ) -10, where x is the number of column you want. */ margin: 0 auto; /* Layouts are typically centered horizontially, but this can be overriden for flush-left. */ } .clear:after, .container:after, .block:after { content: "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; } .clear, .container, .block { zoom: 1; /* IE fix */ } /* UNITS (columns) -------------------------------------------------------------------------------- */ .unit { float: left; margin-left: 5px; margin-right: 5px; } /* The first and last units or spans in a block do not have margins. The :first-child and :last-child syntax would be nice here, but it doesn't work in IE6 and seems to cause weirdness in Safari, even though Safari technically "supports" :first-child and :last child. Thus, you need to add "first" and "last" classes to your end cap units in each block. An exception is made for .span-16, as it is always both the first and last unit in a block. */ .first { margin-left: 0 } .last { margin-right: 0 } /* .span classes provide elements pre-sized to occupy the width of two or more columns */ .span-1 { width: 50px; } .span-2 { width: 110px; } .span-3 { width: 170px; } .span-4 { width: 230px; } .span-5 { width: 290px; } .span-6 { width: 350px; } .span-7 { width: 410px; } .span-8 { width: 470px; } .span-9 { width: 530px; } .span-10 { width: 590px; } .span-11 { width: 650px; } .span-12 { width: 710px; } .span-13 { width: 770px; } .span-14 { width: 830px; } .span-15 { width: 890px; } .span-16 { width: 950px; margin-left: 0; /* We special-case .span16 with no margins, since it is, by nature always both the first and last span in a block. */ margin-right: 0; } /* .append and .prepend classes allow for "empty columns" by providing padding on a span or unit. */ .append-1 { padding-right: 60px; } .append-2 { padding-right: 120px; } .append-3 { padding-right: 180px; } .append-4 { padding-right: 240px; } .append-5 { padding-right: 300px; } .append-6 { padding-right: 360px; } .append-7 { padding-right: 420px; } .append-8 { padding-right: 480px; } .append-9 { padding-right: 540px; } .append-10 { padding-right: 600px; } .append-11 { padding-right: 660px; } .append-12 { padding-right: 720px; } .append-13 { padding-right: 780px; } .append-14 { padding-right: 840px; } .append-15 { padding-right: 900px; } .append-16 { padding-right: 940px; } .prepend-1 { padding-left: 60px; } .prepend-2 { padding-left: 120px; } .prepend-3 { padding-left: 180px; } .prepend-4 { padding-left: 240px; } .prepend-5 { padding-left: 300px; } .prepend-6 { padding-left: 360px; } .prepend-7 { padding-left: 420px; } .prepend-8 { padding-left: 480px; } .prepend-9 { padding-left: 540px; } .prepend-10 { padding-left: 600px; } .prepend-11 { padding-left: 660px; } .prepend-12 { padding-left: 720px; } .prepend-13 { padding-left: 780px; } .prepend-14 { padding-left: 840px; } .prepend-15 { padding-left: 900px; } .prepend-16 { padding-left: 940px; } /* JOURNAL-WORLD CSS FRAMEWORK This stylesheet exists to provide simple, sane defaults for clean, elegant tpography. It is not created with the expectation that it will be used as-is very oten, but rather to establish a "jumping-off" point for designers. It aims to establish solid vertical rythym, comfortable leading, and other basics of readability. The baseline grid established is 18px tall. All line-heights and margins are set in mutiples of this value (albeit sometimes in ems, rather than pixels, which helps to maintain the baseline grid, even when text has been resized in a designer's stylesheet or the user's browser). Some pieces of the Typography portion of this framework (such as sidenotes) assume they are being used within the context of the 50px grid established by the Grid Layout component. -------------------------------------------------------------------------------- */ /* DEFAULT STYLES FOR (X)HTML ELEMENTS -------------------------------------------------------------------------------- */ body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #222; } a { color: blue; text-decoration: none; outline:none; } a:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6 { margin: 0; font-weight: bold; } /* .unit h1:first-child, .unit h2:first-child, .unit h3:first-child, .unit h4:first-child, .unit h5:first-child, .unit h6:first-child { margin-top: 0 !important; } */ h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; } h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; } h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; } h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; } h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; } h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; } p { margin: 0 0 18px 0; } ul, ol { margin-top: 18px; margin-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: disc; } ol { list-style-type: decimal; } dl { margin-top: 18px; margin-bottom: 18px; } dl dt { font-weight: bold; } blockquote { margin-top: 18px; margin-bottom: 18px; padding-left: 17px; border-left: 1px solid #666; font-style: italic; } /* blockquote * { color: #666; } */ strong { font-weight: bold; } em { font-style: italic; } /* DEFAULT STYLES FOR COMMON CLASSES -------------------------------------------------------------------------------- */ .small { font-size: 10px; line-height: 18px; } .large { font-size: 14px; line-height: 18px; } .quiet { color: #666; } /* EXTRA DEFAULT STYLES FOR COMMON TYPOGRAPHIC IDIOMS -------------------------------------------------------------------------------- */ .footnotes { border-top: 1px solid #666; margin-top: -1px; color: #666; font-size: 10px; } /* BUG: This currenty relies on daisy-chained class selectors, which IE doesnt support. Need to find another way. */ .sidenote.right { float: right; } .sidenote.right.span1 { margin-right: -60px; } .sidenote.right.span2 { margin-right: -120px; } .sidenote.right.span3 { margin-right: -180px; } .sidenote.right.span4 { margin-right: -240px; } .sidenote.left { float: left; } .sidenote.left.span1 { margin-left: -60px; } .sidenote.left.span2 { margin-left: -120px; } .sidenote.left.span3 { margin-left: -180px; } .sidenote.left.span4 { margin-left: -240px; } /* * 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; 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('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; } .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('http://media.ljworld.com/static/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('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_filmstrip.gif') 0 2px no-repeat; } .linklist li.gallery { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_photo.gif') 0 2px no-repeat; } .linklist li.poll { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_graph.gif') 0 2px no-repeat; } .linklist li.audioclip { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_audio.gif') 0 2px no-repeat; } .linklist li.feed { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/feed_10x10.gif') no-repeat 0 50%; } .linklist li.document { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_document.gif') 0 2px no-repeat; } .linklist li.document-set { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_document_set.gif') 0 2px no-repeat; } .linklist li.videoset { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_filmstrip_set.gif') 0 2px no-repeat; } .linklist li.manonthestreet { padding-left: 15px; background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/mini_on-the-street.gif') 0 2px no-repeat; } .linklist li.chat { padding-left: 15px; background: url('http://media.ljworld.com/static/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_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: 14px; margin: 0; padding: 0; font-size: 1px; } #header h1 a { display: block; padding-top: 50px; width: 270px; height: 0; background: url('http://media.ljworld.com/images/headers/ljworld.com_tm.gif') 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 ul li { padding-left: 10px; background: url('http://media.ljworld.com/images/arrows/raw-arrow-right.gif') no-repeat 0 5px; color: #445057; } .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; } /* 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; } #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('http://media.ljworld.com/static/ljworld.com/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; } /* TABS -------------------------------------------------------------------------------- */ ul.tabs { margin: 0; padding: 0; font-size: 13px; } ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; } ul.tabs li a { float: left; display: block; } ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.tabs { zoom: 1; } /* IE */ /* TAB WIDGET -------------------------------------------------------------------------------- */ .tab-widget .tabs { margin: 0 0 10px 0; background: url('http://media.ljworld.com/images/rules/horizontal-rule.gif') bottom left repeat-x; } .tab-widget .tabs li { margin: 0 2px 0 0; background: url('http://media.ljworld.com/images/nav/tab-left.gif') no-repeat; } .tab-widget .tabs li a { padding: 3px 11px; background: url('http://media.ljworld.com/images/nav/tab-right.gif') no-repeat top right; border-bottom: 1px solid #dae2e8; font-weight: bold; color: #92a2ad; } .tab-widget .tabs li a:hover { color: #697a85; text-decoration: none; } .tab-widget .tabs li:hover { background: url('http://media.ljworld.com/images/nav/tab-left-hover.gif') no-repeat; } .tab-widget .tabs li:hover a { background: url('http://media.ljworld.com/images/nav/tab-right-hover.gif') no-repeat top right; } .tab-widget .tabs li.active { background: url('http://media.ljworld.com/images/nav/tab-left-on.gif') no-repeat; } .tab-widget .tabs li.active a { background: url('http://media.ljworld.com/images/nav/tab-right-on.gif') no-repeat top right; color: #697a85; border-color: #fff; } .tab-widget .tabs li.disabled a { color: #92a2ad; } /* Upload button */ p.upload { margin: 5px 0 18px 0; padding: 0 0 0 20px !important; list-style: none; width: 180px; background: url('http://media.ljworld.com/images/icons/upload-button.gif') no-repeat top left; font-family: arial, sans-serif; font-size: 11px !important; line-height: 18px !important; } p.upload a { display: block; padding: 0px 0 4px 0; margin-right:-5px; background: url('http://media.ljworld.com/images/icons/upload-button.gif') no-repeat top right; color: #fff; } /* MENU -------------------------------------------------------------------------------- */ .menu { position: relative; float: left; width: 20px; height: 20px; z-index: 999; } .menu a.menu-button, .menu a.menu-button-on { display: block; padding-top: 20px; width: 19px; height: 0; background: url('http://media.ljworld.com/images/arrows/menu.gif') no-repeat; overflow: hidden; } .menu a.menu-button:hover { background-color: #125a95; -webkit-border-radius: 4px; } .menu a.menu-button-on { background: #697a85; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } .menu .off { display: none; } .menu .on, .menu .on-reverse { position: absolute; top: 20px; left: 0; width: 160px; background: #697a85; -webkit-border-radius: 4px; } .menu .on { -webkit-border-top-left-radius: 0; } .menu .on-reverse { left: -141px; -webkit-border-top-right-radius: 0; } .menu .on a, .menu .on-reverse a { display: block; padding: 0 8px; font-weight: bold; color: #fff; } .menu .on a:hover, .menu .on-reverse a:hover { background: #445057; text-decoration: none; cursor: pointer; } .menu ul { list-style: none; padding: 9px 0; margin: 0; font-size: 12px; } .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .menu { zoom: 1; } /* IE */ /* Custom */ #toolbar .menu a.menu-button { margin-top: 2px; padding-top: 20px; width: 19px; height: 0; background: url('http://media.ljworld.com/images/arrows/menu.gif') no-repeat; } #toolbar .menu a.menu-button:hover { background-color: #125a95; -webkit-border-radius: 4px; } #toolbar .menu a.menu-button-on { padding-top: 20px; width: 19px; height: 0; background: #697a85 url('http://media.ljworld.com/images/arrows/menu.gif') 0 -20px no-repeat; } #header .menu { position: absolute; top: 40px; right: 0; } #header .menu a.menu-button, #header .menu a.menu-button-on { padding-top: 21px; width: 21px; height: 0; background: url('http://media.ljworld.com/images/arrows/arrow-down.gif') no-repeat; } /* AUDIO PLAYER -------------------------------------------------------------------------------- */ .audioplayer { margin-bottom: 10px; } .audioplayer p { margin-bottom: 0; font-size: 11px; line-height: 15px; } .audioplayer-feed { margin-top: -5px; margin-right: 0 !important; padding-left: 18px; padding-bottom: 3px; background: url('http://media.ljworld.com/images/icons/feed.gif') no-repeat 0 3px; border-bottom: 1px solid #dae2e8; font-size: 11px !important; } .audioplayer-feed a { color: #445057; } ul.playlist { list-style: none; padding-left: 3px; font-size: 12px; line-height: 15px; } ul.playlist li { margin: 5px 0; padding: 0; background: none; } ul.playlist li a { color: #4e9bda; } ul.playlist li a.active { color: #125a95; font-weight: bold; } /* PREVIOUS NEXT Navigation element used for stepping through a photo gallery. -------------------------------------------------------------------------------- */ div.previous-next { margin-top: 5px; margin-bottom: 5px; } div.previous-next div.previous, div.previous-next div.next { float: left; } div.previous-next p { font-size: 11px; line-height: 15px; color: #697a85; clear: both; } div.previous-next div.previous p { text-align: left; } div.previous-next div.next p { text-align: right; } div.previous-next div.previous a, div.previous-next div.next a { display: block; float: left; } div.previous-next div.previous a img, div.previous-next div.next a img { float: left; display: block; padding: 5px; background: #fff; border: 1px solid #bac6cf; } div.previous-next div.previous a:hover img, div.previous-next div.next a:hover img { background: #dae2e8; } div.previous-next div p.empty { margin: 0; padding: 30px 10px 0 10px; width: 85px; height: 75px; background: #dae2e8; border: 1px solid #bac6cf; text-align: center; } div.previous-next div.previous { margin-right: 10px; } div.previous-next:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */ div.previous-next { zoom: 1; } /* IE fix */ /* VIDEO LIST -------------------------------------------------------------------------------- */ .list .video { width: 202px; } .footer-ad { margin-right: 20px; padding: 5px; background: #ebeff2; text-align: center; clear:both; } .footer-ad p { margin: 0; line-height: 11px; color: #697a85; text-align: center; letter-spacing: 1px; } .footer-ad p small { font-size: 10px; text-transform: uppercase; } .rail-ad { margin-top: 10px; padding: 5px; width: 160px; background: #ebeff2; } .rail-ad p { margin: 0; padding-bottom: 5px; line-height: 11px; color: #697a85; text-align: center; letter-spacing: 1px; } .rail-ad p small { font-size: 10px; text-transform: uppercase; } input, select, textarea { margin: 0; padding: 2px; border: 1px solid #ccc; background: #fff url('http://media.ljworld.com/images/field_shadow.gif') repeat-x; outline: none; } input.disabled, select.disabled, textarea.disabled { border-color: #eee; } input:focus, textarea:focus { background: #fff; } input.button { float: left; display: block; margin: -2px 5px 0 0; padding: 0; background: none; border: none; } input[type=submit] { padding: 5px 15px; width: auto; background: #fff url('http://media.ljworld.com/images/button_bg.gif') repeat-x left bottom; border: 1px solid #ccc; font: bold 13px/14px 'Helvetica Neue', Arial, sans-serif; color: #777; -webkit-border-radius: 13px; cursor: pointer; } input[type=submit]:hover { background: #125a95; border-color: #125a95; color: #fff; } input[type=submit][disabled=true] { background: #ccc; border-color: #ccc; color: #777; cursor: default; } fieldset { margin: 0 0 18px 0; } fieldset.highlight { padding: 10px 10px 10px 0; background: #ebeff2; } fieldset .legend { margin-bottom: 9px; border-bottom: 1px solid #dae2e8; font-weight: normal; color: #697a85; } fieldset h4.error { padding-top: 0; padding-bottom: 9px; color: #cc0000; } fieldset p { margin: 0; padding: 9px 0; font-size: 13px; color: #697a85; overflow: hidden; } fieldset p label { display: block; float: left; padding-right: 10px; width: 100px; text-align: right; } fieldset p em.error { float: left; display: block; margin-left: 110px; font-size: 12px; color: #cc0000; } fieldset.highlight input, fieldset.highlight textarea { background: #fff; } fieldset p span { float: left; display: block; background-color: #fff; } fieldset p select { width: 200px; } fieldset p span.error { border: 2px solid #CC0000; } fieldset p span.help { float: left; padding: 2px 0 0 5px; } fieldset p span input, fieldset p span textarea { width: 300px; } fieldset p span textarea { height: 100px; } fieldset.stack p label { float: none; width: auto; text-align: left; clear: both; } fieldset.stack p span { float: none; } fieldset.stack p span.tall textarea { width: 98%; height: 200px; } .required label { font-weight: bold; } .h1 input, .h1 select { font-size: 22px; line-height: 24px; font-weight: bold; } .h2 input, .h2 select { font-size: 18px; line-height: 21px; font-weight: bold; } .h3 input, .h3 select { font-size: 16px; line-height: 18px; font-weight: bold; } .h4 input, .h4 select { font-size: 14px; line-height: 18px; font-weight: bold; } .h5 input, .h5 select { font-size: 12px; line-height: 18px; font-weight: bold; } .h6 input, .h6 select { font-size: 10px; line-height: 18px; font-weight: bold; } .state input { width: 40px; } .date input { width: 100px; font-size: 14px; font-weight: bold; } .time input { width: 50px; font-size: 14px; font-weight: bold; } .time select { margin-right: 5px; width: auto; } .help { font-family: georgia, times, serif; } .required { font-weight: bold; } .submit { padding: 3px 0; padding-left: 108px; } fieldset.stack .submit { padding-left: 0; } fieldset p.desc textarea { width: 98%; height: 200px; } fieldset.attributes label { width: 200px; } fieldset.attributes p { padding: 3px 0; } fieldset.attributes select { width: 85px; } span.checkboxes { float: left; } span.checkboxes ul { list-style: none; padding: 0; margin-top: 0; } span.checkboxes ul li label { float: none; width: auto; text-align: left; } span.checkboxes ul li label input { width: auto; } span.checkbox input { width: auto; } table.hours { width: 100%; } table.hours th { font-weight: bold; color: #697a85; } table.hours td { padding: 3px 0; } table.hours .day { padding-right: 10px; text-align: right; font-size: 14px; color: #697a85; } table.hours .open input { width: 80px; } table.hours .close input { width: 80px; } /* Search page */ #basic_search p { padding: 20px 0 0 0; } body.search input.q, body.search #id_query { float: left; margin-right: 10px; width: 300px; font-size: 18px; font-weight: bold; } body.search input.button { margin: 3px 5px 0 0; } #advanced_criteria { margin: 0; } #advanced_criteria h4 { padding-bottom: 3px; border-bottom: 1px solid #dae2e8; font-size: 14px; font-weight: normal; color: #697a85; } #advanced_criteria .date-range { margin-bottom: 10px; margin-right: 0; padding-left: 10px; background: #ebeff2; font-size: 12px; } #advanced_criteria .date-range input { background: #fff; } #advanced_criteria ul { list-style: none; font-size: 13px; } #advanced_criteria ul li { margin: 2px 0; } #advanced_choices { border-bottom: 1px solid #dae2e8; } #advanced_choices .author { padding-left: 20px; width: 100%; clear: both; } #advanced_choices .author input { float: none; display: inline; } #advanced_choices .models:after { content:"."; display:block; height:0; clear:both; visibility:hidden; margin-bottom:20px; } /* Clear fix */ #advanced_choices .models { zoom:1; } /* IE */ #advanced_criteria .models ul li { display:block; float:left; width:150px; } /* I would prefer to do this in the template with a filter, but form fields are not currently iterable. */ #advanced_criteria .models ul li label { text-transform: capitalize; } /* GENERIC STYLES FOR FORMS --------------------------------------------------------------------------- */ .content .form { margin: 0 auto; margin-bottom: 10px; padding: 10px; background: #f5f5f5; border: solid 1px #ccc; -moz-border-radius: 6px; border-radius: 6px; } form .suggestion { position: relative; margin-bottom: 10px; } form .suggestion .tip { font-size: 13px; } form .suggestion .form_controls { position: absolute; top: 5px; right: 5px; } form ul.form { margin: 0; padding: 0; list-style: none; } form ul.form:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } form ul.form { /* IE fix */ zoom: 1; } ul.form li { margin: 0 0 20px 0; } ul.form label { padding: 0 2px; font-size: 13px; text-shadow: #fff 0 1px 1px; color: #333; } ul.form .required label { font-weight: bold; } ul.form .help_text { display: block; padding: 5px; font-size: 12px; font-style: italic; color: #777; } ul.form input, ul.form textarea { width: 98%; margin: 0; } ul.form .big_field input { font-family: "Helvetica Neue"; font-size: 18px; font-weight: bold; color: #444; } .form .has_errors { padding: 10px; background: #fff; border: solid 3px rgba(218,51,0,1); -webkit-border-radius: 4px; } .form .expand-link { font-size: 12px; font-weight: bold; } .form .wmd-button-bar { background: #fff; } .form .wmd-preview { border-color: #ccc; } #non_field_errors .errorlist { margin-bottom: 20px; padding: 0 20px; } #non_field_errors .errorlist li { font-size: 16px; } .errorlist { margin: 0 0 5px 0; padding: 0; list-style: none; } .errorlist li { margin: 0; font-size: 12px; font-weight: bold; color: rgba(218,51,0,1); } .attachment-wrapper { margin-top: -5px; padding: 5px 0; background: #fff; border: solid 1px #ccc; border-top: none; } .attachment-wrapper:after, .attachment-wrapper ul:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .attachment-wrapper, .attachment-wrapper ul { /* IE fix */ zoom: 1; } ul.form .attachment-wrapper li { float: left; margin: 0; } .attachment-wrapper ul { padding: 0 10px; list-style: none; } .attachment-wrapper .errorlist { margin: 0; padding: 5px 0 0 0; } .attachment-wrapper .errorlist li { float: none; } .attachment-wrapper .form { margin-bottom: 0; } .attachment-wrapper li { padding-right: 10px; font-size: 12px; } .attachment-wrapper .attachment-options li a { font-weight: bold; } .attachment-wrapper .help_text { margin-top: 5px; margin-bottom: 0; } .attachment-wrapper div { padding: 10px; } .attachment-wrapper .post-instructions { margin-bottom: 10px; padding: 0; } .attachment-wrapper .post-instructions h4 { margin: 0; padding: 0; font-size: 14px; } .attachment-wrapper .post-instructions em { color: #777; } .attachment-wrapper .post-instructions ol { margin-bottom: 10px; } .attachment-wrapper .post-instructions ol li { float: none; } .attachment-wrapper .post-instructions .screenshot { margin-bottom: 7px; border: solid 1px #ccc; } .attachment-wrapper div h5, div.attachment-wrapper div.form-container h3 { margin: 0 0 5px 0; padding: 0 5px; font-size: 14px; line-height: 16px; text-transform: none; color: #333; } div.form-container { position: relative; } div.form-container .form li { float: none; margin-bottom: 10px; } div.form-container .form li:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.form-container .form li { /* IE fix */ zoom: 1; } div.form-container .form label, div.form-container .form input { float: left; padding: 4px; font-size: 14px; line-height: 19px; } div.form-container .form label { width: 150px; } div.form-container .form input, .form #attach_link { width: 300px; } div.form-container .form .formrow_caption textarea { height: 50px; } /* MESSAGE (from ellington_defaults/stylesheets/core.css) */ .message { margin: 20px 0; padding: 10px; background: #eefdc5; border: 1px solid #cfec7e; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .message p { margin-bottom: 5px; padding-bottom: 5px; font-size: 13px; line-height: 18px; border-bottom: 1px solid #cfec7e; color: #6a7941; } .message p.last { margin-bottom: 0; padding-bottom: 0; border: none; } /* COMMENTS APP (from ellington_defaults/stylesheets/apps.css) ------------------------------------------------------------------ */ #comments { padding-top: 10px; border-top: 1px solid #eee; clear: both; } #comments .header { margin-bottom: 5px; } #comments .no_comments { color: #555; } .comment_list .comment { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .comment_list .last_comment { border: none; } .comment .avatar { position: relative; float: left; margin-right: 20px; width: 48px; height: 48px; } .comment .avatar a.avatar_link { position: absolute; top: 0; left: 0; display: block; z-index: 9; } .comment .avatar img { display: block; width: 48px; height: 48px; background: #ddd; } .comment .avatar_hover { position: absolute; top: -5px; left: -5px; width: 78px; height: 58px; background: #aeaeae url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_bg.gif') repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .comment .avatar_hover a { position: absolute; top: 5px; left: 54px; width: 19px; height: 48px; background: url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_down.gif') center center no-repeat; overflow: hidden; text-indent: -100px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-topright-radius: 2px; -moz-border-bottomright-radius: 2px; } .comment .avatar_hover a:hover { background-image: url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_down_hover.gif'); } .comment .active .avatar_hover a { background-image: url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_up.gif'); } .comment .active .avatar_hover a:hover { background-image: url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_up_hover.gif'); } .comment .avatar_dropdown { position: absolute; top: 49px; left: -5px; padding: 10px 5px; width: 160px; background: #aeaeae url('http://media.ljworld.com/static/ljworld.com/images/avatars/avatar_dropdown_top.gif') left top no-repeat; z-index: 99; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-top-left-radius: 0; } .comment .avatar_dropdown ul { list-style: none; margin: 0; padding: 0; } .comment .avatar_dropdown ul a { display: block; padding: 2px 10px; font-size: 12px; line-height: 18px; font-weight: bold; color: #333; -webkit-border-radius: 11px; -moz-border-radius: 11px; } .comment .avatar_dropdown ul a:hover { background: #175e99; text-decoration: none; color: #fff; } .comment .avatar_dropdown ul li.last a { border-bottom: none; } .comment .relationship { background: #fffecc; } .comment .comment_text { margin-left: 68px; } .comment h4 { margin-bottom: 5px; padding: 0; border: none; font-size: 14px; line-height: 20px; font-weight: bold; } .comment p { margin-bottom: 15px; } .comment p.actions { margin: -10px 0 0 0; font-size: 12px; color: #999; } .comment .on { margin-top: -10px; margin-bottom: 15px; font-size: 14px; line-height: 22px; } .sans_avatar .comment_text { margin-left: 0; } .comment_form { padding-top: 10px; border-top: 1px solid #eee; } .comment_form p { overflow: hidden; font-size: 13px; color: #555; } .comment_form p textarea { width: 520px; } .comment_form p.avatar { float: left; margin: 0 20px 0 0; } .comment_form .preview { margin-left: 66px; } .comments_preview .post { margin-left: 68px; } #comments .login_form, #comments .signup_form { margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #eee; } #comments .login_form h3, #comments .signup_form h3 { margin-bottom: 5px; } #comments .login_form p { margin-bottom: 5px; } #comments .login_form p label, #comments .signup_form p label { float: left; width: 90px; line-height: 30px; } #comments .login_form p.submit { margin-left: 90px; } /* Required modifications to default comments styles above. ------------------------------------------------------------------ */ /* We must correct the paths to the background images. */ .comment .avatar_hover { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_bg.gif'); } .comment .avatar_hover a { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_down.gif'); } .comment .avatar_hover a:hover { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_down_hover.gif'); } .comment .active .avatar_hover a { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_up.gif'); } .comment .active .avatar_hover a:hover { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_up_hover.gif'); } .comment .avatar_dropdown { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/avatars/avatar_dropdown_top.gif'); } /* LJWorld customizations. In a perfect world, this is where the LJ comments stylesheet would actually begin. ------------------------------------------------------------------ */ /* Our little disclaimer. */ #comments p.quiet { font-style: italic; } /* This works with our little disclaimer above. */ .comment_list { margin-top: 10px; border-top: 1px solid #eee; padding-top: 15px; } .login_form p, .signup_form .button { clear: both; } #comment_form p.submit { padding-left: 0; } #comment_form .submit_row { list-style: none; padding-top: 2px; } .comment_text a { color: #125a95; } .comment_list h4 { margin-bottom: 5px; font-size: 16px; color: #333; } .comment h4 small { font-size: 16px; font-weight: normal; } .comment .actions { text-align: left; } .comment .actions a { padding-left: 0; } .comment a.replylink, .comment a.loginlink { padding-left: 15px;} /* Remove the social link in the avatar dropdown. */ .avatar_dropdown ul li:first-child { display: none; } .comment_form .post, .comment_form .preview { padding-top: 2px; } /* User comment list */ .content_title .avatar { float: left; margin-right: 30px; } .user_comments .comment .comment_text { margin-left: 0; } /* Inter-comment ad */ .comment_list .comment_list_ad { width: auto; } /* * 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 */ .inline { margin-bottom: 9px; padding: 10px; width: 160px; } .rail .inline { width: 230px;} .inline-left { float: left; margin-right: 20px; clear: left; } .inline-right { float: right; margin-left: 20px; clear: right; } .inline-full { float: none; width: 620px; background: #dae2e8; clear: both; } .inline p { margin-right: 0; font-size: 12px; line-height: 18px; } .inline ul, .inline ol { margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 18px; } .inline ol { list-style: decimal; } .inline ul li, .inline ol li { margin: 9px 0; padding-left: 10px; background: none; } .inline ol li { margin-left: 20px; padding-left: 0; } .inline ul li { background: url('http://media.ljworld.com/images/arrows/raw-arrow-right.gif') 0 5px no-repeat; } p.photo-byline { margin: 0; padding-bottom: 6px; font-size: 11px; line-height: 12px; } p.caption { padding-top: 3px; font-size: 11px; line-height: 15px; } .inline h1, .inline h2, .inline h3, .inline h4, .inline h5 { padding-bottom: 0; font-size: 14px; line-height: 17px; color: #697a85; } .inline h6 { padding-bottom: 6px; } /* Ad Inlines -------------------------------------------------------------------------------- */ .story-inline-ad { padding: 0 10px 5px 10px; margin-top: 6px; margin-bottom: 18px; height: 410px; background: #ebeff2; text-align: center; } .story-inline-ad p { margin: 0; width: 99%; letter-spacing: 2px; text-transform: uppercase; color: #697a85; } .story-inline-ad p.advertisement { font-size: 10px; } #inline-story-ad { width: 300px; height: 268px; padding: 0; } #inline-story-ad p { width: 300px; margin: 0; padding: 0; } /* TEXT -------------------------------------------------------------------------------- */ .text-inline { background: #ebeff2; } .text-inline h1, .text-inline h2, .text-inline h3, .text-inline h4, .text-inline h5 { padding-bottom: 6px; } /* VIDEO -------------------------------------------------------------------------------- */ .inline-video { padding: 0; width: 180px; } .inline-videoset object, .inline-videoset embed .inline-video object, .inline-video embed { display:block;} .inline-video-large { width:480px; } .inline-video-medium { width:300px; } .inline-videoset { padding: 0; width: 180px; } .inline-videoset-medium { width:300px; margin-bottom:21px; } .inline-videoset-medium p.caption { margin-bottom:14px; } .inline-videoset .related-set h4 { font-size:13px; } .inline-videoset .related-set ul {list-style:none; padding:0; margin:0; height:250px; overflow:auto;} .inline-videoset .related-set li:after { content: "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; } .inline-videoset .related-set li { zoom: 1; /* IE fix */ } .inline-videoset .related-set li.video { background:#ebeff2; -webkit-border-radius:4px; margin:0; margin-bottom:5px; margin-right:5px; padding:5px; } .inline-videoset .related-set li img {float:left;} .inline-videoset .related-set li p {margin:0 0 0 50px; font-size:11px; line-height:16px; } .inline-videoset-medium .related-set { margin: 0; background:#ebeff2; padding:10px; -webkit-border-radius:4px;} .inline-videoset-medium .related-set ul { height:180px; } .inline-videoset-medium .related-set li p { margin:0 0 0 35px; line-height:20px; } .inline-videoset-medium .related-set li.video { background:#fff; } .inline-videoset-medium .related-set li.active { background-color: #6591b6; color:#fff; } .inline-videoset-medium .related-set li.active * { color:#fff; } /* DOCUMENT -------------------------------------------------------------------------------- */ .inline-document { padding: 0; width: 180px; } .inline-document img.thumbnail {float:left; margin:0 10px 10px 0;} .inline-documentset { padding: 0; width: 180px; } .inline-documentset img.thumbnail {float:left; margin:0 10px 10px 0;} .inline-documentset {position:relative;} .inline-documentset p.photo {margin:0;} .inline-documentset div.navlinks { position: absolute; top: 7px; left: 145px; height: 15px; color: #fff; } .inline-documentset div.navlinks a.prevLink { position: absolute; display: block; top: 0; left: 0; padding-top: 15px; width: 15px; height: 0; background: url('http://media.ljworld.com/images/arrows/hallow-arrow-left.gif') no-repeat; overflow: hidden; } .inline-documentset div.navlinks a.nextLink { position: absolute; display: block; top: 0; left: 20px; padding-top: 15px; width: 15px; height: 0; background: url('http://media.ljworld.com/images/arrows/hallow-arrow-right.gif') no-repeat; overflow: hidden; } /* RECURRING -------------------------------------------------------------------------------- */ /*.recurring-inline { padding: 0; width: 180px; }*/ /* Wide inlines -------------------------------------------------------------------------------- */ .inline-photo, .inline-movie, .inline-audioclips { padding: 0; width: 180px; } .inline-map { width: auto; } .inline-latlon-map { width: 180px; padding: 0; overflow: hidden; } /* GALLERY -------------------------------------------------------------------------------- */ .inline-gallery { position: relative; padding: 0; width: 180px; } .inline-gallery .photo { margin-bottom: 6px; } .inline-gallery div.navlinks { position: absolute; top: 7px; left: 145px; height: 15px; color: #fff; } .inline-gallery div.navlinks a.prevLink { position: absolute; display: block; top: 0; left: 0; padding-top: 15px; width: 15px; height: 0; background: url('http://media.ljworld.com/images/arrows/hallow-arrow-left.gif') no-repeat; overflow: hidden; } .inline-gallery div.navlinks a.nextLink { position: absolute; display: block; top: 0; left: 20px; padding-top: 15px; width: 15px; height: 0; background: url('http://media.ljworld.com/images/arrows/hallow-arrow-right.gif') no-repeat; overflow: hidden; } .rail .inline-gallery div.navlinks { left: 195px; } /* FEATURE -------------------------------------------------------------------------------- */ .inline_feature { padding: 0; padding-left: 0; width: 180px; } .inline_feature h1, .inline_feature h2, .inline_feature h3, .inline_feature h4, .inline_feature h5 { padding-bottom: 6px; } .inline-embedded { width:auto; padding:0; } /* FEATURE -------------------------------------------------------------------------------- */ .inline_embedded { margin-bottom: 9px; padding: 10px 10px 10px 0; width: 300px; } .inline_embedded .title { margin: 0 0 5px 0; padding: 0; } /* MULTIMEDIA STORY -------------------------------------------------------------------------------- */ .inline-mm_story { width: 180px; padding: 0; } .inline-mm_story h6 { padding-bottom: 2px; } .inline-mm_story .subheader { padding-top: 0; padding-bottom: 6px; font-size: 12px; font-weight: bold; } /* POLL -------------------------------------------------------------------------------- */ .inline-poll table th, .inline-poll table td { padding: 4px 5px; } .inline-poll table .table-foot { border-bottom: none; padding-top: 0; padding-bottom: 0; } .inline-poll table .table-foot .small { font-size: 10px; } .inline-poll .bar-wrapper { width: 25px; } /* Lead inlines -------------------------------------------------------------------------------- */ .lead-inline {margin:14px 0;} .lead-inline:after { content: "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; } .lead-inline { zoom: 1; /* IE fix */ } .lead-inline embed, .lead-inline object { display:block; } .lead-inline #video-player { margin-bottom:7px; background:#151515; } .lead-inline-videosets {position:relative;} .lead-inline-videosets #video-player { width:420px; } .lead-inline-videosets #video-playlist { width:210px; position:absolute; top:0; right:0; background:#dae2e8; padding:7px 0; -webkit-border-radius:4px; margin: 0;} .lead-inline-videosets #video-playlist .related-set { height:220px; padding:0 10px; overflow:auto;} .lead-inline-videosets #video-playlist h4 { font-size:13px; padding-top:0;} .lead-inline-videosets #video-playlist ul {list-style:none; padding:0; margin:0;} .lead-inline-videosets #video-playlist li:after { content: "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; } .lead-inline-videosets #video-playlist li { zoom: 1; /* IE fix */ } .lead-inline-videosets #video-playlist li.video { background:#fff; -webkit-border-radius:4px; margin-bottom:7px; margin-right:0px; padding:5px; } .lead-inline-videosets #video-playlist li.active { background-color: #6591b6; color:#fff; } .lead-inline-videosets #video-playlist li.active * { color:#fff; } .lead-inline-videosets #video-playlist li img {float:left;} .lead-inline-videosets #video-playlist li p {margin:0 0 0 55px; font-size:11px; line-height:16px;} /* Photo list */ div.list .photo { float: left; margin-right: 10px; width: 200px; height: 220px; background: url('http://media.ljworld.com/images/gallery-bg.gif') no-repeat; } div.list .photo a.thumb { float: none; margin: 0; padding-right: 10px; padding-bottom: 10px; border: none; background: none; } div.list .photo a.thumb img { float: none; } div.list .photo a.thumb:hover { background: none; } div.list .photo .header { padding-top: 3px; padding-bottom: 0; font-size: 12px; } div.list .photo .header a { color: #445057; } div.list .photo p { font-size: 12px; line-height: 16px; } /* Gallery shortcut */ div.list div.gallery-shortcut { clear: both; } div.list div.gallery-shortcut a.thumb { padding: 5px 10px 10px 5px; background: url('http://media.ljworld.com/images/gallery-thumb-bg.gif') no-repeat; border: none; } div.list div.gallery-shortcut a.thumb:hover { background: url('http://media.ljworld.com/images/gallery-thumb-bg.gif') no-repeat; } div.list div.gallery-shortcut .header { padding-top: 9px; margin-left:90px;} div.list div.gallery-shortcut .date { padding-top: 3px; margin-left:90px;} div.list div.gallery-shortcut .tease { padding-top: 3px; margin-left:90px;} /* Gallery Photo */ div.list div.gallery-photo .thumb { float: right; margin: 0 0 36px 20px; } div.list div.gallery-photo .caption { line-height: 18px; } div.list div.gallery-photo .photo-byline { margin-top: 10px; font-size: 11px; line-height: 15px; text-align: left; } /* Photo detail */ #photo-detail { margin-top: 10px; } #photo-detail .caption { margin-right: 20px; font-size: 14px !important; line-height: 21px !important; color: #272d31; } /* PHOTO GALLERIES Defines gallery list and slide show teases. -------------------------------------------------------------------------------- */ .slideshow-banner { margin: 20px 0 18px 0; padding: 9px 0; background: #272d31 url('http://media.ljworld.com/images/icons/play-dark.gif') no-repeat 10px 50%; } .slideshow-banner .play { padding: 0 0 3px 50px; } .slideshow-banner .play a { color: #fff; } .slideshow-banner p { margin: 0; padding-left: 50px; font-size: 12px; line-height: 16px; color: #92a2ad; } /* Social media sharing icons */ #share { border-top: 1px solid #dae2e8; padding: 1em; } #share p, #share ul, #share ul li { margin: 0; padding: 0; font-size: 1em; color: #697A85; } #share p { float: left; margin-left: 100px; position: relative; bottom: -3px; } #share ul { list-style: none; } #share li { float: left; } #share li img { padding: 0 5px 0 25px; border: 0; position: relative; bottom: -3px; } #share li a:hover { text-decoration: none; } /* * 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 { background: #bac6cf url('http://media.ljworld.com/images/bg.gif') repeat-y top center; } #header { background: url('http://media.ljworld.com/images/bg.gif') repeat-y top center; } #body { padding: 0 10px; background: url('http://media.ljworld.com/images/bg.gif') repeat-y top center; } */ #body { padding: 0 10px; } .block { width: 960px; } .hidden { display: none; } /* TOOLBAR -------------------------------------------------------------------------------- */ #toolbar { position: relative; padding: 3px 0; background: #2a6a9f; border-bottom: 2px solid #124b7a; z-index: 11; -webkit-text-size-adjust: none; } #toolbar .block { position: relative; margin: 0 auto; } #toolbar_user { float: left; width: 290px; } #toolbar_user p { float: left; margin: 0 5px 0 0; font-size: 12px; font-weight: bold; line-height: 23px; } #toolbar_user p #toolbar_date { padding-right: 7px; color: #c8dee8; } #toolbar_user p #toolbar_date time { padding-right: 7px; } #toolbar_weather { position: absolute; top: -7px; left: 290px; height: 60px; } #toolbar_weather .icon { float: left; display: block; margin-top: -20px; height: 80px; overflow: hidden; } #toolbar_search { float: right; } #toolbar_search p { float: left; margin: 0 5px 0 0; font-weight: bold; } #toolbar_search #search { margin-right: 5px; padding: 2px 5px; width: 120px; background: #749ec2; border: none; font-size: 13px; line-height: 17px; color: #fff; -webkit-border-radius: 10px; } #toolbar_search #search:focus { background: #fff; color: #333; outline: none; } /* TOP BANNER AD -------------------------------------------------------------------------------- */ .top-banner-ad-wrapper { background: #CCD7E4; } .top-banner-ad { height: 90px; width: 728px; margin: 0 auto; padding: 10px 0 15px 0; } /* HEADER -------------------------------------------------------------------------------- */ #header { padding: 0 10px; z-index: 5; -webkit-text-size-adjust: none; } #header .block { position: relative; margin: 0 auto 10px auto; padding-top: 38px; border-bottom: 1px solid #dae2e8; z-index: 10; } body.section #header .block { border: none; } /* Main navigation */ #header #nav { float: right; font-size: 13px; } #header #nav li a { padding: 3px 10px 4px 10px; font-weight: bold; } #nav-temp { position: relative; float: right; margin: 0 0 4px 0; list-style: none; font-size: 13px; line-height: 15px; font-weight: bold; z-index: 10; } #nav-temp li { position: relative; float: left; padding: 2px 0 3px 0; margin: 1px 0 0 8px; } #nav-temp li a { padding: 0; } #nav-temp li.on { border-left: 1px solid #dae2e8; border-top: 1px solid #dae2e8; border-right: 2px solid #bac6cf; } #nav-temp li span { display: block; float: left; color: #125A95; } #nav-temp li span img { margin-left: 2px; margin-bottom: -6px; width: 19px; height: 20px; -webkit-border-radius: 4px; } #nav-temp li span .menu-button img { background: url('http://media.ljworld.com/images/arrows/menu.gif') 0 0 no-repeat; } #nav-temp li span .menu-button:hover img { background-color: #4e9bda; } #nav-temp li span .menu-button-on img { background: #697a85 url('http://media.ljworld.com/images/arrows/menu.gif') 0 -20px no-repeat; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; } #nav-temp .dropdown { position: absolute; padding: 8px 0; top: 22px; right: 0; width: 150px; background: #697a85; font-size: 12px; line-height: 21px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; } #nav-temp .dropdown a { float: none; display: block; padding: 0 8px !important; color: #fff; } #nav-temp .dropdown a:hover { background: #445057; text-decoration: none; cursor: pointer; } #nav-temp .off { display: none; } #nav-temp li#health_nav { margin-right: -15px; } body.news #nav-temp li a.news, body.sports #nav-temp li a.sports, body.ae #nav-temp li a.ae, body.living #nav-temp li a.living, body.opinion #nav-temp li a.opinion, body.multimedia #nav-temp li a.multimedia { padding: 5px 15px 7px 15px; background-image: url('http://media.ljworld.com/images/nav_bottom_left.gif'), url('http://media.ljworld.com/images/nav_bottom_right.gif'), url('http://media.ljworld.com/images/nav_top_left.gif'), url('http://media.ljworld.com/images/nav_top_right.gif'); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-color: #92a2ad; color: #fff; } /* Active nav */ body.living #nav li.living, body.state_regional #nav li.state, body.politics #nav li.politics, body.today #nav li.today, body.lawrence #nav li.lawrence, body.weather #nav li.news, body.sports #nav li.sports, body.business #nav li.business, body.ae #nav li.ae, body.opinion #nav li.opinion, body.religion #nav li.faith, body.photos #nav li.photos, body.marketplace #nav li.marketplace, body.classifieds #nav li.classifieds { background: #dae2e8 url('http://media.ljworld.com/images/nav/left_on.gif') top left no-repeat; } body.living #nav li.living a, body.state_regional #nav li.state a, body.politics #nav li.politics a, body.today #nav li.today a, body.lawrence #nav li.lawrence a, body.weather #nav li.news a, body.sports #nav li.sports a, body.business #nav li.business a, body.ae #nav li.ae a, body.opinion #nav li.opinion a, body.religion #nav li.faith a, body.photos #nav li.photos a, body.marketplace #nav li.marketplace a, body.classifieds #nav li.classifieds a { color: #445057; background: url('http://media.ljworld.com/images/nav/right_on.gif') top right no-repeat; } /* Alt navigation */ #altnav { position: absolute; top: 18px; right: 0; } #altnav li a { padding: 0 10px; color: #92a2ad; } #altnav li a:hover { color: #cb0000; } /* Sub navigation */ #sub_navigation { float: right; margin-bottom: 10px; width: 960px; } #sub_navigation ul { float: right; margin: 0; padding: 5px 10px; width: 940px; background: #92a2ad; font-size: 13px; line-height: 17px; font-weight: bold; -webkit-border-radius: 4px; } #sub_navigation li a { padding: 2px 10px; color: #fff; -webkit-border-radius: 10px; } #sub_navigation li a:hover { background: #697a85; text-decoration: none; } #sub_navigation li.active a {} #sub_navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */ #sub_navigation { zoom: 1; } /* IE */ /* HEADING -------------------------------------------------------------------------------- */ #heading { margin: 0 auto 10px auto; padding: 0 0 10px 0; width: 960px; border-bottom: 1px solid #dae2e8; } #heading img { margin-bottom: 10px; } body.detail #heading, #heading-sm { display: none; margin: 0 auto 10px auto; padding: 2px 0; width: 960px; } /* PRIMARY AND SECONDARY -------------------------------------------------------------------------------- */ #primary { position: relative; z-index: 4; } #primary .block { position: relative; margin: 0 auto; border-bottom: 10px solid #fff; background: url('http://media.ljworld.com/images/rules/page-bg.gif') repeat-y; } #secondary { position: relative; z-index: 3; } #secondary .block { position: relative; margin: 0 auto; } /* Content and Rail */ .content { float: left; margin-right: 10px; width: 640px; } .rail { float: left; padding-left: 10px; width: 300px; background: url('http://media.ljworld.com/images/rules/vertical.gif') repeat-y; } .content .rail { float: right; margin: 0 0 20px 10px; border-left: solid 10px #fff; width: 230px; background: #fff url('http://media.ljworld.com/images/rules/vertical.gif') repeat-y; } .ad { margin-bottom: 28px; width: 300px; } .skyscraper { text-align: center; } .ad p { padding: 0; margin: 0; line-height: 8px; text-align: right; letter-spacing: 1px; color: #697a85; text-transform: uppercase; } .ad p small { font-size: 10px; } .banner-ad { margin: 0 auto; padding: 10px 0; border-top: 1px solid #dae2e8; background-color: #fff !important; background-image: none !important; text-align: center; } .banner-ad p { padding: 0 0 5px 0; margin: 0; line-height: 8px; text-align: center; letter-spacing: 1px; color: #697a85; text-transform: uppercase; } .banner-ad p small { font-size: 10px; } /* FOOTER -------------------------------------------------------------------------------- */ #footer { padding: 0 10px; background: #bac6cf; } #footer .block { position: relative; padding: 10px 0 20px 0; } /* SHRAPNEL -------------------------------------------------------------------------------- */ .rail #calendar_widget { padding: 10px 0; } #photo-detail .content { padding-top: 10px; } #popular-news { margin-bottom: 28px; } p.submit-question a { display: block; padding-top: 30px; width: 133px; height: 0; background: url('http://media.ljworld.com/images/buttons/submit-question.gif') no-repeat; overflow: hidden; } p.submit-question a:hover { background: url('http://media.ljworld.com/images/buttons/submit-question.gif') 0 -30px no-repeat; } p.submit-letter a { display: block; padding-top: 30px; width: 133px; height: 0; background: url('http://media.ljworld.com/images/buttons/submit-letter.gif') no-repeat; overflow: hidden; } p.submit-letter a:hover { background: url('http://media.ljworld.com/images/buttons/submit-letter.gif') 0 -30px no-repeat; } p.moderate-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url('http://media.ljworld.com/images/buttons/moderate-chat.gif') no-repeat; overflow: hidden; } p.moderate-chat a:hover { background: url('http://media.ljworld.com/images/buttons/moderate-chat.gif') 0 -30px no-repeat; } p.open-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url('http://media.ljworld.com/images/buttons/open-chat.gif') no-repeat; overflow: hidden; } p.open-chat a:hover { background: url('http://media.ljworld.com/images/buttons/open-chat.gif') 0 -30px no-repeat; } p.close-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url('http://media.ljworld.com/images/buttons/close-chat.gif') no-repeat; overflow: hidden; } p.close-chat a:hover { background: url('http://media.ljworld.com/images/buttons/close-chat.gif') 0 -30px no-repeat; } body.chats div.list div { clear: left; } .blogs-about-this dt {display:block; font-weight:normal;} .blogs-about-this .title {display:block; font-weight:bold;} p.blog-about-this {margin-bottom:7px; border-bottom:#b3c9e1 1px solid; color:#697a85; padding-bottom:5px; padding-left:25px; background:url('/weeklies/images/icons/addlink.gif') 10px 5px no-repeat; p} .meta {margin:0 0 0 0; font-size:11px; color:#697a85;} /* profile page ------------------------------------------- */ body.profile div.profile {float:left; width:280px;} body.profile div.extended_profile {float:left; width:350px;margin-right:10px;} ul.profile-stats {background:#e5e7ed; padding:10px; list-style:none;} /* user list ------------------------------------------- */ #userTbl { width: 100%; margin-top: 20px; } #userTbl tbody tr { background-color: #fff; -webkit-transition: background-color .15s linear; } #userTbl tbody tr:hover { background-color: #edeff6; } /* 6news styles ------------------------------------------- */ .sixnews-preheader { line-height:34px; background:#00411a url('http://media.ljworld.com/images/6news/6newheader_110x34.png') left center no-repeat ; height:34px; padding-left:120px; color:#80a08d; margin-bottom:14px;} .sixnews-preheader .back {background:none; color:#80a08d; padding:0;} .sixnews h2.legend {border:none; margin-bottom:0;} /* ------ weather ------*/ h4.sixweather-preheader:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } h4.sixweather-preheader { /* IE fix */ zoom: 1; } h4.sixweather-preheader { padding:0;} h4.sixweather-preheader span.logo { float:left; background: url('http://media.ljworld.com/images/header-graphics/6-weather-header.gif') no-repeat; height:40px; width:136px; text-indent:-50000px; overflow:hidden; margin-right:21px;} #weatherForecast { margin:1em 0 21px 0 ;} #weatherForecast .linklist li {margin:0; font-size:11px; line-height:14px;} #weatherForecast .weatherCurrent {margin-bottom:0; padding-bottom:0;} #weatherForecast tr {border:none;} #weatherForecast .odd {border-right:1px solid #f0f2f7; border-left:1px solid #f0f2f7;} #weatherForecast th {padding:0 10px;} #weatherForecast td {padding:2px 11px 2px 10px; vertical-align:top; } #weatherForecast .current-conditions { color:#fff; position:relative; border:none; width:269px; padding:0 10px; background:#3678b3; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-top-left-radius:6px; -moz-border-bottom-left-radius:6px;} #weatherForecast .current-conditions p { margin-bottom:7px; color:#fff;} #weatherForecast .current-conditions h6, #weatherForecast .current-conditions li {color:#fff;} #weatherForecast .current-conditions strong, #weatherForecast .current-conditions .quiet {color:#92b7d8;} #weatherForecast .currentTemp {font-size:22px; font-weight:bold; line-height:26px;} #weatherForecast .todays-forecast { border:none; background:#ebf2f8; -webkit-border-top-right-radius:6px; -moz-border-top-right-radius:6px;} #weatherForecast .todays-sunmoon { border:none; background:#ebf2f8; -webkit-border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px;} #weatherForecast.night .current-conditions { background:#151533; } #weatherForecast.night .todays-forecast, #weatherForecast.night .todays-sunmoon { background:#eeeef4; } #weatherForecast .current-conditions img { position:absolute; left: -15px } #weatherForecast .current-conditions div { position:relative; margin-left:110px; } .weatherForecastImage {width:92px;} td.sunmoon {width:92px;} .weatherForecastImage img {float:left; margin:0 8px 0 0;} #weatherForecast p {clear:both; font-size:12px; line-height:16px; padding-top:7px; color:#445057;} #weatherForecast th h6 {padding-top:0;} #weatherForecast td.last, #weatherForecast th.last {padding-right:1px;} .forecastHighTemp, .forecastLowTemp {font-size:18px; font-weight:bold; line-height:26px; white-space:nowrap;} .forecastHighTemp {color:#c00;} .forecastLowTemp {font-weight:normal; color:#3678b3; font-size:15px;} #weatherForecast p.sun, #weatherForecast p.moon { font-size:10px; margin:-4px 0 9px -4px; position:relative; padding:0 0 0 16px; line-height:13px; background:url('http://media.ljworld.com/images/icons/mini-sun.png') no-repeat; color:#92a2ad;} #weatherForecast p.moon {background:url('http://media.ljworld.com/images/icons/mini-moon.png') no-repeat;} #weatherForecast p.sun {_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://media.ljworld.com/images/icons/mini-sun.png, sizingMethod=crop)} #weatherForecast p.moon {_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://media.ljworld.com/images/icons/mini-moon.png, sizingMethod=crop)} #weatherForecast p.sun strong, #weatherForecast p.moon strong { display:none; } body.weather .alert-subscribe { font-size:18px; line-height:21px;} #weatherForecast .linklist li { padding:1px 0; margin:0; background:none; } /* BUTTONS */ /* Copied from ellington_defaults */ a.button { padding: 3px 15px; background: #fff url('http://media.ljworld.com/static/ellington_defaults/images/button_bg.gif') left bottom repeat-x; border: 1px solid #ccc; font-size: 13px; line-height: 23px; font-weight: bold; color: #777; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; } a.button:hover { background: #175e99; border-color: #175e99; color: #fff; text-decoration: none; } input.button, button { padding: 3px 15px; width: auto; background: #fff url('http://media.ljworld.com/static/ellington_defaults/images/button_bg.gif') left bottom repeat-x; border: 1px solid #ccc; font: bold 13px/17px 'Helvetica Neue', Arial, sans-serif; color: #777; text-align: center; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; } input.button:hover, button:hover { background: #175e99; border-color: #175e99; color: #fff; text-decoration: none; } a.alt_button { font-size: 13px; line-height: 25px; font-weight: bold; color: #aaa; text-align: center; } a.alt_button:hover { color: #175e99; text-decoration: none; } input.alt_button { padding: 0; background: none; border: none; font: bold 13px/24px 'Helvetica Neue', arial, sans-serif; color: #ccc; text-align: center; cursor: pointer; } input.alt_button:hover { color: #175e99; text-decoration: none; } /* CONTENT TABS */ .content_tabs { background-color: transparent; } /* CONTENT TOOLS */ div.content_tools { clear:both; list-style: none; margin: 0 0 20px 0; padding: 1px; background: #eaeaea; font-size: 12px; line-height: 19px; border-top-left-radius:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; } div.content_tools ul li { position: relative; float: left; margin: 0 12px 0 0; font-size: 12px; line-height: 19px; } .content_tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content_tools { zoom:1; } ul.content_tools { padding:5px 5px 4px 5px; list-style:none; margin:0;} ul.content_tools li.share { margin-right:10px; background:#fff; margin:-3px 0px -4px -3px; padding:3px 0 4px 0; opacity:.8; display:none;} ul.content_tools li.share span { float: left; display: block; padding: 1px 15px; font-weight: bold; color: #555; } ul.content_tools li a { float: left; display: block; padding: 2px 8px; line-height:20px; font-weight: bold; color: #555; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .content_tools li a:hover { background-color: #00478e; text-decoration: none; color: #fff; } div.sharing_tools { background:#fbfbfb; border-top:1px solid #e0e0e0;} .sharing_tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sharing_tools { zoom:1; } .sharing_links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sharing_links { zoom:1; } .sharing_links { list-style:none; padding:5px 5px; margin:0; } .sharing_links li { position: relative; float: left; margin-right: 15px; } .sharing_links li a { float: left; font-weight:normal; display: block; padding: 2px 8px 2px 30px; font-weight: normal; line-height:20px; color: #666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .sharing_links .email a, .sharing_links .email a:hover { background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/email_14x14.gif') no-repeat 8px 50%; } .sharing_links .facebook a, .sharing_links .facebook a:hover { background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/social_facebook.gif') no-repeat 8px 50%; } .sharing_links .digg a, .sharing_links .digg a:hover { background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/social_digg.gif') no-repeat 8px 50%; } .sharing_links .delicious a, .sharing_links .delicious a:hover { background: url('http://media.ljworld.com/static/worldonline_defaults/images/icons/social_delicious.gif') no-repeat 8px 50%; } .content_tools .sharing_links li a:hover { color:#eee; background-color: #00478e; text-decoration:none;} .content_tools li.more_sharing { float:right; margin-right: 5px; } .content_tools li.more_sharing a { float:right; padding: 3px 0 2px 0; font-weight: normal; color:#999;} .content_tools .sharing_links li.more_sharing a:hover { background:transparent; text-decoration:underline; color:#999;} .extended_sharing { list-style:none; padding:0 5px; margin:0;} .extended_sharing li { border-top:1px solid #eee; padding:10px 5px; } .extended_sharing p { margin:0; } .extended_sharing input { width:400px; margin-left:5px; } .extended_sharing a.button { margin-right:5px; } /* OEMBED */ div.oembed { margin:1em 0 } div.oembed .credit { font-size:12px; color:#666; } /* PANEL */ .panel .title { margin-bottom: 10px; padding: 3px 10px; background: #68a1c6; font-size: 13px; line-height: 20px; color: #fff; overflow: hidden; zoom: 1; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .panel .title a { display: block; float: left; padding-left: 20px; background: url('http://media.ljworld.com/static/ellington_defaults/images/arrows/white_down.gif') 1.5% 50% no-repeat; color: #fff; } .panel .title small a { float: right; padding-left: 0; background: none; font-size: 11px; } .panel p.more, .panel .more { border-top: 1px solid #ddd; font-size: 12px; font-weight: bold; text-align: right; background:transparent; width:auto; } .panel .more a, .panel p.more a { color:#999; background:transparent; } .panel .more a:hover { color: #555; text-decoration: none; } .panel .item h4 { font-size: 15px; line-height: 18px; } .panel .item p { font-size: 13px; line-height: 18px; } .panel table td { padding: 2px 10px 2px 0; font-size: 13px; color: #555; } .panel table td.username { font-weight: bold; } .panel table td.datetime { padding-right: 0; text-align: right; color: #999; } .panel .fitlers { margin: -10px 0 10px 0; padding: 5px 10px; background: #eff4f8; } .panel .fitlers p { margin: 0; font-size: 13px; color: #777; } .panel_on .title { -webkit-border-radius: 4px; -moz-border-radius: 4px; } .panel_on .title a { background-image: url('http://media.ljworld.com/static/ellington_defaults/images/arrows/white_right.gif'); } /* LIST */ .list .footer li, .list .footer li.date { margin-right: 15px; } .list .footer li a, .list .footer li time { font-size: 12px; line-height: 25px; } .list .footer .avatar { float: left; margin-right: 5px; } /* GROUP SEARCH RESULTS */ /* These styles are commented out until search is modified to present groups at the top of search results. /* /* .panel #type_groups { padding: 5px; } .panel #type_groups .item { margin-bottom: 20px; padding: 10px; border: solid 1px #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .panel #type_groups .item h4 { padding: 0 5px; font-size: 18px; } .panel #type_groups .item h4 .group_members_count { font-size: 13px; font-weight: bold; color: #777; } .panel #type_groups .item h5 { padding: 5px; font-size: 12px; color: #333; } .panel #type_groups .item .footer:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .panel #type_groups .item .footer { /* IE fix */ zoom: 1; } .panel #type_groups .item .footer { clear: both; margin-top: 20px; margin-bottom: 0; } .panel #type_groups .item .featured_button { font-size: 14px; } .panel #type_groups .item .description .group_image { float: left; margin: 0 20px 10px 0; } .panel #type_groups .item .description { float: left; width: 65%; } .panel #type_groups .item .description p { padding: 0 5px; } .panel #type_groups .item .latest_news { float: right; width: 29%; padding-left: 3%; border-left: solid 5px #eee; } .panel #type_groups .item .latest_news ul { margin-bottom: 0; padding: 0 5px; list-style: none; } .panel #type_groups .item .latest_news li { margin-bottom: 10px; line-height: 16px; } .panel #type_groups .item .latest_news li a { font-size: 13px; font-weight: bold; } .panel #type_groups .item .latest_news .more { padding: 5px; padding-top: 10px; border: none; border-top: solid 1px #ddd; font-size: 13px; text-align: left; } .panel #type_groups .item .latest_news .more a { color: #555; } .panel #type_groups .item .latest_news .more a:hover { text-decoration: underline; } */ /* TOC */ .toc_content .toc { float:left; border:1px solid #ccc; background:#eee; padding:5px 10px; font-size:14px; margin:0 20px 20px 0;} .toc_content .toc h4 { font-size:12px; margin:0; line-height:auto; font-weight:normal; color:#666; text-transform:uppercase; } .toc_content .toc ul { list-style:none; padding:0; margin:0;} .toc_content .toc li { padding:0; margin:0 0 .2em 0;} /* FANCYBOX */ #group_join_form { width: 640px; padding: 20px; background: #fff; border: solid 7px #2C7C9C; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #group_join_form h2 { display: none; } #group_join_form .submit_row { margin-bottom: 0; text-align: center; } #group_join_form .submit_row button { padding: 5px 10px; font-size: 16px; } #group_join_form #group_terms { margin: 20px 40px 0 40px; } #group_join_form #group_terms, #group_join_form #group_terms li, #group_join_form #group_terms p { font-size: 13px; color: #555; } #group_join_form #group_terms p { margin: 0; } #group_join_form #group_terms strong { color: #333; } #group_join_form #group_terms ul { margin: 20px 0 20px 20px; padding: 0; text-align: left; font-style: italic; } .tabbed-content .ui-tabs-hide { display: none; } .tabs_outer_wrapper { margin-bottom: 10px; padding: 1px; background: #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#eee), to(#cecece)); background: -moz-linear-gradient(100% 100% 90deg, #cecece, #eee); border: solid 1px #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabs_inner_wrapper { margin: 0; padding: 0; background: #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdcdc), to(#ccc)); background: -moz-linear-gradient(100% 100% 90deg, #ccc, #dcdcdc); -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabs_inner_wrapper:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .tabs_inner_wrapper { /* IE fix */ zoom: 1; } .tabbed-content .tabs, .tabbed-content .static_tabs { margin: 0; padding: 3px; background: none; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabbed-content .tabs li, .tabbed-content .static_tabs li { display: inline-block; padding: 1px; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabbed-content .tabs li a, .tabbed-content .static_tabs li a { display: block; padding: 3px 10px; background: none; font-size: 14px; text-decoration: none; color: #333; text-shadow: rgba(255,255,255,1) 0 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabbed-content .tabs li a:hover, .tabbed-content .static_tabs li a:hover { background: #fff; } .tabbed-content .tabs .ui-tabs-selected, .tabbed-content .tabs li:hover, .tabbed-content .static_tabs li:hover { padding: 1px; background: #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b0b0b0), to(#f4f4f4)); background: -moz-linear-gradient(100% 100% 90deg, #f4f4f4, #b0b0b0); -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabbed-content .tabs .ui-tabs-selected a, .tabbed-content .tabs li a:hover, .tabbed-content .static_tabs li a:hover, .tabbed-content .tabs .ui-tabs-selected:hover a, .tabbed-content .tabs .ui-tabs-selected a:hover, .draft_post_list .tabbed-content .static_tabs #draft a, .published_post_list .tabbed-content .static_tabs #published a, .dashboard .tabbed-content .static_tabs #news_feed a, .timeline .tabbed-content .static_tabs #user_activity a, .draft_post_list .tabbed-content .static_tabs #draft a:hover, .published_post_list .tabbed-content .static_tabs #published a:hover, .dashboard .tabbed-content .static_tabs #news_feed a:hover, .timeline .tabbed-content .static_tabs #user_activity a:hover { background: #2C7C9C; color: #fff; text-shadow: rgba(0,0,0,0.5) 0 1px; -webkit-box-shadow: inset 0 0 10px rgba(13,37,47,.5); -moz-box-shadow: inset 0 0 10px rgba(13,37,47,.5); -webkit-transition: none; } .tabbed-content .tabs li a:hover, .tabbed-content .static_tabs li a:hover, .tabbed-content .tabs li:hover a, .tabbed-content .static_tabs li:hover a { background: #F66926; color: #fff; text-shadow: rgba(0,0,0,0.5) 0 1px; -webkit-box-shadow: inset 0 0 10px rgba(74,32,11,0.5); -moz-box-shadow: inset 0 0 10px rgba(74,32,11,0.5); } /* TABULAR DATA INTERFACE ------------------------------------------------------------------ */ .tabular_data table { float: left; margin: 0; } .tabular_data table td, .tabular_data table th { padding: 10px; border-bottom: solid 1px #f1f1f1; font-size: 12px; line-height: 16px; color: #777; } .tabular_data table tr.last th, .tabular_data table tr.last td { border-bottom: none; } .tabular_data table td a, .tabular_data table th a { font-weight: bold; text-decoration: none; } .tabular_data table th { padding: 5px 10px; background: #fff; border-bottom: solid 1px #ddd; font-size: 11px; color: #999; } .tabular_data { position: relative; float: left; width: 99%; margin-right: 20px; padding: 5px; background: #f1f1f1; -webkit-border-radius: 4px; } .tabular_data:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .tabular_data { /* IE fix */ zoom: 1; } .tabular_data .tabular_data_actions { position: absolute; top: 5px; right: 5px; padding: 0; } .tabular_data caption { padding: 5px 5px 10px 5px; font-size: 14px; font-weight: bold; color: #333; -webkit-text-shadow: 1px 1px #fff; } .tabular_data table { float: none; width: 100%; background: #fff; border: solid 1px #ddd; border-collapse: separate; -webkit-border-radius: 4px; } .tabular_data table th { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .tabular_data table .empty_table { padding: 20px; text-align: center; } .tabular_data table .empty_table h3 { margin-bottom: 10px; font-size: 21px; color: #333; } .tabular_data table .empty_table p { font-size: 14px; color: #777; } /* Notices */ ul#available_notice_settings { list-style: none; } /* COMMENTS APP ------------------------------------------------------------------ */ .comment_list { padding-left: 0; } .comment_list > li, .comment_list .replies > li { list-style: none;} .comment_list li:last-child { border-bottom: 0 none; } .comment_content_wrapper { position: relative; } /* For the reply button */ .removed > .comment_content_wrapper .comment_text * { color: #ccc !important; } .removed > .comment_content_wrapper .avatar img { opacity: 0.4; } .comment .actions { margin: -10px 0 0 0; font-size: 12px; color: #999; } .replies { padding-top: 10px; margin-top: 10px; } .comment_list .comment_list_ad { border-bottom: solid 1px #eee; margin-bottom: 10px; } .comment_list .comment_list_ad h6 { display: none; } .comment_list .comment_list_ad h6 { padding: 0 0 5px; margin: 0; line-height: 8px; text-align: center; letter-spacing: 1px; color: #697a85; text-transform: uppercase; } .comment_list .comment_list_ad .spot { width: 468px; height: 60px; margin: 0 auto 10px; background: #ddd; } .depth_limit .comment_list_ad { margin-left: -38px; } /* Comment actions. (Because our markup is different from e_default.) */ .actions ul { display: inline; padding-left: 0; color: #999; font-size: 12px; } .actions ul:before { content:"( "; } .actions ul:after { content:" )"; } .actions li { padding: 0; font-size: 12px; display: inline; } .actions li:after { content: " | ";} .actions li:last-child:after, .actions li.reply:after { content: ""; } .comment .actions li.reply { display: block; position: absolute; bottom: 0; right: 0; } .comment .actions li.reply { opacity: .5; -webkit-transition: opacity .15s linear; } .comment:hover > .comment_content_wrapper .reply { opacity: 1; } /* Threading */ .replies, .comment form { padding-left: 70px; border-top: 1px solid #eee; } .depth_limit .replies { padding-left: 0; } .depth_limit .actions ul { display: block; } .replies > li:last-child { padding-bottom: 0; } .comment.reply_form_loading:hover, .comment.reply_form_loading:hover * { cursor: wait; } .comment { position: relative; } .comment form { margin-top: 10px; } .comment form h3 { display: none; } .comment .collapse_link { /* Added with JavaScript. */ display: block; position: absolute; top: 0; right: 100%; margin-right: 10px; padding: 3px 4px; opacity: .15; -webkit-transition: opacity .15s linear; } .comment:hover > .collapse_link { opacity: .75; } .comment .collapse_link:hover { opacity: 1; } /* Collapsed threads */ .comment_list .collapsed .comment:last-child { margin-bottom: 0; } .comment_list .collapsed { position: relative; overflow: hidden; height: 45px; } .comment_list .collapsed:hover, .comment_list .collapsed_hover { cursor: pointer; background-color: #eee; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .comment_list .collapsed * { display: inline; } .comment_list .collapsed .comment_text { margin-left: 0; } .comment_list .collapsed .avatar { margin-right: 10px; } .comment_list .collapsed .avatar, .comment_list .collapsed .avatar img { width: 23px; height: 23px; } .comment_list .collapsed .avatar_hover { display: none; } .comment_list .collapsed .author, .comment_list .collapsed .comment_content, .comment_list .collapsed .comment_content * { font-size: 12px; } .comment_list .collapsed .author { float: left; margin-bottom: 0; } .comment_list .collapsed .author { line-height: 23px; padding-right: 5px; } .comment_list .collapsed .author small, .comment_list .collapsed .author .parent_link { display: none; } .comment_list .collapsed .actions:before { content: "…"; color: #f66926; } .comment_list .collapsed .actions { display: block; position: absolute; bottom: 0; right: 0; padding: 2px 10px 0; background-color: #fff; border-radius: 3px; font-weight: bold; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: opacity .15s linear; } .comment_list .collapsed .actions ul { display: none; } .comment_list .collapsed .actions time { display: none; } .comment_list .collapsed:hover .actions time { display: inline; } .comment_list .collapsed_thread .replies { padding-left: 35px; } .highlighted_comment > .comment_content_wrapper { background: #FEFDE8; } /* MODERATION APP (COMMENTS) ------------------------------------------------------------------ */ body.moderation .content-object h3 { border-bottom: 1px solid #eee; margin-bottom: 10px; } body.moderation .content-object h3 .comment-count { font-size: 16px; color: #999; display: inline; } body.moderation .content-object .comment_list { padding-top: 20px; margin-bottom: 30px; } body.moderation .content-object .comment { padding-left: 30px; } body.moderation .content-object .comment:last-child { border-bottom: 0 none; } body.moderation button { margin: 5px 8px 5px 0;} form.moderation { display: inline; } form.moderation p { display: inline; } /* NOTE: This stylesheet is specifically to support modern (summer 2009) search templates for LJ and the weeklies in their 2007 designs. */ /* LJ style overrides */ .search_form input.button, .search_form button { padding: 3px 15px; width: auto; background: #fff url('http://media.ljworld.com/static/ellington_defaults/images/button_bg.gif') left bottom repeat-x; border: 1px solid #ccc; font: bold 13px/17px 'Helvetica Neue', Arial, sans-serif; color: #777; text-align: center; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .search_form input.button:hover, .search_form button:hover { background: #175e99; border-color: #175e99; color: #fff; text-decoration: none; } .content_title:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content_title { /* IE fix */ zoom: 1; } .search .panel table { width:100%;} /* SEARCH APP ------------------------------------------------------------------ */ .search_form { display: block; margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .search_form p { margin-bottom: 0; } .search_form p input { padding: 3px 5px; width: 440px; } .search_form p .button { margin-right: 5px; padding: 3px 10px; width: auto; } body.search .content_title { padding: 10px 0; margin-bottom:20px; } .content_title .search_form { margin: 0; padding: 0; border: none; } .content_title .search_form h2 { margin: 0; line-height: 20px; } .content_title .search_form h2 input { display: block; float: left; padding:5px; margin: 0 5px 0 0; width: 390px; font: bold 22px/22px "Helvetica Neue", helvetica, arial, sans-serif; color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .content_title .search_form h2 button { display: block; float: left; margin: 0 5px 0 0; padding: 7px 25px; font-size: 17px; line-height: 23px; } .content_title .search_form .advanced { display: block; float: left; padding: 10px 0; width: 110px; font-size: 17px; color: #bbb; text-align: center; } .content_title .search_form .advanced:hover { color: #555; text-decoration: none; } .content_title .search_form .advanced_on { padding-bottom: 20px; background: #333; color: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .content_title .search_form .advanced_on:hover { color: #fff; } .content_title .search_form fieldset { display: none; float: left; width: 640px; } .content_title .search_form fieldset ul { list-style: none; margin: 0; padding: 10px; background: #333; overflow: hidden; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .content_title .search_form fieldset ul li { float: left; display: block; width: 200px; } .content_title .search_form fieldset ul li label { font-size: 15px; color: #fff; } .content_title .search_form fieldset p { margin: 10px 0 0 0; text-align: right; } .content_title .search_form fieldset p a { margin-left: 10px; font-weight: bold; font-size: 13px; color: #999; } .content_title .search_form fieldset p a:hover { text-decoration: none; color: #555; } .site_search_form { display: block; margin-bottom: 20px; padding: 10px; background: #eee; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .site_search_form p { margin-bottom: 0; } .site_search_form p select { margin-right: 5px; width: 120px; } .site_search_form p input { width: 70%; } .site_search_form p .button { width: auto; } .site_search_form p .advanced { font-size: 13px; color: #777; } .site_search_form .advanced_filters { margin-top: 10px; padding-top: 10px; display: none; border-top: 1px solid #bbb; } .site_search_form .advanced_filters table { margin-bottom: 0; width: 100%; font-size: 13px; } .site_search_form .advanced_filters th { padding: 5px 10px 5px 5px; color: #333; } .site_search_form .advanced_filters td { padding: 5px 10px 5px 5px; width: 10px; } .site_search_form .advanced_filters .even { background: #eee; } .site_search_form .advanced_filters p { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 13px; color: #777; } .site_search_form .advanced_filters p a { color: #777; } .date_ranges { margin-bottom: 10px; } .date_ranges ul { font-size: 13px; } .date_ranges ul a { color: #999; } .date_ranges ul .on a { font-weight: bold; color: #555; } .facets { float: left; width: 130px; } .facets h3 { margin: 0; font-size: 12px; line-height: 20px; color: #555; } .facets ul { list-style: none; margin: 0 0 15px 0; padding: 0; font-size: 12px; line-height: 20px; color: #999; } .facets li.on a { font-weight: bold; } .facets li.more a { color: #999; } .search div.list { margin-bottom:30px; } .search_basic div.list, .search_vertical div.list { float: left; padding-left: 19px; width: 470px; border-left: 1px solid #ddd; } .search_title { margin-bottom: 10px; color: #999; font-weight: normal; font-size: 20px; } .search_title a { color: #999; } .search_title span { color: #333; } .list .content_type { margin: 0; font-size: 12px; font-weight: bold; color: #555; } .list .content_type a { color: #555; } .search_alert { margin: 0; padding: 5px 0 5px 30px; background: url('http://media.ljworld.com/static/ellington_defaults/images/alerts.gif') no-repeat 0 50%; color: #777; } .search_alert a { margin-right: 5px; font-weight: bold; } .recommended_results { margin-bottom: 20px; padding: 10px; background: #fffacf; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .recommended_results h3 { margin-bottom: 0; font-size: 14px; line-height: 20px; color: #504e41; } .recommended_results ul { list-style: none; margin: 0; padding: 0; } body.search .date_ranges ul { list-style: none; margin: 0; padding: 0; } body.search .date_ranges ul li { display: inline; padding-right: 20px; } body.search .misc { margin-bottom: 30px; } body.search .misc h2 { margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 20px; font-weight: normal; } body.search .misc h2 a { color: #555; } body.search .misc .more { border-top: 1px solid #ddd; font-size: 12px; font-weight: bold; text-align: right; } body.search .misc .more a:hover { color: #555; text-decoration: none; } body.search p.more { width:auto; text-align:right; background:transparent; } body.search p.more a { background:transparent; color:#999; display:inline; } /* LIST */ .list { margin-bottom: 20px; } .list h3 { margin-bottom: 2px; font-size: 14px; line-height: 20px; color: #a4cf0e; } .list h3 a { color: #a4cf0e; } .list .item { margin-bottom: 20px; } .list .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .list .item .type { margin-bottom: 5px; font-size: 13px; line-height: 18px; font-weight: bold; color: #a4cf0e; text-transform: uppercase; } .list .item h4 { margin-bottom: 2px; font-size: 17px; line-height: 22px; font-weight: bold; padding:0; } .list .item h5 { margin-bottom: 2px; font-size: 14px; line-height: 18px; font-weight: normal; color: #555; text-transform: none; padding:0; font-weight:bold;} .list .item h5 a { color: #444; } .list .item p { margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #333; } .list .item .phone { font-size: 13px; color: #777; } .list .item .date { margin: 0; font-size: 13px; color: #999; } .list .item .byline { margin: 0; font-size: 13px; color: #999; } .list .item .thumbnail { float: right; display: block; margin: 0 0 0 10px; } .list .item .thumbnail img { padding: 4px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .list .item .thumbnail:hover img { background: #175e99; border-color: #175e99; } .list .footer { list-style: none; margin: 5px 0 0 0; padding: 0; font-size: 12px; line-height: 20px; color: #999; overflow: hidden; } .list .footer li { float: left; margin: 0 15px 0 0; overflow: hidden; } .list .footer li img.avatar { float: left; margin: 0 5px 0 0; padding: 2px; background: #ddd; width: auto; height: auto; -webkit-border-radius: 3px; } /* ACTIVITY TIMELINES -------------------------------------------------------------- */ /*body.users .content .activity-timeline { float: left; }*/ .dashboard #page .content, .timeline #page .content { /* width: 990px;*/ /* margin-right: 0;*/ } .activity-timeline ul { /* width: 745px;*/ margin: 0 0 20px 0; padding: 0; border-top: solid 1px #ddd; list-style: none; } .activity-timeline li img { position: absolute; left: 0; vertical-align: middle; } .activity-timeline ul li { position: relative; padding: 15px 0 15px 34px; border-bottom: solid 1px #eee; font-size: 12px; line-height: 24px; color: #777; } /*.activity-timeline ul li:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ /*.activity-timeline ul li { /* IE fix */ zoom: 1; }*/ .activity-timeline .date, .activity-timeline li a { font-weight: bold; text-decoration: none; } .activity-timeline .date { margin-left: 10px; padding: 3px 5px; background: #eee; font-size: 12px; font-weight: normal; color: #333; white-space: nowrap; -webkit-border-radius: 3px; } .activity-timeline .comment-count { line-height: 12px; } .activity-timeline .message { display: block; color: #777; } .activity-timeline .commenter { margin: 0; padding: 0; font-size: 12px; font-weight: bold; font-style: italic; color: #555; } .activity-timeline .comment-text:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .activity-timeline .comment-text { /* IE fix */ zoom: 1; } .activity-timeline .comment-text { margin: 5px 0 0 0; padding: 5px 10px; background: #f1f1f1; font-size: 12px; font-style: italic; color: #333; } .timeline-entry .action { /* DEFAULT */ background: #eee; color: #333; font-weight: bold; } .timeline-entry .commented { /* YELLOW */ background: #fffdcc; color: #7f7b00; } .timeline-entry .joined { /* GREEN */ background: #d3f0d8; color: #19882c; } .timeline-entry .posted { /* BLUE */ background: #e5e6ff; color: #000acd; } .timeline-entry .followed { /* RED */ background: #f9cccc; color: #e10000; } .timeline-entry .followed { /* PURPLE */ background: #ede5f8; color: #420094; } /* TAG LIST --------------------------------------------------------------------------- */ .tag_list { padding: 0; list-style: none; } .tag_list:after { /* Clear fix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .tag_list { /* IE fix */ zoom: 1; } .tag_list .tag { display: block; float: left; margin: 5px 5px 0 0; padding: 3px 5px; background: #ddd; font-size: 12px; line-height: 1em; color: #333; -webkit-border-radius: 2px; } .rail .share_tools ul li { background-image: none; } .weblogs table { width: 100%; } .weblogs td.actions { text-align: left; } /* CONTENT TABS */ .content_tabs { margin: 0 0 10px 0; padding: 2px 0; background: #f1f1f1; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .content_tabs ul { list-style: none; margin: 0; overflow: hidden; } .content_tabs ul li { float: left; } .content_tabs ul li a { display: block; float: left; margin: 0 2px 0 0; padding: 5px 10px; font-size: 13px; font-weight: bold; color: #00497d; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tabbed-content .tabs .ui-tabs-selected a, .tabbed-content .tabs li a:hover, .tabbed-content .static_tabs li a:hover, .tabbed-content .tabs .ui-tabs-selected:hover a, .tabbed-content .tabs .ui-tabs-selected a:hover, .draft_post_list .tabbed-content .static_tabs #draft a, .published_post_list .tabbed-content .static_tabs #published a, .dashboard .tabbed-content .static_tabs #news_feed a, .timeline .tabbed-content .static_tabs #user_activity a, .draft_post_list .tabbed-content .static_tabs #draft a:hover, .published_post_list .tabbed-content .static_tabs #published a:hover, .dashboard .tabbed-content .static_tabs #news_feed a:hover, .timeline .tabbed-content .static_tabs #user_activity a:hover { background: #125A95; color: #fff; text-shadow: rgba(0,0,0,0.5) 0 1px; -webkit-box-shadow: inset 0 0 10px rgba(13,37,47,.5); -moz-box-shadow: inset 0 0 10px rgba(13,37,47,.5); -webkit-transition: none; } .tabbed-content .tabs li a:hover, .tabbed-content .static_tabs li a:hover, .tabbed-content .tabs li:hover a, .tabbed-content .static_tabs li:hover a { background: #97C9F2; color: #fff; text-shadow: rgba(0,0,0,0.5) 0 1px; -webkit-box-shadow: inset 0 0 10px rgba(114,152,183,0.5); -moz-box-shadow: inset 0 0 10px rgba(114,152,183,0.5); } /* MARKETPLACE LUNCH SPECIALS */ .marketplace-ad-lunch-specials .carousel_wrapper { position: relative; overflow: hidden; /*height: 108px;*/ } .marketplace-ad-lunch-specials .carousel_tabs { position: relative; bottom: 15px; margin: 0; padding: 0; } .marketplace-ad-lunch-specials .carousel_tabs li { float: left; margin: 0; padding: 0; list-style: none; } .marketplace-ad-lunch-specials .carousel_tabs .next { float: right; } .marketplace-ad-lunch-specials .carousel_tabs .next a { background-position: -61px 0; } .marketplace-ad-lunch-specials .carousel_tabs .previous a { background-position: -11px 0; } .marketplace-ad-lunch-specials .carousel_tabs .next a, .marketplace-ad-lunch-specials .carousel_tabs .previous a { display: block; width: 25px; height: 20px; background-image: url('http://media.ljworld.com/images/ads/prev-next-grey.png'); text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .marketplace-ad-lunch-specials .carousel_tabs .inactive a { background-position-y: -22px; } .marketplace-ad-lunch-specials .carousel_tabs ul { position: absolute; left: 40px; top: 3px; padding-left: 16px; } .marketplace-ad-lunch-specials .carousel_tabs ul li { background: none; } .marketplace-ad-lunch-specials .carousel_tabs .pages a { float: left; height: 11px; margin: 0 3px; overflow: hidden; width: 11px; text-indent: -9999px; background-image: url('http://media.ljworld.com/images/ads/carousel-on-off.png'); } .marketplace-ad-lunch-specials .carousel_tabs .pages .active a { background-position: -12px 0; } * html .marketplace-ad-lunch-specials { position: relative; width: 274px; padding: 10px; padding-top: 0; margin: 0; } * html .marketplace-ad-lunch-specials h6 { position: absolute; left: -3px; margin: 0; z-index: 1000; } * html .marketplace-ad-lunch-specials h5 { margin-bottom: 0; padding-top: 50px; padding-bottom: 0; } * html .marketplace-lunch-specials { padding: 0px 0 25px 0; } * html .marketplace-ad-lunch-specials .carousel_tabs ul { top: 20px; left: 45px; } .marketplace-ad-lunch-specials { width: 274px; margin-top: 10px; margin: 0; padding: 0 10px 10px 10px; border-left: solid 3px #ebeff2; border-right: solid 3px #ebeff2; border-bottom: solid 3px #ebeff2; -webkit-border-radius: 6px; } .marketplace-ad-lunch-specials h6 { margin: 0 0 0 -13px; padding: 0; } .marketplace-ad-lunch-specials h6 a { width: 300px; padding-top: 13px; background-image: url('http://media.ljworld.com/images/ads/marketplace-lunch-specials-300.gif'); } .marketplace-ad-lunch-specials h5 { padding: 0 0 5px 0; color: #CC0000; text-align: center; } .marketplace-lunch-specials { margin: 0; padding: 0; list-style: none; } .marketplace-lunch-specials .item { float: left; width: 274px; height: 195px; margin-right: 30px; overflow: hidden; } .marketplace-lunch-specials .special { width: 274px; margin: 0; padding: 9px 0; border-bottom: solid 1px #DAE2E8; font-size: 12px; line-height: 18px; line-height: 18px; } .marketplace-lunch-specials .special .address { padding-bottom: 6px; font-size: 11px; line-height: 11px; color: #697A85; } .marketplace-lunch-specials .special big, .marketplace-lunch-specials .special small { display: block; } .marketplace-lunch-specials .item span { padding: 0; } .marketplace-lunch-specials .item strong, .marketplace-lunch-specials .item span a { font-size: 12px; font-weight: normal; } .marketplace-lunch-specials .item .lunch-special strong { display: block; float: left; } .marketplace-lunch-specials .item .lunch-special a { display: block; padding: 0 10px 0 0; font-size: 12px; color: #697A85; } .marketplace-lunch-specials .item .has_price .lunch-special a { padding-left: 44px; } .marketplace-lunch-specials .item .lunch-special a span { color: #333 !important; } .marketplace-lunch-specials .item .business-name, .marketplace-lunch-specials .item .business-name a { font-size: 14px; font-weight: bold; line-height: 18px; color: #111; } .marketplace-lunch-specials .item .business-name a { color: #4E9BDA; } .marketplace-lunch-specials .item strong { font-weight: bold; color: #125A95; } .marketplace-lunch-specials-footer { width: 290px; margin-bottom: 20px; padding: 0; text-align: center; font-size: 12px; overflow: hidden; } .marketplace-lunch-specials-footer h4, .marketplace-lunch-specials-footer h5 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .marketplace-lunch-specials-footer h4, .marketplace-lunch-specials-footer h4 a { color: #CC0000; } #marketplace-widget { margin-bottom: 18px; } * html #marketplace-widget #mp_search_widget { padding: 8px; } * html #mp_search_widget .mp_business { border: none; }