/*IE6 png fix*/ img#edchoice_previous, img#edchoice_next, div.bkgd, .countdown .bkgd div.overlay, span#politics-quote-left, span#campaign-quote-left, span#union-quote-left, img.quote, img.comment { behavior:url(/css/v3/iepngfix.htc) } /* Features */ .left-column .sub-section .features { width:620px; margin-left:10px; } .left-column .sub-section .features ul { width:620px; } .left-column .sub-section .features ul li { width:140px; height:auto !important; height:99px; min-height:99px; max-height:99px; margin:0 20px 20px 0; padding:0px; overflow:hidden; color:#FFFFFF; border:none; } .left-column .sub-section .features ul li.last { margin-right:0px; } /*.left-column .sub-section .features ul li span.content { width:130px; height:auto !important; height:14px; min-height:14px; max-height:14px; top:75px; font-size:95%; }*/ .left-column .sub-section .features ul li span.content { width:130px; font-size:95%; height:auto !important; top: 78px; min-height:none;max-height:none; } .left-column .sub-section .features ul li img { width:140px; height:97px; } .left-column .sub-section .features ul li .h5 { font-size:110%; margin-bottom:0px; padding-bottom:0px; } .left-column .sub-section .features ul li a { color:#FFFFFF; } /* Article */ .article-number { font-weight:bold; border-bottom:solid 3px #c00000;padding:0 0 2px 0;margin:0 0 5px 0; display:block;} .article-image { width: 290px; margin: 0px 0px 18px 20px; float: right; } .article-image p.caption { font-family: Arial, Helvetica, sans-serif; background: #000000; color: #FFFFFF; padding: 5px; margin: 0px; } /* 20090910 ED .left-column .pointed-list li {padding:5px 0;} */ .thumbpic {float:right; padding:0;margin:0 0 20px 20px; } /* #intro { width:440px; height:134px; padding:60px 20px 20px 500px; margin-bottom:20px; background: url(/indepth/test/images/intro-bkgd.jpg) no-repeat top left; } */ #intro { width:960px; height:220px; padding:0; margin:0 0 20px 0; background:#000000; color:#ffffff; } #intro .intro-img { width:480px; height:220px; float:left; padding:0; margin:0; background:#000000; color:#ffffff; } #intro .intro-txt { width:460px; height:200px; float:right; padding:0; margin:10px; background:#000000; color:#ffffff; } #intro .intro-img img { padding:0; margin:0; border:0; } /* #intro h1, #intro h2, #intro p { color:#fff;} #intro h1 { font-family:Georgia,'Times New Roman' sans-serif; font-weight:normal; line-height:2em;} #intro h2 { font-family:Georgia,'Times New Roman' sans-serif; font-weight:normal; line-height:1.4em;} */ #intro h1, #intro h2, #intro p { font-weight:normal; color:#fff; } #intro h1 { font-family:Georgia,'Times New Roman' sans-serif; font-size:3em; } #intro h2 { font-family:Georgia,'Times New Roman' sans-serif; font-size:2em; } #intro p { font-family: Arial, Helvetica, sans-serif; font-size:1.5em; } #intro h1 a:hover, #intro h2 a:hover {color:#fff;} #intro p a { color:#c00000; } .sub-section .h2 a:hover {background:none;} .headlines-supp li { padding:0; margin:0; border-bottom:solid 1px #ffccc8; } .headlines-supp li a {padding:10px; width:610px; display:block;} /* Start: In Depth Subsite e.g. elections2009, Festivals and Events */ #content #content-left { margin:0; padding:0; display:inline; float:left; width:630px; font-size:105%;} #content #content-right { display:inline; float:right; width:320px;} #main-headlines { margin: 0 0 15px 0; padding: 0px; float: left; width: 630px; } #main-headlines #headlines-left { margin:10px 0 0 0; padding:10px 0 0 0; float:left; width:320px; font-size:105%;} #main-headlines #headlines-right { float:right; width:292px; margin:10px 0px 0px 18px; padding:10px 0 0 0; font-size:105%;} #content #content-right #advertisement { width: 310px; } /* ### Main headlines - Left column ### */ #content #content-left #main-headlines #headlines-left .story-list { list-style: none; margin: 0 0 10px 0; padding: 0px; text-align: left; } #content #content-left #main-headlines #headlines-left .story-list li { border-bottom: 1px solid #ffccc8; line-height: 18px; } #content #content-left #main-headlines #headlines-left .story-list li a { text-decoration: none; color: #000000; display: block; padding:5px 5px 10px 5px; width: 310px; } #main-headlines .story-list li a:hover { background:#f6f6ec; } #top-image .caption { color: #FFFFFF; background: #000000; display: block; margin: 0px; padding: 5px; font: 85% Arial, Helvetica, sans-serif;line-height:18px; } /* ### Main headlines - Right column ### */ #content #content-left #main-headlines #headlines-right .story-list { list-style: none; margin: 0px; padding: 0px; text-align: left; } #content #content-left #main-headlines #headlines-right .story-list li { border-bottom: 1px solid #ffccc8; line-height: 18px;} #content #content-left #main-headlines #headlines-right .story-list li li { border-style: none; font-size:100%; } #content #content-left #main-headlines #headlines-right .story-list li a { text-decoration: none; color: #000000; display: block; padding:5px 5px 10px 5px; width: 282px; } #content #content-left #main-headlines #headlines-right .story-list li a:hover { background-color:#f6f6ec; } #content #content-left #main-headlines #headlines-right .story-list ul { margin: 0 0 0 10px; padding: 0px; list-style: none; } /* ### Main headlines - Editorial Left and Right ### */ #main-headlines #editorial-left { margin:10px 0 0 0; padding:10px 0 0 0; float:right; width:320px; font-size:100%;} #main-headlines #editorial-right { float:right; width:292px; margin:10px 0px 0px 18px; padding:10px 0 0 0; font-size:100%;} #editorial-left .sub-section, #editorial-right .sub-section { margin-bottom:15px; } #editorial-left .sub-section p, #editorial-right .sub-section p { line-height: 18px; font-size:110%; margin: 0;} #editorial-left div.sub-section a.section-top-story { display:block; width:300px; padding: 0 10px 10px 10px;} #editorial-left div.sub-section a:hover.section-top-story { color:#000;background:#f6f6ec; } #editorial-right div.sub-section a.section-top-story { display:block; float:left; width:272px; padding: 0 10px 10px 10px;} #editorial-right div.sub-section a:hover.section-top-story { color:#000;background:#f6f6ec; } /* ### START: Blacklines ### */ #main-headlines .story-list ul.bnbl{margin:0px 0px 5px 5px !important; clear:both;} #main-headlines .story-list ul.bnbl li {font-size:100%; line-height:16px !important; margin:0 0 0 0; padding:0 0 0 18px; float:none; display:block; border:none !important;} #main-headlines .story-list ul.bnbl li b {padding:0px 15px 0px 0px;} #main-headlines .story-list ul.bnbl li b a, #main-headlines .story-list ul.bnbl li b a:visited, #main-headlines .story-list ul.bnbl li b a:hover {font-size:90%; color: #555555 !important; display:inline !important; padding:0 !important; margin:0; background-color:transparent !important; } /* ### Blacklines - various media indicators ### */ #main-headlines .story-list ul.bnbl li.internal {background: url(/images/v3/homepage/bl/internal.png) no-repeat 0px 3px;} #main-headlines .story-list ul.bnbl li.external { background: url(/images/v3/homepage/bl/ext.png) no-repeat 0 3px; } #main-headlines .story-list ul.bnbl li.audio { background: url(/images/v3/homepage/bl/audio.png) no-repeat 0 3px; } #main-headlines .story-list ul.bnbl li.discussion { background: url(/images/v3/homepage/bl/discuss.png) no-repeat 0 3px; } #main-headlines .story-list ul.bnbl li.pdf { background: url(/images/v3/homepage/bl/pdf.png) no-repeat 0 3px; } #main-headlines .story-list ul.bnbl li.slideshow { background: url(/images/v3/homepage/bl/slide.png) no-repeat 0 3px; } #main-headlines .story-list ul.bnbl li.video { background: url(/images/v3/homepage/bl/video.png) no-repeat 0 3px; } /* ### END: Blacklines ### */ /* ### Start: iCarousel sections ### */ #content #content-left #editors-choice { width: 320px; margin:0; padding:0; border-bottom: 0; } #edchoice { position:relative; overflow:hidden; width:320px; height:130px; margin:10px 0 0 0; background:#E7E7E0; } #edchoice ul#edchoice_content { position:absolute; top:0; margin:0 1px 0 4px; padding:0; text-align:left; list-style: none; } #edchoice ul#edchoice_content li.edchoice_item { display: inline; float: left; background: url(/images/v3/homepage/li-separators.jpg) no-repeat right center; width:101px; height:130px; line-height:16px; font-size:95%; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0 2px;} *html #edchoice ul#edchoice_content li.edchoice_item { overflow:hidden;} #edchoice ul li a { float:left; width:99px; padding:0 1px; margin:0; text-decoration:none; line-height:normal;} #edchoice ul li a img{ padding:0 0 1px 0;} #edchoice ul li a:hover { color: #c00000; } #edchoice_frame { position: relative; margin-top:-7px;} *html #edchoice_frame { z-index:50; float:left; width:100%; } #edchoice_previous { float: left; cursor:pointer;} #edchoice_next { float: right; cursor:pointer;} /* ### End: iCarousel sections ### */ /* ### Start: Features ### */ #content-left .features { width:620px;} #content-left .features ul { width:620px; } #content-left .features ul li { width:140px; height:auto !important; height:99px; min-height:99px; max-height:99px; margin-right:20px; padding:0px; overflow:hidden; color:#FFFFFF; border:none; } #content-left .features ul li.last { margin-right:0px; } #content-left .features ul li span.content { width:130px; height:auto !important; height:24px; min-height:24px; max-height:24px; top:65px; font-size:95%; } #content-left .features ul li img { width:140px; height:65px; } #content-left .features ul li .h5 { font-size:110%; margin-bottom:0px; padding-bottom:0px; } #content-left .features ul li a { color:#FFFFFF; margin:0px; padding:0px; width:auto;} /* ### End: Features ### */ /* ### Start: Subsections ### */ #content-left .sub-section { width:100%; float:left; padding-bottom:13px; margin-bottom:8px; border-bottom:3px solid #d7d7cb; } #content-left h1 { font-size:180%; } #content-left h1 a { margin:0; padding:0;} #content-left .sub-section h1 a { width:auto; float:none; display:inline !important; background:none; background-color:#ffffff;} #content-left .sub-section h1 a, #content-left .sub-section a { color:#333333; } #content-left .sub-section h1 a:hover { background:none; color:#000000; } #content-left .sub-section .left-column { width:320px; float:left; display:inline; } #content-left .sub-section .right-column { width:300px; float:right; display:inline; margin-top:0; padding-top:0; font-size:105%; } #content-left .sub-section .left-column a:link, #content-left .sub-section .left-column a:visited, #content-left .sub-section .right-column a:link, #content-left .sub-section .right-column a:visited {display:block; padding:0 10px 10px 10px;} #content-left .sub-section .left-column a:hover, #content-left .sub-section .right-column a:hover{background-color:#F6F6EC; } #content-left .sub-section .left-column a {width:300px;} #content-left .sub-section .right-column a {width:280px;} #content-left .sub-section .img-left, #content-left .sub-section .img-right { margin-top:1px; } #content-left .sub-section .left-column ul.pointed-list, #content-left .sub-section .right-column ul.pointed-list { width:100%; font-size:95%; clear:both; float:left; } #content-left .sub-section .left-column ul.pointed-list li, #content-left .sub-section .right-column ul.pointed-list li { padding:0; } #content-left .sub-section .left-column ul.pointed-list li a, #content-left .sub-section .right-column ul.pointed-list li a {padding:2px 0 2px 17px; width:auto; margin:0; } #content-left .sub-section ul.thumb-list li a:link, #content-left .sub-section ul.thumb-list li a:visited, #content-left .sub-section ul.thumb-list li a:hover{display:inline-block; padding:3px 0 3px 0; margin:0px; width:100%;} #content-left .sub-section ul.thumb-list li a:hover{background-color:#f6f6ec;} #content-left .sub-section .h4 { margin-bottom:0; font-weight:bold; font-size:115%; } #content-right .sub-section {width:310px; float:left; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 2px solid #d5d7ca; } /* ### End: Subsections ### */ /* ### Start: RHS ### */ #content-right .generic { width:250px; margin:0px 50px 25px 10px; padding-top:5px; float:right; display:inline; clear:both; } #content-right .generic a { top:10px; position:relative; display:block; } #content-right .generic img { margin:-10px 10px 10px 0px; float:left; } #content-right #whats-on { width:310px; margin:-10px 0px 20px 0px; float:right; display:inline; clear:both; font-size:105%; } #content-right #whats-on li { line-height:17px; min-height:19px; } #content-right #whats-on a { font-weight:bold; } /* ### End: RHS ### */ /* ### Start: Sub pages ### */ #content-left h1.news { padding:15px 20px 4px 0px; margin-right:20px; border-top:3px solid #D7D8D0; clear:both; position:relative; } #content-left h2.news { padding:15px 20px 4px 0px; margin-right:20px; border-top:3px solid #D7D8D0; clear:both; position:relative; } #content-left ul.news .h3 { font-size:155%; } #content-left ul.news { clear:both; margin-right:20px;} #content-left ul.news li {border-top:1px solid #fecbc7; line-height:18px;} #content-left ul.news li.last {border-bottom:1px solid #fecbc7; margin-bottom:18px;} #content-left ul.news li a.img-left{margin:0px; padding:0px 8px 0px 0px; display:inline;} #content-left ul.news li a:after{content: "."; display:block; height:0; clear:both; visibility:hidden;}/*clearfix */ #content-left ul.news li a {display: inline-block; } #content-left ul.news li a, #content-left ul.news li a:visited{display:block; padding:15px 10px 10px 10px; color:#333333;} #content-left ul.news li a:hover{background-color:#F6F6EC;} /* Hides from IE-mac \*/ * html #content-left ul.news li a {height: 1%;} #content-left ul.news li a{display: block;} /* End hide from IE-mac */ /* ### End: Sub pages ### */ #content-left div.note {padding:10px; margin:0 0 10px; border:3px solid #D7D8D0; } /* #content-left div.note span.h3 {margin:0;} */ #content-left div.note p {margin:0;} #content-left div.note a:hover{background-color:#F6F6EC;} /* 20090910 ED Added for Swine Flu */ ul.pointed-list-nolinks { margin:10px 0 0 0; border-top:1px solid #ffccc8; clear:both;} ul.pointed-list-nolinks li { display:block; height:auto !important; height:17px; min-height:17px; line-height:15px; padding:2px 0 2px 17px; border-bottom:1px solid #ffccc8; font-family:Georgia, "Times New Roman", Times, serif; list-style:none; background:url(/images/v3/generic/01homepage_r34_c6.gif) no-repeat left 7px; } /* ### Start: IE6 only ### */ *html #content-left, *html #content-left .sub-section .left-column, *html #content-left .sub-section .right-column, *html #content-left #main-headlines #headlines-left, *html #content-left #main-headlines #headlines-right {overflow:hidden;} /* ### End: IE6 only ### */ /* End: In Depth Subsite e.g. elections2009, Festivals and Events */