/* ========================================== project: The Independent / London date: 2006/12/14 ===========================================*/ html { min-height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; background: #fff; color: #333; font: 62.5%/120% Verdana,Arial,Helvetica,sans-serif; } textarea, input, select, option, button { font-size: 100%; font-family: Verdana,Arial,Helvetica,sans-serif; } form { display: inline; } img { border: none; } p { margin: 0 0 10px; padding: 0; } .center { text-align: center; } .right { text-align: right; } .wrapper { overflow: hidden; } .asection, .ghost, .offset { position: absolute; left: -10001em; } .nm { margin: 0; } .italic { font-style: italic; } .upper { text-transform: uppercase; } .imageLeft { display: inline; float: left; margin: 0 10px 0 0; } .imageRight { display: inline; float: right; margin: 0 0 0 10px; } a { color: #125581; text-decoration: none; } a:hover, a:focus { color: #333; text-decoration: underline; } h1 { margin: 0 0 10px; padding: 0; font: normal 3.3em Georgia,Arial,Helvetica,sans-serif; color: #125581; } h2 { margin: 0 0 10px; padding: 0; font: normal 1.8em Georgia,Arial,Helvetica,sans-serif; color: #125581; } h3 { margin: 0 0 10px; padding: 0; font: normal 1.5em Georgia,Arial,Helvetica,sans-serif; color: #000;font-weight:bold; padding:0 3px; } h4 { margin: 0 0 10px; padding: 0; font: normal 1.2em Georgia,Arial,Helvetica,sans-serif; color: #125581; } h5 { margin: 0 0 10px; padding: 0; font: normal 1.1em Georgia,Arial,Helvetica,sans-serif; color: #125581; } /* ======================================= */ /* SKIPS */ #skipLinks ul { position: absolute; top: 0; left: -10001px; z-index: 10001; list-style: none; margin: 0; padding: 0; } #skipLinks ul a:focus, #skipLinks ul a:active { position: absolute; left: 10001px; top: 0; width: 973px; line-height: 1.5em; background: #b82129; color: #fff; font-size: 1.4em; text-align: center; } /* LAYOUT -------------------------------- */ #root { width: 973px; margin: 0 auto; padding: 0; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; } #top { position: relative; padding: 7px 0 0; background: #fff; } #logo { position: absolute; z-index: 1000; top: 1.8em; left: 10px; font-size: 1em; } #logo a { display: block; overflow: hidden; } #top-banner {float:right; margin:0 0 3px 0;} #content-header {height:74px; width:398px;margin: 10px 0;} body.entertainment #root { background: #444b44; } /* WELCOME BAR */ #welcome { position: relative; padding: 0.5em 11px 0.4em; border-bottom: 1px solid #cdcdcd; font: 0.9em Verdana,sans-serif; font-weight: bold; } #date { display: inline; padding: 0 10px 0 0; color: #464646; } #personal { display: inline; color: #b82129; } #personal strong { padding: 0 10px 0 0; color: #000; } #personal a { color: #b82129; } #side { position: absolute; right: 10px; top: 0.5em; } #side a { padding: 0 0 0 15px; background: url(/independent.co.uk/images/i_portfolio.gif) 0 50% no-repeat; color: #000; } #side a span { color: #b82129; } /* TINY HEADER */ #tiny-header { width: 100%; height: 0.7em; margin: 0 0 3px; padding: 0; border: none; background: #ceb669; text-align: right; } #tiny-header span { float: right; margin: -0.2em 0 0; padding: 0 3px 0 5px; background: #fff; font: 0.9em Tahoma,sans-serif; text-transform: uppercase; } #tiny-header span a { color: #7F6F4D; } /* IDENTITY SECTION */ #identity { clear: both; height: 3em; padding: 10px 0 30px; } #sectionName { position: absolute; left: 270px; top: 1.4em; height: 73px; border-left: 1px solid #cdcdcd; } #sectionName h1 { padding: 35px 0 0 10px; color: #7d704d; font: bold 2em Verdana,Tahoma,sans-serif; line-height: 1; text-transform: uppercase; letter-spacing: 1px; } #sectionName h1.size-b { font: bold 2.4em/1 Verdana,Tahoma,sans-serif; letter-spacing: 3px; } #sectionName h1.size-c { font: bold 3em/1 Verdana,Tahoma,sans-serif; letter-spacing: 2px; } /* TOP WEATHER */ #topWeather { display: inline; float: right; margin: -5px 11px 0 0; padding: 5px 10px 0 0; } #topWeather a.icon { display: inline; float: left; margin: 0 5px 0 0; } #topWeather a.icon img { vertical-align: middle; } #topWeather em.temperature { display: inline; float: left; margin: -0.32em 5px 0 0; font: italic 3.3em/112% Georgia,Verdana,sans-serif; vertical-align: middle; } #topWeather em.temperature span { font-size: 0.85em; } #topWeather span.averages { display: inline; float: left; margin: -0.25em 10px 0 0; font-size: 1.1em; font-weight: bold; } #topWeather span.averages a { display: block; } /* TOP SEARCH */ #topSearch { display: inline; clear: right; float: right; width: 23em; margin: 0 11px 0 0; padding: 5px 6px 0 0; text-align: right; } #topSearch .mainInput { display: inline; overflow: hidden; position: relative; } #topSearch .mainInput input { width: 12em; padding: 2px; background: none; } /* HEADER */ #header { position: relative; z-index: 1001; float: left; overflow: visible; width: 958px; margin: 0; padding: 4px 5px 5px 10px; border-bottom: 7px solid #fff; background: #ceb669 url(../cssimg/bg-header.gif) 228px 0 repeat-y; } #headerNews { float: left; list-style: none; margin: 0; padding: 5px 0 5px 2px; } #headerNews li { float: left; width: 110px; color: #fff; font-size: 1.3em; line-height: 100%; font-weight: bold; } #headerNews li a { color: #fff; } #headerNews li strong { font-size: 0.85em; text-transform: uppercase; } #headerNews li a.more { display: block; padding: 2px 0 0; font-size: 0.54em; text-transform: uppercase; } #headerNews li span { position: absolute; left: -10001em; } #headerNews li.image { position: relative; padding: 0 0 0 100px; } #headerNews li.image img { position: absolute; left: 0; top: 0; } #headerNews li.full { line-height: 80px; } #headerNews li.full img { vertical-align: middle; } #headerAds { display: inline; float: right; width: 728px; height: 90px; line-height: 90px; padding: 0; text-align: center; } #headerAds span { visibility: hidden; padding: 0 8px; font-size: 1px; } #headerAds img, #headerAds object, #headerAds embed { display: inline; vertical-align: middle; } #headerAds div { margin-left: auto; margin-right: auto; } #headerAds table { width: 100%; border-collapse: collapse; border-spacing: 0; border: none; } #headerAds table td { height: 90px; padding: 0; vertical-align: middle; text-align: center; } #root .black-header { background-color: #000; } #root .bronze-header { background-color: #aa844d; } #root .brown-header { background-color: #7d4e21; } #root .maroon-header { background-color: #7d2128; } #root .blue-header { background-color: #21557d; } #root .turquoise-header { background-color: #217d66; } #root .green-header { background-color: #717d21; } #root .yellow-header { background-color: #e3b30c; } #root .orange-header { background-color: #cd652d; } /* SAAB NAVIGATION */ #saab-navigation {background-color:#125581; height:24px; width:100%;} #saab-navigation li a {overflow: hidden; display: block; padding: 0.55em 0 0.64em; color: #fff; text-align: center; font-weight: bold; font-size: 1.1em; line-height: 100%;text-decoration: none; } #saab-navigation ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #saab-navigation #saabNav #homePage { float: left; position: relative; width: 25em; color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation #saabNav #feat { float: left; position: relative; width: 25em; color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation #saabNav #advertorial { float: left; position: relative; width: 15em; color:#fff;color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation #saabNav #msgboard { float: left; position: relative; width: 20em; color:#fff;color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation #saabNav #video { float: left; position: relative; width: 10em; color:#fff;color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation #saabNav #extras { float: left; position: relative; width: 10em; color:#fff;color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;} #saab-navigation li ul { /* second-level lists */ display: none; position: absolute; top: 1em; left: 0; } #saab-navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #saab-navigation li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; width: 25em; color:#fff;color:#fff; border-right: 1px solid #999; background: #125581; text-align: center;top: 24px; left: 0; } #saab-navigation ul .current a {background: #c52222; } #saab-navigation ul a:hover {background: #c52222; } #feature #saab-navigation #advertorial a { background: #c52222; } #feature #saab-navigation #advertorial ul li a { background: #125581; } #feature #saab-navigation #advertorial ul li a:hover { background: #c52222; } #feature #saab-navigation #feat a { background: #c52222; } #feature #saab-navigation #feat ul li a { background: #125581; } #feature #saab-navigation #feat ul li a:hover { background: #c52222; } #home #saab-navigation #homePage a { background: #c52222; } #home #saab-navigation #homePage ul li a { background: #125581; } #home #saab-navigation #homePage ul li a:hover { background: #c52222; } #extras #saab-navigation #extras a { background: #c52222; } #extras #saab-navigation #extras ul li a { background: #125581; } #extras #saab-navigation #extras ul li a:hover { background: #c52222; } #video #saab-navigation #video a { background: #c52222; } #video #saab-navigation #video ul li a { background: #125581; } #video #saab-navigation #video ul li a:hover { background: #c52222; } /* NAVIGATION */ #navigation { clear: both; line-height: 100%; } /* 1st level */ #navigation ul { position: relative; z-index: 1000; list-style: none; margin: 0 0 10px; padding: 0; width: 100%; } #navigation ul li { float: left; border: 1px solid #999; border-left: none; background: #fff; text-align: center; } #navigation ul li span { padding: 0 8px 0 0; background: url(/independent.co.uk/images/nav-expand.gif) 100% 80% no-repeat; } #navigation ul li.external span { background-image: url(/independent.co.uk/images/nav-expand-white.gif); } #navigation ul li a { overflow: hidden; display: block; padding: 0.55em 0 0.64em; color: #7d704d; text-align: center; font-weight: bold; font-size: 1.1em; line-height: 100%; } #navigation ul li.news a { width: 70px; } #navigation ul li.environment a { width: 118px; } #navigation ul li.sport a { width: 70px; } #navigation ul li.comment a { width: 90px; } #navigation ul li.education a { width: 92px; } #navigation ul li.money a { width: 72px; } #navigation ul li.travel a { width: 69px; } #navigation ul li.arts a { width: 58px; } #navigation ul li.living a { width: 67px; } #navigation ul li.property a { width: 91px; } #navigation ul li.classified a { width: 93px; } #navigation ul li.offers { border-right: 0; } #navigation ul li.offers a { width: 72px; } #navigation ul li.external { background: #7d704d; border-top: 1px solid #7d704d; } #navigation ul li.external a { color: #f2f4f3; } #navigation ul li.external a:hover { color: #fff; } #navigation ul li a:hover { color: #000; } #navigation ul li.current { border-top-color: #999; border-bottom: 1px solid #e3dec9; background: #e3dec9; } #navigation ul li.current a { color: #000; } #navigation ul li.current a:hover { color: #000; text-decoration: none; } #navigation ul li.spacer { clear: both; float: none; width: 963px; height: 1.3em; padding: 0 10px 0 0; border: 1px solid #ccc; border-width: 0 0 1px; background: #e3dec9; text-align: right; line-height: 2.26em; } /* 2nd level */ #navigation ul li ul { display: none; position: absolute; left: 0; top: 2.6em; width: 968px; padding: 0 0 0 5px; border: 1px solid #ccc; border-width: 0 0 1px; background: #e3dec9; } #navigation ul li.current ul { display: block; } #navigation ul li.current ul li { position: relative; border: none; background: none; } #navigation ul li.current ul li a { width: auto; padding: 0.45em 12px 0.55em; color: #125581; font-weight: normal; white-space: nowrap; } #navigation ul li.current ul li a:hover { text-decoration: underline; } /* 3rd level */ #navigation ul li.current ul li ul { position: absolute; top: 2.2em; left: -10001em; width: 135px; padding: 0; border: 1px solid #ccc; } #navigation ul li ul li:hover ul, #navigation ul li.current ul li.over ul, #navigation ul li.current ul li ul.over { left: 0; } #navigation ul li.current ul li a:focus + ul { left: 0; } #navigation ul li.current ul li ul li { float: left; width: 135px; padding: 0; background: url(/independent.co.uk/images/sep-b.gif) 0 100% repeat-x; line-height: 130%; } #navigation ul li.current ul li ul li a { padding: 0.3em 7px 0.4em; text-align: left; } /*\*/ html>body*#navigation ul li ul { top: 2.6em; } html>body*#navigation ul li.current ul li ul { top: 2.18em; } /**/ /* alt nav a */ #navigation ul.alt-a li.news a { width: 64px; } #navigation ul.alt-a li.opinion a { width: 79px; } #navigation ul.alt-a li.environment a { width: 113px; } #navigation ul.alt-a li.sport a { width: 65px; } #navigation ul.alt-a li.life-style a { width: 105px; } #navigation ul.alt-a li.arts-entertainment a { width: 168px; } #navigation ul.alt-a li.travel a { width: 72px; } #navigation ul.alt-a li.money a { width: 72px; } #navigation ul.alt-a li.extras a { width: 72px; } #navigation ul.alt-a li.student a { width: 81px; } #navigation ul.alt-a li.offers a { width: 72px; } #navigation ul.alt-a li.current ul li a { width: auto; } /* CONTENT */ #content { clear: both; margin: 0 0 4px; background: url(/independent.co.uk/images/content-columns.gif) repeat-y; } #mainRow { display: inline; float: left; width: 779px; margin: 0; padding: 0 0 3px 10px; background: #fff; } #mainRowPrimary { float: left; width: 618px; padding: 0 10px 0 0; border-right: 1px solid #ccc; } .double #mainRowPrimary { width: 456px; padding-right: 9px; } .bless #mainRowPrimary { border: none; } #mainRowSecondary { float: right; width: 140px; margin: 0 0 0 -1px; padding: 0 0 0 10px; border-left: 1px solid #ccc; } .double #mainRowSecondary { width: 304px; padding-left: 9px; } .bless #mainRowSecondary { border: none; } #mainColumn { display: inline; float: left; width: 456px; margin: 0 19px 25px 10px;} #mainColumn-fullpage { display: inline; float: left; width: 756px; margin: 0 19px 25px 10px; } #secondaryColumn { display: inline; float: left; width: 304px; margin: 20px 0 25px 0;} #tertiaryColumn { display: inline; float: right; width: 160px; margin: 20px 0px 25px 0; border-left: solid 1px #CCCCCC; } body.switch #content { margin-top: 25px; background: #fff url(/independent.co.uk/images/content-columns-switch.gif) 464px 0 repeat-y; } body.switch #mainColumn { width: 444px; margin-right: 20px; } body.switch #secondaryColumn { float: right; width: 300px; margin: 0 10px 25px 0; padding: 0; } body.switch #tertiaryColumn { float: left; width: 170px; margin: 0; } body.twoCol #content { background-position: 176px 0; } body.twoCol #mainColumn { width: 627px; margin: 0 0 0 10px; padding: 0 0 25px; } body.twoCol #secondaryColumn { display: inline; overflow: hidden; float: right; width: 300px; margin: 0 10px 25px 0; } body.entertainment #content { background: #fff url(/independent.co.uk/images/content-columns-ent.gif) 467px 0 repeat-y; } body.entertainment #mainColumn { width: 467px; margin: 0 0 25px; background: #fff; } body.entertainment #secondaryColumn { float: right; width: 307px; margin: 0 0 25px; padding: 10px 7px 0; background: #fff; } body.entertainment #tertiaryColumn { float: left; width: 173px; margin: 0 0 0 6px; background: #fff; } /* FOOTER */ #footer { } #footerSearch { padding: 0.7em 10px; border-top: 1px solid #c3bca6; } #footerNavigation { position: relative; padding: 1.1em 10px 3em; border-top: 3px solid #c3bca6; background: #ebebeb; color: #125581; font-size: 1.1em; } #footerNavigation p { padding-right: 14em; } #footerNavigation p strong { color: #333; } #footerNavigation p.powered { position: absolute; right: 11px; top: 0.7em; height: 24px; padding: 0; background: url(/independent.co.uk/images/unison.gif) 100% 50% no-repeat; color: #999; font-size: 0.82em; line-height: 24px; } #footerNavigation p.powered a { height: 24px; padding-right: 26px; color: #3a782f; } /* ======================================= */ ul.hours { list-style: none; margin: 0; padding: 0; } ul.hours li { margin: 0 0 3px; padding: 0 0 0 4em; font-size: 1.1em; } ul.hours li strong { float: left; margin-left: -4.45em; font-size: 0.9em; color: #333; } ul.albums { list-style: none; margin: 0 0 10px; padding: 0; } ul.albums li { margin: 0 0 7px; } ul.albums li.image { overflow: hidden; padding: 0 0 0 74px; } ul.albums li strong { display: block; font-weight: normal; } ul.albums li br { display: none; } ul.albums li.image img { float: left; margin: 0 0 0 -74px; } ul.clean { list-style: none; margin: 0 0 10px; padding: 0; } ul.clean li { margin: 0 0 5px; } ol.clean { margin: 0 0 10px; padding: 0 0 0 25px; } ol.clean li { margin: 0 0 5px; } ol.separated { margin: 0 5px; padding: 0; list-style-position: inside; } ol.separated li { position: relative; margin: 0 0 3px; padding: 3px 0 0; border-top: 1px solid #ccc; } ol.separated li.first { padding: 0; border: none; } ul.blog { list-style: none; margin: 0; padding: 0; } ul.blog li { margin: 0 0 3px; padding: 0 0 0 15px; background: url(/independent.co.uk/images/i-comment.gif) 0 0.2em no-repeat; } ul.blog li.image { overflow: hidden; padding-left: 53px; background: none; } ul.blog li.image img { float: left; margin-left: -53px; } .related { list-style: none; margin: 0 0 15px; padding: 0; } .related li { margin: 0 0 3px; padding: 0 0 0 12px; background: url(/independent.co.uk/images/bullet-a.gif) 0 4px no-repeat; } ul.tools { list-style: none; margin: 0 0 10px; padding: 0; } ul.tools li { overflow: hidden; margin: 0 0 7px; padding-left: 22px; } ul.tools li img { float: left; margin-left: -22px; } .bBorder { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #cdcdcd; } .tBorder { padding: 12px 0 0; margin: 12px 0 0; border-top: 1px solid #cdcdcd; } .borderBold { padding: 15px; margin: 0 0 10px; border: 5px solid #c3bda7; } .bBorderBold { padding-bottom: 7px; margin: 5px 0 10px; border-bottom: 5px solid #c3bda7; } .tBorderBold { padding-top: 7px; margin: 5px 0; border-top: 5px solid #c3bda7; } div.author { margin: 0 0 2px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } ul.insideSection { margin: 0; padding: 0 0 0 15px; font-size: 1.2em; line-height: 150%; } ul.insideSection { margin: 0 0 3px; color: #125581; } ul.paging { overflow: hidden; list-style: none; margin: 10px 0; padding: 0; } ul.paging li { float: left; padding: 0 3px; font-size: 0.9em; } ul.paging li.label { padding: 0 10px 0 0; color: #125581; font-weight: bold; text-transform: uppercase; } ul.paging li a { float: left; padding: 0 2px; text-decoration: none; } ul.paging li span { float: left; padding: 0 2px; width: 6px; height: 8px; margin: 2px 0 0; text-indent: -10001em; } ul.paging li.prev span { background: url(/independent.co.uk/images/paging-left-off.gif) 50% 50% no-repeat; } ul.paging li.prev a span { padding: 0; background-image: url(/independent.co.uk/images/paging-left.gif); cursor: pointer; } ul.paging li.next span { background: url(/independent.co.uk/images/paging-right-off.gif) 50% 50% no-repeat; } ul.paging li.next a span { padding: 0; background-image: url(/independent.co.uk/images/paging-right.gif); cursor: pointer; } ul.separatedLinks { list-style: none; margin: 0 0 15px; padding: 0; } ul.separatedLinks li { display: inline; padding: 0 2px 0 8px; background: url(/independent.co.uk/images/sep-d.gif) 0 55% no-repeat; font-size: 1.1em; line-height: 140%; } ul.separatedLinks li.first { padding-left: 0; background: none; } ul.separatedLinks li strong { color: #959595; font-weight: normal; } ul.leftside { margin: 0; padding: 0 0 0 20px; } a.goComments { padding: 0 0 0 15px; background: url(/independent.co.uk/images/i_comment2.gif) 0 100% no-repeat; color: #b82126; font-size: 9px; font-weight: bold; } /* ======================================= */ /* SEARCH BOX */ .searchBox { margin: 0; padding: 0; border: none; white-space: nowrap; font: 1em Arial,Helvetica,sans-serif; } .searchBox legend { display: none; } .searchBox label { vertical-align: -3px; } .searchBox button { position: relative; width: 24px; height: 17px; margin: 0 4px; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } .searchBox input { vertical-align: middle; } .searchBox .mainInput { margin: 0 0 5px 0; } .searchBox .mainInput input { width: 185px; padding: 1px 3px 1px 17px; border: 1px solid #959595; background: url(/independent.co.uk/images/searchbox.png) no-repeat; } .searchBox img { vertical-align: middle; } /* TOP STORIES */ #mainStory { overflow: hidden; margin: 0; border-bottom: 1px solid #ccc; } div.photoCaption { display: inline; float: right; width: 100%; } div.photoCaption p.caption { font-size: 1em; font-style: italic; } div.photoCaption p.credits { font-size: 0.8em; font-weight: bold; text-align: right; } div.photoCaption p.credits strong { text-transform: uppercase; } #mainStory h1 { font-size: 3.3em; margin: 2px 0 0; } #mainStory p { margin: 0 0 7px; font-size: 1.2em; line-height: 120%; } #mainStory ul { margin: 0 0 10px; font-size: 1.1em; line-height: 130%; } #otherStories { } #otherStories div.column { float: right; width: 220px; } #otherStories div.first { float: left; } #otherStories div.item { overflow: hidden; padding-top: 10px; } #otherStories h2 { margin: 10px 0 2px; font: bold 1.2em Verdana,Arial,Helvetica,sans-serif; } #otherStories p { margin: 0 0 10px; font-size: 1.1em; } #otherStories ul { margin: 0 0 5px; font-size: 1.1em; } #otherStories img { display: block; margin: 10px 0 2px; } #publicatedStories { } #publicatedStories h1 { margin: 0 0 5px; color: #b82129; font: bold 1.8em Tahoma,Verdana,sans-serif; } #publicatedStories div.item { margin: 0; } #publicatedStories div.item h2 { margin: 0; font: bold 1.3em Verdana, Tahoma, sans-serif; } #publicatedStories div.item div.date { margin: 0 0 2px; font-size: 0.8em; font-weight: bold; } #publicatedStories div.item p { font-size: 1.1em; line-height: 120%; } #topStories.section #mainStory { border-bottom: none; } #topStories.section #mainStory h1 { margin-bottom: 3px; font-size: 2.8em; line-height: 100%; } #topStories.section #otherStories { margin-bottom: 15px; } #topStories.section #otherStories h2 { margin-top: 0; font-size: 1.3em; } #topStories.section #otherStories p { margin: 0; } #topStories.section #otherStories img { display: inline; float: right; margin: 0 0 0 10px; } #topStories.section #otherStories img.left { float: left; margin: 0 10px 0 0; } #topStories.section #mainStory div.photoCaption { display: inline; float: right; margin: 0 0 5px; } #topStories.section #otherStories div.feature { display: inline; float: right; width: 158px; margin: 10px 0 0 15px; padding: 6px; border: 1px solid #ccc; background: #f8f9b5; } #topStories.section #otherStories div.feature img { float: none; margin: 0; } body.twoCol div.photoCaption p.credits { margin-bottom: 3px; font-size: 0.8em; font-weight: bold; text-align: right; } /* LONDON STORIES */ #topStoriesCols { overflow: hidden; } #mainStoriesCol { float: left; width: 230px; } #otherStoriesCol { float: right; width: 215px; } #otherStoriesCol p.paper { } #otherStoriesCol p.paper img { border: 1px solid #ccc; } .story-a h1 { margin: 0 0 3px; font-size: 2.4em; line-height: 100%; } .story-a p { font-size: 1.1em; line-height: 130%; } .story-b h2 { margin: 0 0 3px; font-size: 1.7em; line-height: 100%; } .story-b p { font-size: 1.1em; line-height: 130%; } .story-c h2 { margin: 0 0 3px; font-size: 1.6em; line-height: 100%; } .story-c p { font-size: 1.1em; line-height: 130%; } .story-d h3 { margin: 0 0 3px; font-size: 1.4em; line-height: 100%; } .story-d p { font-size: 1.1em; line-height: 130%; } .mainStory { overflow: hidden; width: 100%; } .mainStory div.quote { display: inline; float: right; width: 152px; margin: 0 0 0 10px; } .mainStory div.quote p.cite { font-size: 1.2em; } .mainStory div.quote p.cite span { overflow: hidden; display: block; float: left; width: 18px; height: 32px; margin: 0 4px 0 0; background: url(/independent.co.uk/images/quotie-london-b.jpg) no-repeat; text-indent: -1em; } .mainStory div.quote p.cite a.more { font-size: 0.67em; } .mainStory p.image { display: inline; float: left; margin: 0 10px 0 0; text-align: right; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } .mainStory p.imageright { display: inline; float: right; margin: 0 0 5px 10px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; border:#CCCCCC 1px solid; padding:2px;} .mainStory p.image img { border:#CCCCCC 1px solid; padding:2px;} .mainStory p.eyebrow { margin: 0 0 5px; color: #b82126; font: bold 1.2em Verdana,sans-serif; } .mainStory h1 { margin: 0 0 5px; line-height: 100%; } .mainStory p { margin: 0 0 7px; font-size: 1.1em; line-height: 120%; } .mainStory p strong { } .mainStory p a.more { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.73em; font-weight: bold; text-transform: uppercase; } .mainStory h1.xxs { font-size: 2.4em; } .mainStory h1.xs { font-size: 2.9em; } .mainStory h1.s { font-size: 2.6em; } .mainStory h1.sml { font-size: 2.1em; line-height: 21px;} .mainStory h1.m { font-size: 4.0em; } .mainStory h1.l { font-size: 5.0em; } .mainStory h1.xl { font-size: 6.0em; } .mainStory h1.xxl { font-size: 7.0em; } .story-a1 { } .story-a1 h1 { color: #333; font-size: 2.6em; } .story-a1 h1 a { color: #333; } .story-a1 p { font-size: 1.3em; } .story-a1 p a.more { font-size: 0.57em; } .story-a2 { } .story-a2 h1 { font-size: 4em; } .story-a3 { } .story-a3 h1 { color: #6a5d3b; font-size: 5.2em; } .story-a3 h1 a { color: #6a5d3b; } .story-a4 { } .story-a4 h1 { color: #6a5d3b; font-size: 2.9em; } .story-a4 h1 a { color: #6a5d3b; } .story-a4 ul.related li { font-size: 1.1em; line-height: 120%; } .story-a5 { } .story-a5 h1 { color: #6a5d3b; font-size: 6em; } .story-a5 h1 a { color: #6a5d3b; } .story-a5 h1 a.sunday { color: #ed1c22; } .story-a5 ul.related li { font-size: 1.3em; line-height: 120%; } .story-a6 { } .story-a6 p { font-size: 1.2em; line-height: 120%; } .story-a6 li { font-size: 1.2em; line-height: 120%; } .story-a7 { } .story-a7 h2 { margin: 0 0 3px; color: #333; font: bold 1.1em/1.2 Vardana,sans-serif; } .story-a7 h2 a { color: #333; } .story-a7 p { margin: 0 0 10px; font-size: 1em; font-style: italic; line-height: 120%; } .story-a7 p.enlarge { padding: 0 0 0 20px; background: url(/independent.co.uk/images/i_photos.gif) 0 50% no-repeat; font-size: 0.9em; font-weight: bold; font-style: normal; text-transform: uppercase; } a.sunday { color: #ed1c22; } /* MEDIA BOXES */ .independentMedia { position: relative; margin: 10px 0; border: 1px solid #ccc; border-width: 6px 1px 1px; background: url(/independent.co.uk/images/media-box.png) repeat-y; } .independentMedia h2 { height: 31px; margin: 0; border-bottom: 1px solid #ccc; } .independentMedia h2.imageSection { height: 28px; padding: 7px 0 0 7px; background: none; } .independentMedia h2 img { display: block; } .independentMedia div.more { position: absolute; right: 10px; top: 15px; padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 50% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } .independentMedia div.inner { background: #fff; } .independentMedia div.inner object { display: block; } .independentMedia div.inline { overflow: hidden; padding: 10px; } .independentMedia div.inline img { display: inline; float: left; margin: 0 7px 0 0; } .independentMedia div.inline h3 { display: inline; font: bold 1.1em Verdana,sans-serif; } .independentMedia div.inline h3 span { display: block; float: left; overflow: hidden; width: 12px; height: 10px; margin: 2px 3px 0 0; background: url(/independent.co.uk/images/i-bubble.jpg) no-repeat; text-indent: -10001em; } .independentMedia div.inline p { display: inline; font-size: 1.1em; } .independentMedia div.inline p.more { display: block; margin: 0; font-size: 1em; } .independentMedia div.inline p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } .baloonBlog { margin: 0 0 12px; } .baloonBlog h2 { margin: 0; } .baloonBlog div.inline { overflow: hidden; padding: 0 0 0 3px; } .baloonBlog div.inline img { display: inline; float: left; margin: 0 7px 0 0; } .baloonBlog div.inline h3 { display: inline; margin: 0; font: bold 1.1em Verdana,sans-serif; } .baloonBlog div.inline h3 span { display: block; float: left; overflow: hidden; width: 10px; height: 10px; margin: 2px 3px 0 0; background: url(/independent.co.uk/images/i-bubble-blue.gif) no-repeat; text-indent: -10001em; } .baloonBlog div.inline p { display: inline; font-size: 1.1em; } .baloonBlog div.inline p.more { display: block; margin: 0; font-size: 1em; } .baloonBlog div.inline p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #independentPodcasts { } #independentPodcasts div.inner { overflow: hidden; padding: 10px; } #independentPodcasts div.inner div.column { float: left; width: 117px; margin-left: -1px; padding-left: 10px; border-left: 1px solid #ccc; } #independentPodcasts div.inner div.first { width: 140px; margin-left: 0; padding: 0 10px 0 0; border-right: 1px solid #ccc; border-left: none; } #independentPodcasts div.inner div.column ul.albums strong { font-size: 1.2em; } #independentPodcastSection { } #independentPodcastSection h2 { height: auto; padding: 5px; } #independentPodcastSection h2 img { display: block; } #independentPodcastSection div.inner { padding: 7px; } #independentPodcastSection div.inner strong { display: block; font: bold 1.6em/100% Verdana,Tahoma,sans-serif; } #independentBlog { background: #fff; } #independentBlog h2 { margin: 0; height: 26px; background: url(/independent.co.uk/images/blogscloud.png) 5px 50% no-repeat; text-indent: -10001em; } body.entertainment #independentBlog h2 { background-image: url(/independent.co.uk/images/blogscloud2.png); } #independentBlog div.inner div.column { float: left; width: 130px; padding-left: 5px; } #independentBlog div.inner div.first { width: 140px; margin-left: 0; padding: 0 5px 0 0; } #independentBlog div.inner { overflow: hidden; padding: 10px; } #independentBlog p.more { display: block; margin: -10px 0 0; font-size: 1em; text-align: right; } #independentBlog p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #independentBlogs { margin: 15px 0; padding: 0 12px 15px; border: 4px solid #ccc; background: #525252; color: #fff; } #independentBlogs h2 { position: relative; margin: 0 -12px 11px; padding: 0 12px; border-top: 1px solid #565656; background: #434443 url(/independent.co.uk/images/indeblogshead.gif) 0 100% repeat-x; color: #f07711; font: bold 1.2em/1 Verdana,sans-serif; } #independentBlogs h2 span { display: block; padding: 11px 35px 15px 0; background: url(/independent.co.uk/images/indeblogsicon.gif) 100% 8px no-repeat; } #independentBlogs h2 strong { color: #fff; } #independentBlogs div.item { overflow: hidden; min-height: 65px; padding: 0 0 0 70px; } #independentBlogs div.item p.image { display: inline; float: left; width: 70px; margin: 0 0 0 -70px; } #independentBlogs div.item p.image img { border: 1px solid #fff; } #independentBlogs div.item h3 { margin: 0 0 1px; color: #fff; font: bold 0.9em Verdana,sans-serif; text-transform: uppercase; } #independentBlogs div.item h3 a { color: #fff; } #independentBlogs div.item p { color: #f07711; font-size: 1.2em; font-weight: bold; line-height: 1.2; } #independentBlogs div.item p a { color: #f07711; } #independentBlogs div.more { padding: 5px 5px 5px 45px; background: #fff url(/independent.co.uk/images/eagle2.gif) 6px 5px no-repeat; } #independentBlogs div.more p { margin: 0; color: #000; font-size: 1.2em; line-height: 1.3; } #independentBlogs div.more p a { color: #000; } #independentBlogs div.more p a span { color: #f07711; text-transform: uppercase; } #independentBlogPersonal { } #independentBlogPersonal h2 { padding: 5px 0 0 7px; background: #fff; } #independentBlogPersonal div.more { top: 20px; } #independentVideo h2 { background: url(/independent.co.uk/images/media-box-video.png) 5px 50% no-repeat; text-indent: -10001em; } #independentPodcasts h2 { background: url(/independent.co.uk/images/media-box-podcasts.png) 5px 50% no-repeat; text-indent: -10001em; } #belfast #independentVideo h2 { background-image: url(/independent.co.uk/images/media-box-video-belfast.png); } #belfast #independentPodcasts h2 { background-image: url(/independent.co.uk/images/media-box-podcasts-belfast.png); } /* ENTERTAINMENT BOX */ #entertainment { position: relative; width: 100%; margin: 0 0 20px; padding: 0; } #entertainment h2 { margin-top: -20px; padding: 0 40px 0 0; } #entertainment ul.paging { position: absolute; right: 0; top: 0; float: right; list-style: none; margin: 0 0 2px; padding: 0; font: bold 0.9em Verdana,sans-serif; } #entertainment ul.paging li { display: inline; float: left; margin: 0 1px; } #entertainment ul.paging li a { float: left; padding: 1px 2px; background: #e1e1e1; } #entertainment ul.paging li a:hover { background: #125581; color: #fff; text-decoration: none; } #entertainment div.slidesHolder { position: relative; width: 100%; } #entertainment div.slidesHolderCSS { overflow: hidden; height: 134px; margin: 0 0 5px; } #tertiaryColumn #entertainment div.slidesHolderCSS { height: 234px; } #entertainment ul.slides { list-style: none; overflow: hidden; margin: 0 0 5px; padding: 0; height: 134px; } #tertiaryColumn #entertainment ul.slides { height: 234px; } #entertainment ul.slides li { float: right; width: 215px; min-height: 128px; padding: 6px 5px 0 7px; font-size: 1.3em; line-height: 110%; } #tertiaryColumn #entertainment ul.slides li { min-height: 228px; } #entertainment ul.slides li img { display: inline; float: left; margin: 0 7px 0 0; } #entertainment ul.slides li br { display: none; } #entertainment ul.slides li strong { display: block; margin: 0 0 3px; font: 2.08em/1 Arial,Helvetica,sans-serif; } #entertainment ul.slides li a.more { color: #0066ff; font-size: 0.63em; text-transform: uppercase; } #entertainment ul.slides li.first { float: left; } #entertainment ul.slides li.full { width: 443px; } body.twoCol #secondaryColumn #entertainment ul.slides li.full { width: 288px; } #tertiaryColumn #entertainment ul.slides li.full { width: 148px; } #secondaryColumn #entertainment ul.slides li.full { width: 292px; } #entertainment ul.slides li.blue { background: #569bd0; } #entertainment ul.slides li.blue strong, #entertainment ul.slides li.blue strong a { color: #fff; } #entertainment ul.slides li.grey { background: #d0cfcf; } #entertainment ul.slides li.grey strong, #entertainment ul.slides li.grey strong a { color: #f37020; } #entertainment ul.slides li.black { background: #000; color: #fff; } #entertainment ul.slides li.black strong, #entertainment ul.slides li.black strong a { color: #f37020; } #entertainment ul.slides li.violet { background: #9390bf; } #entertainment ul.slides li.violet strong, #entertainment ul.slides li.violet strong a { color: #fff; } #entertainment ul.slides li.right { text-align: left; } #entertainment ul.slides li.right img { float: right; margin: 0 0 0 5px; } #entertainment ul.sections { list-style: none; margin: 0; padding: 0; } #entertainment ul.sections li { display: inline; padding: 0 3px 0 7px; background: url(/independent.co.uk/images/sep-c.gif) 0 50% no-repeat; } #entertainment ul.sections li.first { padding-left: 0; background: none; } #entertainment ul.sections li a { color: #333; } /* SECTIONS */ h1.sectionsLabel { margin: 0 -10px 10px; padding: 10px 10px 0; border-top: 6px solid #d7d7d7; color: #b82126; font: bold 1.8em Tahoma,Verdana,sans-serif; } div.section-news { margin: 0 0 20px; line-height: 121%; } div.section-news div.header { position: relative; margin: 0 0 7px; padding: 0 0 2px; border-bottom: 1px solid #ccc; } div.section-news div.header h2 { display: inline; margin: 0; padding: 0 5px 0 0; color: #333; font: bold 1.4em Arial,Tahoma,Verdana,sans-serif; text-transform: uppercase; letter-spacing: 2px; } div.section-news div.header h2 a { color: #333; } div.section-news div.header ul { display: inline; list-style: none; margin: 0; padding: 0; font-size: 0.9em; } div.section-news div.header ul li { display: inline; padding: 0 2px 0 8px; background: url(/independent.co.uk/images/sep-d.gif) 0 50% no-repeat; } div.section-news div.header ul li.first { padding-left: 0; background: none; } div.section-news div.header a.feed { position: absolute; right: 5px; bottom: 3px; overflow: hidden; width: 42px; height: 13px; background: url(/independent.co.uk/images/feed.gif) no-repeat; text-indent: -10001em; } div.section-news div.content { overflow: hidden; } div.section-news div.content div.news { } div.section-news div.content div.news div.first { } div.section-news div.content div.news div.first h3 { margin: 0 0 3px; font-size: 1.3em; font-weight: bold; } div.section-news div.content div.news div.first p { margin: 0 0 5px; font-size: 1.1em; } div.section-news div.content div.news div.image { overflow: hidden; padding: 0 0 5px 80px; } div.section-news div.content div.news div.image img { float: left; margin-left: -75px; } div.section-news div.content div.news ul { margin: 0; padding: 0 0 0 15px; font-size: 1.2em; line-height: 120%; } div.section-news div.content div.news ul li { margin: 0 0 3px; color: #125581; } div.section-news div.content div.news ul li em.rating { } div.section-news div.content div.feature { display: inline; float: right; width: 125px; margin: 0 2px 0 8px; padding: 7px 7px; background: #e8f0f3; } div.section-news div.content div.feature img { display: block; margin: 0 0 3px; } div.section-news div.content div.feature h4 { margin: 0 0 3px; font-size: 1.1em; font-weight: bold; } div.section-news div.content div.feature p { margin: 0; font-size: 1.1em; } div.section-news p.more { margin-top: 5px; } div.section-news p.more a { margin-top: 10px; padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 50% no-repeat; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } em.rating { display: -moz-inline-box; display: inline-block; overflow: hidden; width: 59px; height: 11px; background: url(/independent.co.uk/images/stars-b.png) no-repeat; vertical-align: -2px; } em.rating span { display: -moz-inline-block; display: block; width: 0; height: 11px; background: url(/independent.co.uk/images/stars-b.png) 0 -11px no-repeat; text-indent: -10001em; } em.rating span.rated-1 { width: 11px; } em.rating span.rated-2 { width: 23px; } em.rating span.rated-3 { width: 35px; } em.rating span.rated-4 { width: 47px; } em.rating span.rated-5 { width: 59px; } body.subs div.section-news div.content { background: none; } body.subs div.section-news div.content div.news { width: auto; } body.subs div.section-news div.content div.news div { overflow: hidden; padding: 0; } body.subs div.section-news div.content div.news div img { display: inline; float: left; margin: 0 10px 5px 0; } body.breaking div.section-news ul.hours { padding: 0 !important; } body.breaking div.section-news ul.hours li { padding-left: 3.5em !important; } body.breaking div.section-news ul.hours li strong { margin-left: -4.5em; font-size: 0.76em !important; } body.entertainment div.section-news { margin: 0; padding: 0 10px 5px 15px; } body.entertainment div.section-news div.header { margin: 0 -10px 0 -15px; padding: 0; border-bottom: none; } body.entertainment div.section-news div.header h2 { display: block; margin: 0 0 12px 0; padding: 2px 15px 2px 10px; background: #c8ab4f; color: #fff; font: bold 1.6em Arial,Tahoma,sans-serif; text-transform: lowercase; letter-spacing: 0.3px; } body.entertainment div.section-news div.content { overflow: hidden; } body.entertainment div.section-news div.content div.news div.first { float: left; width: 235px; padding: 0 5px 0 0; border-right: 1px solid #ccc; } body.entertainment div.section-news div.content div.news div.first h3 { margin: 0 0 3px; font: 2em/110% Verdana,sans-serif; letter-spacing: -0.5px; } body.entertainment div.section-news div.content div.news div.first img { display: inline; float: left; margin: 0 5px 3px 0; } body.entertainment div.section-news div.content div.news div.first p { font-size: 1.1em; line-height: 110%; } body.entertainment div.section-news div.content ul { float: left; width: 170px; margin: 0 0 0 -1px; padding: 0 0 0 25px; border-left: 1px solid #ccc; } body.entertainment div.section-news div.content ul li { margin: 0 0 3px; font-size: 1.1em; line-height: 120%; } #belfast h1.sectionsLabel { color: #f2701c; } #belfast div.section-news div.content div.news ul li { color: #1e196c; } /* EDITOR'S CHOICE & TODAY'S PAPER COLUMNS */ #todaysChoice { overflow: hidden; margin: 0 0 10px; } #todaysChoice.separate { padding: 0 0 10px; background: url(/independent.co.uk/images/sep-a.gif) 0 100% repeat-x; } #todaysChoice #editorsChoice { float: left; width: 141px; padding: 0 0 0 11px; margin-left: -1px; border-left: 1px solid #ccc; } #todaysChoice.switch #editorsChoice { width: 151px; padding: 0; margin-left: 0; border-left: none; border-right: 1px solid #ccc; } #todaysChoice #todaysPaper { float: left; width: 141px; padding: 0 0 0 11px; margin-left: -1px; border-left: 1px solid #ccc; } #todaysChoice #topStoriesSide { float: left; width: 141px; padding: 0 10px 0 0; border-right: 1px solid #ccc; } #todaysChoice #independentServices { float: left; width: 141px; padding: 0 0 0 10px; } #todaysChoice.switch #independentServices { float: left; width: 141px; margin: 0 0 0 -1px; padding: 0 0 0 10px; border-left: 1px solid #ccc; } /* EDITOR'S CHOICE */ #editorsChoice ul { list-style: none; margin: 0; padding: 0; } #editorsChoice ul li { overflow: hidden; margin: 0 0 5px; } #editorsChoice ul li.image { overflow: hidden; padding: 0 0 0 52px; } #editorsChoice ul li strong { color: #125581; font-size: 1.1em; font-weight: bold; } #editorsChoice ul li img { display: inline; float: left; margin: 0 5px 2px 0; } #editorsChoice ul li.image img { margin: 0 0 0 -51px; } /* TOP STORIES SIDE */ #topStoriesSide { } #topStoriesSide ul { list-style: none; margin: 0; padding: 0; } #topStoriesSide ul li { margin: 0 0 5px; font-size: 1.2em; line-height: 120%; } #topStoriesSide ul li strong { padding: 0 0 0 27px; background: url(/independent.co.uk/images/i-new.gif) 0 3px no-repeat; font-weight: normal; } h2.stories { margin: 0 0 7px; color: #b82126; font: bold 1.1em/120% Verdana,sans-serif; } h2.stories a { color: #b82126; } ul.stories { list-style: none; margin: 0; padding: 0; } ul.stories li { margin: 0 0 5px; font-size: 1.2em; line-height: 120%; } ul.stories li strong { padding: 0 0 0 27px; background: url(/independent.co.uk/images/i-new.gif) 0 3px no-repeat; font-weight: normal; } /* TODAY'S PAPER */ #todaysPaper { } #todaysPaper p { } #todaysPaper.slim p { margin: 0; } #todaysPaper p label { position: absolute; left: -10001em; } #todaysPaper p select { width: 105px; vertical-align: middle; font-size: 0.9em; } #todaysPaper p button { position: relative; width: 24px; height: 17px; margin: 0 0 0 4px; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } #todaysPaper img { border: 1px solid #ccc; } #todaysPaper p.noHeader { margin: 0 0 5px; font-size: 0.9em; } .mainNewsSide #todaysPaper p select { width: 140px; } #todaysPaper.slim p select { width: 127px; } /* MOST POPULAR OLD VERSION #mostPopular { margin: 0 0 15px; border: 1px solid #ccc; border-top-width: 5px; } #mostPopular h2 { margin: 7px 0 7px 10px; color: #b82126; font: bold 1.8em Verdana,sans-serif; letter-spacing: -1px; } #mostPopular .tabbedContainer { margin-left: 1px; margin-bottom: 0; border-right-color: #fff; border-bottom: none; border-left: none; } #mostPopular .tabbedContainer ul.anchors { overflow: hidden; } #mostPopular .tabbedContainer ul.anchors li { margin-left: -1px; } #mostPopular .tabbedContainer ul.anchors li a { background: #d2ddee; color: #125581; } #mostPopular .tabbedContainer ul.anchors li a:hover { background: #c0cee2; } #mostPopular .tabbedContainer ul.anchors li.tabs-selected a, #mostPopular .tabbedContainer ul.anchors li.tabs-selected a:hover { background: #fff; color: #b82126; } #mostPopular .tabbedContainer div { padding-bottom: 0; } #mostPopular .tabbedContainer div li.alt a { color: #555; } #mostPopular .tabbedContainer div li, #mostPopular .tabbedContainer div p { font-size: 1.1em; line-height: 120%; } */ /* MOST POPULAR */ #mostPopular { margin: 0 0 15px; } #mostPopular h2 { margin: 0; padding: 5px 0 6px; border: 5px solid #ccc; border-width: 5px 0; color: #b22; font: bold 1.5em Verdana,sans-serif; letter-spacing: -1px; } #mostPopular ul.anchors { margin: 0 0 0 -1px; background: none; } #mostPopular ul.anchors li { bottom: 0; border-top: none; } #mostPopular ul.anchors li a { border-top: none; border-color: #ccc; background: #fff url(/independent.co.uk/images/bg-a.gif) -1px 0 no-repeat; color: #333; } #mostPopular ul.anchors li.tabs-selected a { background-repeat: repeat-x; } div.pList { } div.pList p { position: relative; width: 100%; margin: 3px 0 0; padding: 3px 0 0; border-top: 1px solid #ccc; color: #000; font-size: 1.1em; font-weight: bold; line-height: 1.3; } div.pList p.first { margin: 0; padding: 0; border-top: none; } div.pList p strong { position: absolute; left: 0; top: 5px; width: 15px; font-size: 0.91em; line-height: 1; text-align: center; } div.pList p.first strong { top: 2px; } div.pList p a { display: block; margin: 0 0 0 20px; } /* INDEPENDENT SERVICES */ #independentServices { overflow: hidden; } #independentServices ul.double { float: left; margin: 0; width: 135px; } #independentServices ul.first { width: 160px; } #independentServices ul.photos { overflow: hidden; list-style: none; margin: 0 0 5px; padding: 0; } #independentServices ul.photos li { float: left; } #independentServices h3 { margin: 0 0 3px; color: #125581; font: bold 1.1em Verdana,sans-serif; } /* TABS */ .tabbedContainer { margin: 0 0 10px; background: #fff; border: 1px solid #ccc; border-top: none; } .tabbedContainer ul.anchors { overflow: hidden; position: relative; z-index: 10; list-style: none; margin: 0 -1px; padding: 0; background: #fff url(/independent.co.uk/images/sep-h.gif) 0 100% repeat-x; font-size: 1.1em; } .tabbedContainer ul.anchors li { float: left; position: relative; bottom: -1px; } .tabbedContainer ul.anchors li a { float: left; padding: 3px 10px; border-left: 1px solid #e5ecee; border-top: 1px solid #fff; background: #125581; color: #fff; text-decoration: none; } .tabbedContainer ul.anchors li a:hover { background: #1568b6; text-decoration: none; } .tabbedContainer ul.anchors li.tabs-selected { bottom: 0; z-index: 10; margin: 0 -1px 0 0; border: 1px solid #ccc; border-bottom: none; background: #fff; } .tabbedContainer ul.anchors li.tabs-selected a, .tabbedContainer ul.anchors li.tabs-selected a:hover { background: #fff; color: #333; border-left: none; } .tabbedContainer div { position: relative; z-index: 1; padding: 10px 5px; border-top: none; background: #fff; overflow: hidden; } .tabbedContainer div div { padding: 0; } .tabbedContainer p.more { padding: 0 10px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } /* HEADERS IR */ #todaysPaper h2 { height: 10px; background: url(/independent.co.uk/images/h-todays-paper.gif) no-repeat; font-size: 1px; text-indent: -10001em; } #independentServices h2 { height: 10px; background: url(/independent.co.uk/images/h-independent-services.gif) no-repeat; font-size: 1px; text-indent: -10001em; } #breakingNews h2 { height: 10px; background: url(/independent.co.uk/images/h-breaking-news.gif) no-repeat; font-size: 1px; text-indent: -10001em; } #dayInPage h2 { height: 10px; background: url(/independent.co.uk/images/h-day-in-page.gif) no-repeat; font-size: 1px; text-indent: -10001em; } #entertainment h2, #editorsChoice h2, #topStoriesSide h2 { color: #333; font: bold 1.2em Verdana,sans-serif; letter-spacing: 0; text-transform: uppercase; } #entertainment h2 { margin-bottom: 7px; font: bold 1.4em/1 Arial,Helvetica,sans-serif; letter-spacing: 2px; } #columnists h2, #todayInPictures h2 { color: #b82126; font: bold 1.4em Verdana,sans-serif; } #independentTools h2 { height: 15px; background: url(/independent.co.uk/images/h-independent-tools.gif) no-repeat; font-size: 1px; text-indent: -10001em; } /* DAY IN PAGE */ #dayInPage { margin: 0 0 10px; padding: 0 0 10px; } #dayInPage fieldset { margin: 0; padding: 0; border: none; } #dayInPage fieldset legend { display: none; } #dayInPage fieldset label { position: absolute; left: -10001em; } #dayInPage fieldset select { margin: 0 3px 0 0; vertical-align: middle; } #dayInPage fieldset button { vertical-align: middle; cursor: pointer; line-height: 100%; } #dayInPage p { margin: 0 0 5px; color: #125581; font-size: 1.2em; } #dayInPage.short h2 { margin: 0 0 3px; font-size: 1.4em !important; } #dayInPage.short p { margin: 0 0 7px; } #dayInPage.short button { margin: 7px 0 3px; } /* TODAY IN PICTURES */ #todayInPictures { margin: 0 0 10px; padding: 0; } #todayInPictures ul { overflow: hidden; list-style: none; margin: 0 0 5px; padding: 0; } #todayInPictures ul li { display: inline; float: left; margin: 0 7px 0 0; } /* COLUMNIST */ #columnists { border-bottom: 1px solid #ccc; } #columnists ul.blog { margin-bottom: 10px; } #columnists a.more { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 50% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } /* CLASSIFIED SEARCH */ #classifiedSearch { overflow: hidden; background: #fff; } #classifiedSearch h2 { margin-bottom: 0; border-bottom: none;} #classifiedSearch .tabbedContainer { margin: 0 -7px 0 -8px; border-right: none; background: #e6ecec; } #classifiedSearch .tabbedContainer div { background: none; } #classifiedSearch .tabbedContainer ul.anchors { overflow: hidden; margin-right: 0; margin-left: 0; background-color: #fff; } #classifiedSearch .tabbedContainer ul.anchors li { margin-left: 0px; } #classifiedSearch .tabbedContainer ul.anchors li a { padding-left: 5px; padding-right: 5px; border-top-color: #ebebeb; } #classifiedSearch .tabbedContainer ul.anchors li a { background: #d2ddee; color: #125581; } #classifiedSearch .tabbedContainer ul.anchors li a:hover { background: #c0cee2; } #classifiedSearch .tabbedContainer ul.anchors li.tabs-selected a, #classifiedSearch .tabbedContainer ul.anchors li.tabs-selected a:hover { background: #ebebeb; color: #b22; } #classifiedSearch .tabbedContainer ul.anchors li.first { border-left: none; } #classifiedSearch .tabbedContainer ul.anchors li.first a { border-left: none; } #classifiedSearch .tabbedContainer #cs-jobs h2, #classifiedSearch .tabbedContainer #cs-cars h2, #classifiedSearch .tabbedContainer #cs-property h2 { height: 50px; width: 126px; margin:1px; text-indent: -10001em; } #classifiedSearch .tabbedContainer #cs-jobs h2 { background: url(/independent.co.uk/images/powered-by-jobs.png) no-repeat;} #classifiedSearch .tabbedContainer #cs-property h2 { background: url(/independent.co.uk/images/powered-by-property.png) no-repeat;} #classifiedSearch .tabbedContainer #cs-cars h2 { background: url(/independent.co.uk/images/powered-by-cars.png) no-repeat;} #classifiedSearch fieldset { margin: 0; padding: 0; border: none; font-size: 1.1em; } #classifiedSearch fieldset legend { display: none; } #classifiedSearch fieldset label { position: absolute; left: -10001em; } #classifiedSearch fieldset select { margin: 0 0 3px; width: 100%; } #classifiedSearch fieldset button { display: block; margin: 0 0 0 auto; cursor: pointer; } /* SIDEBOXES */ .sideBox { margin: 0 0 10px; padding: 0 7px; background: #e6ecec; border: 4px solid #ccc; } .sideBox h2 { margin: 0 -7px 10px; padding: 5px 7px; border-bottom: 1px solid #ccc; background: #fff; color: #b22; font: bold 1.3em Verdana,Arial,Helvetica,sans-serif; } #secondaryColumn .sideBox h2 { color: #b82126; } .sideBox h2 img { display: block; } /* TODAY'S POLL */ #todaysPoll { padding-bottom: 1px; } #todaysPoll fieldset { margin: 0; padding: 0; border: none; font-size: 1.1em; } #todaysPoll fieldset legend { display: none; } #todaysPoll fieldset label { display: block; margin: 0 0 10px 25px; } #todaysPoll fieldset input { display: inline; float: left; clear: left; margin: 0 -25px 0 0; } #todaysPoll fieldset button { margin: 0 0 10px; cursor: pointer; } #todaysPoll ul { margin: 0 0 10px; padding: 0 0 0 15px; } #todaysPoll ul li { color: #125581; } #todaysPoll p.powered { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #secondaryColumn #todaysPoll fieldset { margin: 0 0 5px; } #secondaryColumn #todaysPoll fieldset button { display: inline; margin: 0 0 0 10px; vertical-align: 0; } /* HEADING OUT */ #headingOut { padding-bottom: 1px; } #headingOut fieldset { margin: 0; padding: 0; border: none; font-size: 1.1em; } #headingOut fieldset legend { display: none; } #headingOut fieldset label { position: absolute; left: -10001em; } #headingOut fieldset select { margin: 0 0 3px; width: 100%; } #headingOut fieldset button { display: block; margin: 0 0 0 auto; cursor: pointer; } #headingOut ul { margin: 5px 0 10px; } /* DAILY DIVERSIONS */ #dailyDiversions { padding-bottom: 1px; background: #fff; border-width: 3px 1px 1px; } body.entertainment #dailyDiversions { border-color: #d342ab; } body.entertainment #dailyDiversions h2 { color: #d342ab; } #dailyDiversions p.topLinks { margin-left: -2px; font-size: 0.9em; } #dailyDiversions ul { list-style: none; margin: 0; padding: 0; } #dailyDiversions ul li { overflow: hidden; margin: 0 0 10px; } #dailyDiversions ul li strong { display: block; font: bold 1.3em/120% Verdana,sans-serif; } #dailyDiversions ul li img { display: inline; float: left; margin: 3px 10px 3px 0; } #dailyDiversions ul li.image-top img { display: block; float: none; margin: 0 0 5px; } /* INDEPENDENT TOOLS */ #independentTools { padding: 10px; border: 1px solid #999; } #independentTools ul { list-style: none; margin: 0 0 5px; padding: 0; } #independentTools ul li { margin: 0 0 5px; padding: 0 0 0 18px; } #independentTools ul li img { float: left; margin-left: -18px; } #independentTools ul li a.more { font-weight: bold; font-size: 0.8em; text-transform: uppercase; } /* ======================================= */ /* BREADCRUMBS */ #breadcrumbs { position: relative; margin: -5px 0 10px; padding: 0 10px 5px; border-bottom: 1px solid #bfbfbf; color: #7d704d; font-weight: bold; } body.subs #breadcrumbs { margin-bottom: 5px; border-bottom: none; } #breadcrumbs p { margin: 0; } #breadcrumbs p a { text-decoration: underline; } #breadcrumbs p span { padding: 0 3px; } body.entertainment #breadcrumbs { margin: -10px 0 7px; padding: 6px 10px 7px; background: #fff; } /* ADVERTISER LINKS */ #advertiserLinks { padding: 0 0 12px; } #advertiserLinks h2 { color: #b82126; font: bold 1.4em Verdana,sans-serif; } #advertiserLinks ul.sections { margin: 0 0 15px; padding: 0 0 0 15px; } #advertiserLinks ul.sections li { margin: 0; padding: 0; } #advertiserLinks p.ad { font-size: 1.1em; } #advertiserLinks p.ad a { color: #3c7322; } #advertiserLinks p.ad strong a { color: #125581; } /* COLUMNIST COMMENTS */ #columnistComments { } #columnistComments h3 { margin: 0 0 5px; color: #7f7f7f; font: bold 1.1em/1.2 Verdana,sans-serif; text-transform: uppercase; letter-spacing: -1px; } #columnistComments h3 strong { color: #fc6b1a; } #columnistComments div.item { overflow: hidden; margin: 0 0 12px; } #columnistComments div.item img { display: inline; float: left; margin: 0 7px 0 0; } #columnistComments div.item h4 { margin: 0 0 1px; font-size: 1.2em; font-weight: bold; line-height: 120%; } #columnistComments div.item h4 span { display: block; float: left; overflow: hidden; width: 33px; height: 28px; background: url(/independent.co.uk/images/quotie.jpg) 0 2px no-repeat; text-indent: -10001em; } #columnistComments div.item p { font-size: 1.1em; } #columnistComments p.more { padding: 0 7px 0 0; text-align: right; } #columnistComments p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #belfast #columnistComments div.item h4 span { background-image: url(/independent.co.uk/images/quotie-belfast.jpg); } #london #columnistComments div.item h4 span { background-image: url(/independent.co.uk/images/quotie-london.jpg); } /* ON TV */ #onTv { padding: 0; } #onTv h2 { margin: 0 0 2px; } #onTv div.row { padding: 5px 10px; } #onTv div.odd { background: #ebebeb; } #onTv div.row h3 { margin: 0 0 1px; color: #125581; font: bold 1.1em Verdana,sans-serif; } #belfast #onTv div.row h3 { color: #1e196c; } /* ======================================= */ /* ARTICLE PHOTOS */ #articlePhotos { display: inline; float: right; width: 190px; margin: 0 0 10px 10px; border-bottom: 1px solid #ccc; } #articlePhotos a.image { display: block; margin: 0 0 4px; text-align: right; } #articlePhotos a.image:hover { text-decoration: none; } #articlePhotos a.image:hover span { text-decoration: underline; } #articlePhotos p { margin: 0 0 5px; } #articlePhotos ul.paging { } #articlePhotos ul.paging li.label { padding: 0 3px 0 0; color: #555; } #articlePhotos ul.paging li.label img { margin: 0 2px 0 0; vertical-align: middle; } #articlePhotos ul.paging li { padding: 0 2px; } /* ARTICLES RELATED */ #articleRelated { display: inline; clear: right; float: right; width: 180px; margin: 0 0 10px 10px; border: 5px solid #ccc; } #articleRelated div.articleTools { padding: 5px; } #articleRelated div.articleTools .ad { float: right; } #articleRelated div.articleTools h2 { margin: 0 -5px 5px; padding: 10px 5px 5px; border-bottom: 1px solid #ccc; color: #ba222a; font: bold 1.8em Verdana,sans-serif; } #articleRelated div.articleTools ul { list-style: none; margin: 0; padding: 0 5px 7px; background: url(/independent.co.uk/images/sep-e.gif) 50% 100% repeat-x; } #articleRelated div.articleTools ul li { display: inline; padding: 0 15px 0 0; font-size: 0.9em; line-height: 1.7em; } #articleRelated div.articleTools ul li a { color: #000; } #articleRelated fieldset.searchBox { width: auto; margin: 0 5px; padding: 0 0 10px; border: none; border-top-color: #fff; } #articleRelated fieldset.searchBox legend { display: none; } #articleRelated fieldset.searchBox label { display: block; } #articleRelated fieldset.searchBox input { width: 130px; padding: 2px 1px; border: 1px solid #aaa; background: url(/independent.co.uk/images/searchbox.png) -15px 0 no-repeat; } #articleRelated div.relatedArticles { padding: 5px; background: #f3f3f3; border-top: 5px solid #ccc; } #articleRelated div.relatedArticles h2 { margin: 0 0 5px; padding: 0 0 5px; color: #b91f29; font: bold 0.9em Verdana,Georgia,sans-serif; text-transform: uppercase; } #articleRelated div.relatedArticles ul { list-style: none; margin: 0; padding: 0; } #articleRelated div.relatedArticles ul li { font-size: 1.1em; } /* ARTICLE ELEMENTS */ #article { } #article p.eyebrow { margin: 0 0 2px; font-size: 1.2em; text-transform: uppercase; } #article h1 { font: 2.6em Georgia,Verdana,sans-serif; color: #333; } #article p.rating { margin: -3px 0 15px; } #article p.rating em.rating { width: 99px; height: 17px; background: url(/independent.co.uk/images/stars-b-large.png) no-repeat; vertical-align: middle; } #article p.rating em.rating span { height: 17px; background: url(/independent.co.uk/images/stars-b-large.png) 0 -17px no-repeat; } #article p.rating em.rating span.rated-1 { width: 18px; } #article p.rating em.rating span.rated-2 { width: 36px; } #article p.rating em.rating span.rated-3 { width: 54px; } #article p.rating em.rating span.rated-4 { width: 72px; } #article p.rating em.rating span.rated-5 { width: 89px; } #article p.subheader { margin: -5px 0 20px; font-size: 1.4em; font-weight: bold; } #article p.tagline { margin: 0 0 20px; font-size: 1.2em; font-weight: bold; line-height: 120%; } #article p.info { font-size: 1.2em; color: #464646; } #article p.info em { font-style: normal; font-size: 10px; } #article div.body { margin: 0 0 10px; padding: 0 0 10px; font-size: 1.3em; line-height: 120%; } #article div.body.font-aa { font-size: 1.4em; } #article div.body.font-aaa { font-size: 1.6em; } #articleAuthor { font: italic 1em Georgia,Verdana,Tahoma,sans-serif; } /* SIDE TOP AD */ #articleSideTop { overflow: hidden; width: 300px; } #articleSideAd { float: left; margin: 0 0 10px; padding: 0 10px 0 0; background: #fff; } #articleSideAd.right { float: right; padding: 0 0 0 10px; } #articleSideAd img { } #articleSideTop #dayInPage { padding-left: 0; padding-right: 0; } #articleSideTop #dayInPage h2 { padding-left: 0; padding-right: 0; color: #b82126; font: bold 1.4em Verdana,sans-serif; } h2.articleSection { color: #b82126; font: bold 1.8em Tahoma,Verdana,sans-serif; } /* BOX FROM ARTICLE PAGE */ .boxArticle { padding: 0 12px 10px; border: 1px solid #ccc; border-top-width: 4px; } .boxArticle h2 { position: relative; margin: 0 -12px 10px; padding: 5px 12px; border-bottom: 1px solid #ccc; color: #b82126; font: bold 1.8em Tahoma,Verdana,sans-serif; } .boxArticle h2.logoRight { padding: 6px 12px; } .boxArticle h2.logoRight img { position: absolute; right: 5px; top: 2px; } /* ARTICLE POLL */ div.articlePoll { display: inline; clear: right; float: right; width: 191px; margin: 0 0 10px 10px; } div.articlePoll td.bar { white-space: nowrap; } /* ARTICLE TOOLS */ ul.articleTools { clear: both; list-style: none; margin: 0 0 15px; padding: 10px 0 0; border-top: 1px solid #ccc; } ul.articleTools li { display: inline; padding: 0 15px 0 0; } ul.articleTools li.next { float: right; padding: 0 12px 0 0; background: url(/independent.co.uk/images/bullet-a.gif) 100% 70% no-repeat; font-size: 0.8em; font-weight: bold; line-height: 1; text-transform: uppercase; } ul.articleTools li img { margin: 0 3px 0 0; vertical-align: middle; } ul.articleTools li a { color: #333; } ul.articleTools li a:hover { color: #000; text-decoration: none; } ul.articleTools li.next a { color: #125581; } #articleRelated ul.articleTools { clear: none; padding: 0; border: none; } #articleRelated2 ul.articleTools { clear: none; padding: 0; border: none; } /* ARTICLE SIDEBAR */ div.articleSidebar { display: inline; float: left; width: 150px; margin: 5px 15px 5px 0; padding: 5px 0 1px; border-top: 5px solid #ccc; border-bottom: 1px solid #ccc; color: #125581; } div.articleSidebar h2 { margin: 0 0 5px; color: #333; font-size: 1.6em; line-height: 1.1; } div.articleSidebar h2 a { color: #333; } div.articleSidebar p.image { display: inline; float: left; margin: 2px 7px 3px 0; } div.articleSidebar p, div.articleSidebar li { font: bold 0.9em/1.2 Georgia,sans-serif; } /* ARTICLE PULLQUOTE */ div.articlePullquote { display: inline; float: left; width: 150px; margin: 5px 15px 5px 0; padding: 5px 0 1px; border: 5px solid #ccc; border-width: 5px 0; color: #125581; } div.articlePullquote p { margin: 0 0 5px; font: bold 1.1em/1.2 Georgia,sans-serif; } div.articlePullquote p span { display: inline; margin: 0; padding: 0 17px 0 0; background: url(/independent.co.uk/images/pullquote-b.gif) 100% 100% no-repeat; } /* ARTICLES RELATED */ div.articleRelated { display: inline; clear: right; float: right; width: 189px; margin: 0 0 10px 10px; border: 1px solid #ccc; } div.articleRelated div.articleTools { padding: 5px; } div.articleRelated div.articleTools .ad { float: right; } div.articleRelated div.articleTools h2 { margin: 0 -5px 5px; padding: 10px 5px 5px; border-bottom: 1px solid #ccc; color: #ba222a; font: bold 1.8em Verdana,sans-serif; } div.articleRelated div.articleTools ul { list-style: none; margin: 0; padding: 0 5px 7px; border: none; background: url(/independent.co.uk/images/sep-e.gif) 50% 100% repeat-x; } div.articleRelated div.articleTools ul li { display: inline; padding: 0 15px 0 0; font-size: 0.9em; line-height: 1.7em; } div.articleRelated div.articleTools ul li a { color: #000; } div.articleRelated fieldset.searchBox { width: auto; margin: 0 5px; padding: 0 0 10px; border: none; border-top-color: #fff; line-height: 1.5; } div.articleRelated fieldset.searchBox legend { display: none; } div.articleRelated fieldset.searchBox label { display: block; } div.articleRelated fieldset.searchBox label.static { display: inline; padding: 0 3px 0 0; } div.articleRelated fieldset.searchBox input.main { width: 130px; margin-bottom: 2px; padding: 2px 1px; border: 1px solid #aaa; background: url(/independent.co.uk/images/searchbox.png) -15px 0 no-repeat; } div.articleRelated fieldset.searchBox input.radio { margin: 0 2px 0 0; padding: 0; vertical-align: -6px; } div.articleRelated fieldset.searchBox button { vertical-align: -1px; } div.articleRelated div.relatedArticles { padding: 5px; } div.articleRelated div.relatedArticles h2 { margin: 0 0 5px; padding: 0 0 5px; background: url(/independent.co.uk/images/sep-e.gif) 50% 100% repeat-x; color: #333; font: bold 1em Verdana,Georgia,sans-serif; } div.articleRelated div.relatedArticles ul { list-style: none; margin: 0; padding: 0; } div.articleRelated div.relatedArticles ul li { font-size: 1.1em; } div.articleRelated div.relatedArticlesEx { padding: 5px; } div.articleRelated div.relatedArticlesEx h2 { margin: 0 0 5px; padding: 0 0 5px; background: url(/independent.co.uk/images/sep-e.gif) 50% 100% repeat-x; color: #333; font: bold 1em Verdana,Georgia,sans-serif; } div.articleRelated div.relatedArticlesEx ul { list-style: none; margin: 0; padding: 0 0 5px 0; } div.articleRelated div.relatedArticlesEx ul li { font-size: 1.1em; } div.articleRelated div.bookmarksBox { margin: 0 5px; background: url(/independent.co.uk/images/sep-e.gif) 50% 0 repeat-x; } div.articleRelated div.bookmarksBox h2 { margin: 0 0 5px; padding: 5px 0; background: url(/independent.co.uk/images/sep-e.gif) 50% 100% repeat-x; color: #333; font: bold 1em Verdana,Georgia,sans-serif; } div.articleRelated div.bookmarksBox ul { list-style: none; margin: 0; padding: 0 0 5px 0;} div.articleRelated div.bookmarksBox ul li { width: 85px; font-size: 1.1em; float: left; padding: 2px 0 8px 0;} div.articleRelated div.bookmarksBox ul li a { padding:2px 0 2px 23px; display:block; font-size: 0.84em; background-repeat: no-repeat; background-position: 0 50%; } div.articleRelated div.bookmarksBox .digg a { background-image: url('../images/bm-digg-icon.gif'); } div.articleRelated div.bookmarksBox .delicious a { background-image: url('../images/bm-delicious-icon.gif'); } div.articleRelated div.bookmarksBox .facebook a { background-image: url('../images/bm-facebook-icon.gif'); } div.articleRelated div.bookmarksBox .google a { background-image: url('../images/bm-google-icon.gif'); } div.articleRelated div.bookmarksBox .stumble a { background-image: url('../images/bm-stumble-icon.gif'); } div.articleRelated div.bookmarksBox p.help { clear: both; padding: 7px 0 2px; margin: 0 0 5px; border-top: 1px solid #eee; font-size: 0.9em; line-height: 1; } div.articleRelated div.bookmarksBox p.help a { color: #777; } div.articleRelated div.bookmarksBox p.help a:hover { color: #000; text-decoration: underline; } div.articleRelated div.fonts { margin: 0 5px; padding: 10px 0; background: url(/independent.co.uk/images/sep-e.gif) 50% 0 repeat-x; text-align: center; display:none; } div.articleRelated div.fonts span { display: none; } div.articleRelated div.fonts a { font-size: 0.8em; } div.articleRelated div.fonts a.aa { font-size: 1.1em; } div.articleRelated div.fonts a.aaa { font-size: 1.4em; } /* COMMENTS */ #commentsList { clear: both; } #commentsList h2 { margin: -5px 0 0; color: #b82129; font: bold 1.8em Tahoma,Verdana,sans-serif; } #commentsList div.resultsPaging { margin: 0; } #commentsList div.resultsPaging h2 { float: left; margin-bottom: 5px; } #commentsList div.resultsPaging p { display: inline; float: right; margin: 0 20px 0 0; color: #9d9d9d; font-size: 1em; } #commentsList div.comment { margin: 0 0 10px; padding: 0 0 0 15px; border-bottom: 1px solid #ccc; background: url(/independent.co.uk/images/i_comment.gif) 0 2px no-repeat; } #commentsList div.comment p { font-size: 1.1em; } #commentsList div.comment p.complain { float: right; font-size: 1em; } /*#commentsList div.comment p.complain span { float: left; height: 15px; padding: 0 18px 0 0; background: url(/independent.co.uk/images/complain.png) 100% 0 no-repeat; color: #b8212a; line-height: 15px; cursor: pointer; }*/ #commentsList div.comment p.complain span { float: left; height: 15px; padding: 0; color: #b8212a; line-height: 15px; cursor: pointer; } #commentsList div.comment p.complain span.active { background-position: 100% -30px; } #commentsList div.comment p.author { font-weight: bold; font-size: 1em; color: #7d7d7d; } #commentsList div.comment p.author strong { color: #444; font-weight: normal; font-size: 1.1em; font-style: italic; } #commentsList div.comment p.author span { font-weight: normal; } form.complainment { display: block; margin: -9px 0 10px; padding: 10px 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background: #fafdff; } form.complainment h3 { color: #b8212a; font: 1.8em Verdana,sans-serif; } form.complainment fieldset { margin: 0; padding: 0; border: none; } form.complainment fieldset legend { padding: 0 0 15px; color: #444; font-size: 1.4em; font-weight: bold; } form.complainment fieldset div { margin: 0 0 10px; } form.complainment fieldset div.submit { overflow: hidden; width: 100%; margin: 0; } form.complainment fieldset div label { padding: 0 10px 0 0; font-weight: bold; } form.complainment fieldset div input { width: 150px; margin: 0 30px 0 0; } form.complainment fieldset div textarea { width: 590px; height: 90px; } form.complainment fieldset div button { display: inline; float: left; margin: 0 15px 0 0; } form.complainment fieldset span.processing { float: left; margin: 2px 0 0; padding: 0 0 0 25px; background: url(/independent.co.uk/images/indicator.gif) 0 50% no-repeat; line-height: 16px; } form.complainment fieldset span.sent { float: left; margin: 2px 0 0; padding: 0 0 0 25px; background: url(/independent.co.uk/images/i_mail.gif) 0 50% no-repeat; line-height: 16px; cursor: pointer; } /* ALSO IN SECTION */ #inSection { clear: both; } #inSection h2 { margin: 0 0 5px; } #inSection ul { margin: 0 0 15px; padding: 0 0 0 15px; } #inSection ul li { color: #125581; font-size: 1.3em; line-height: 150%; } /* COMMENT BOX */ #postComment { clear: both; overflow: hidden; } #postComment p { font-size: 1.1em; } #postComment p a { font-weight: bold; } #postComment p span.warning { color: red; } #postComment p.notes { margin-top: 20px; font-size: 1.1em; line-height: 1.2; } #postComment div.error { margin: 0 0 15px; } #postComment div.error h3 { color: #b82129; font: bold 1.3em Verdana,sans-serif; } #postComment div.error ul { list-style: none; margin: 0 0 10px; padding: 0; } #postComment div.error ul li { color: #b82129; font-size: 1.1em; line-height: 120%; } #postComment fieldset { float: left; width: 395px; border: none; margin: 0 0 15px; padding: 0; text-align: right; } #postComment fieldset legend { display: none; } #postComment fieldset label { display: none; } #postComment fieldset label span { color: #777; font-size: 0.83em; } #postComment fieldset textarea { overflow: auto; width: 98%; height: 165px; margin: 0 0 3px; display: block; font-size: 1.1em; } #postComment fieldset button { margin: 0 0 0 auto; font-size: 1.1em; line-height: 120%; } #postComment fieldset.details { display: inline; float: right; width: 190px; margin: 0 0 15px; text-align: left; } #postComment fieldset.details p { margin: 0 0 5px; } #postComment fieldset.details p label { margin: 0 0 5px; display: block; } #postComment fieldset.details p input { width: 175px; } #postComment fieldset.details p.checkbox { margin: 8px 0; } #postComment fieldset.details p.checkbox label { display: inline; vertical-align: middle; } #postComment fieldset.details p.checkbox input { width: auto; vertical-align: middle; } #postComment fieldset.details p.submit { } #postComment fieldset.details p.submit button { width: 180px; margin: 0; padding: 0; } /* TOP JOBS */ #topJobs { } #topJobs h3 { color: #b82129; font: bold 1.1em Verdana,Arial,Helvetica,sans-serif; } /* DAY IN PAGE CHANGES */ body.twoCol #dayInPage { width: auto; margin: 10px 0 15px; padding: 0 12px 10px; } body.twoCol #dayInPage h2 { height: auto; padding: 5px 12px; background: none; font-size: 1.8em; line-height: 110%; text-indent: 0; } /* NEWSLETTER BOX */ #articleNewsletter { margin: 0 0 15px; } #articleNewsletter fieldset { margin: 0; padding: 0; border: none; } #articleNewsletter fieldset legend { display: none; } #articleNewsletter fieldset label { display: block; margin: 0 0 5px; } #articleNewsletter fieldset input { width: 190px; } /* MOST POPULAR */ #articlePopular { margin: 0 0 15px; } #articlePopular ol { margin: 0; padding: 0 0 0 25px; } #articlePopular ol li { margin: 0 0 5px; font-size: 1.1em; } /* BREAKING NEWS ======================================= */ #breakingHeader { } #breakingHeader h1 { margin: 0 0 3px; color: #b82129; font: bold 1.7em Verdana,Tahoma,sans-serif; } #breakingHeader h1 em { color: #333; font-style: normal; } #breakingDates { margin: -2em 0 1em; text-align: right; } #breakingDates img { vertical-align: middle; } div.breakingTicker { overflow: hidden; padding: 10px 15px 8px; border-bottom: 5px solid #ccc; border-top: 1px solid #959595; background: url(/independent.co.uk/images/newsticker.gif) repeat-x; } div.breakingTicker object { display: block; overflow: hidden; width: 100%; height: 1.4em; margin: 0; padding: 0; background: none; font-size: 1.1em; font-weight: bold; } #innerTicker { font-size: 1.1em; font-weight: bold; } #innerTicker a { } #innerTicker a:hover { text-decoration: none; } #innerTicker a strong { font: bold 1em Verdana,Tahoma,sans-serif; color: #333; text-transform: uppercase; } #innerTicker a span { color: #aaa;} div.breakingTicker h2 { display: inline; float: left; width: 55px; margin: 0; font: bold 1em Verdana,Tahoma,sans-serif; color: #333; text-transform: uppercase; } div.breakingTicker ul { float: left; list-style: none; margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; } div.breakingTicker ul li { width: 100%; } div.breakingTicker ul li a { } div.breakingTicker ul li a:hover { text-decoration: none; } div.breakingTicker ul li a span { color: #aaa; } /*\*/ html>body*#breakingTicker ul { min-height: 1.3em; } html>body*#topTicker ul { min-height: 1.6em; } /**/ #topTicker { display: inline; float: left; width: 745px; margin: 0 0 0 10px; background: #fff url(/independent.co.uk/images/sep-h.gif) 0 100% repeat-x; border-top: 1px solid #ccc; border-bottom: 7px solid #fff; } #topTicker ul { width: 650px; } #tertiaryColumn.ticker { margin-top: -3.8em; } #breakingNavigation { z-index: 10; list-style: none; margin: 0 0 5px; padding: 11px 0 1px; background: #efeeea url(/independent.co.uk/images/sep-f.gif) 0 100% repeat-x; } #breakingNavigation li { z-index: 11; float: left; font-size: 1.1em; font-weight: bold; } #breakingNavigation li a { position: relative; z-index: 10; float: left; margin: 0 0 0 -1px; padding: 5px 0 6px; border: 1px solid #ccc; border-width: 1px 1px 0; background: #d2e1e8; line-height: 1em; text-align: center; } #breakingNavigation li span { float: left; margin: 0 0 0 -1px; padding: 5px 0 4px; border: 1px solid #d2e1e8; border-width: 1px 0; color: #adadac; text-align: center; } #breakingNavigation li em { font-style: normal; font-size: 0.73em; text-transform: uppercase; } #breakingNavigation li.previous a, #breakingNavigation li.previous span { width: 113px; border: none; background: none; } #breakingNavigation li.previous em { width: auto; background: url(/independent.co.uk/images/paging-left-off2.gif) 0 50% no-repeat; padding-left: 12px; } #breakingNavigation li.previous a em { background-image: url(/independent.co.uk/images/paging-left.gif); } #breakingNavigation li.home a { border-left-width: 1px; width: 78px; } #breakingNavigation li.national a { width: 96px; } #breakingNavigation li.world a { width: 79px; } #breakingNavigation li.sport a { width: 75px; } #breakingNavigation li.business a { width: 90px; } #breakingNavigation li.next a, #breakingNavigation li.next span { width: 93px; border: none; background: none; } #breakingNavigation li.next em { width: auto; background: url(/independent.co.uk/images/paging-right-off2.gif) 100% 55% no-repeat; padding-right: 12px; } #breakingNavigation li.next a em { background-image: url(/independent.co.uk/images/paging-right.gif); } #breakingNavigation li.current a { bottom: -2px; z-index: 12; margin-top: -4px; padding: 7px 0 6px; border-color: #959595; border-bottom: 1px solid #fff; background: #fff; color: #b82129; } #breakingHeader p.sms { margin: 0 13px 10px; padding: 2px 0 2px 20px; background: url(/independent.co.uk/images/i_phone.gif) 0 50% no-repeat; font-size: 0.9em; } #breakingHeader p.sms a { font-weight: bold; } #mainNewsCols { } #mainNewsCols div.mainNewsContent { display: inline; float: left; width: 455px; padding: 0 9px 0 0; } #mainNewsCols.divided div.mainNewsContent { width: 440px; border-right: 1px solid #ccc; } #mainNewsStories { margin: 0 0 15px; } #mainNewsSection { margin: 10px 0; color: #333; font: bold 1.4em Tahoma,Verdana,sans-serif; text-transform: uppercase; } #mainNewsStories div.item { } #mainNewsStories div.item h1 { margin: 0; font-size: 2.2em; line-height: 110%; } #mainNewsStories div.item h1 span { color: #333; font: 0.5em Verdana,sans-serif; } #mainNewsStories div.item h2 { margin: 0 0 2px; font-size: 1.6em; line-height: 100%; font-weight: bold; } #mainNewsStories div.item h2 span { color: #333; font: 0.69em Verdana,sans-serif; } #mainNewsStories div.item p { margin: 0 0 10px; font-size: 1.1em; line-height: 120%; } #mainNewsStories div.item p.author { margin: 3px 0 5px; font-weight: bold; font-size: 0.8em; color: #7d7d7d; text-transform: uppercase; } #mainNewsStories ul.subItems { margin: 0 0 10px; padding: 0 0 0 15px; font-size: 1.3em; line-height: 120%; } #mainNewsStories ul.subItems li { margin: 0 0 5px; } #mainNewsCols div.mainNewsSide { display: inline; float: left; width: 154px; padding: 0 0 0 9px; } #mainNewsCols.divided div.mainNewsSide { padding-left: 9px; width: 168px; margin-left: -1px; border-left: 1px solid #ccc; } #mainNewsSectionNews { } #mainNewsSectionNews h3 { padding: 0 0 4px; border-bottom: 1px solid #ccc; font-size: 1.3em; font-weight: bold; } #mainNewsSectionNews ul.hours { margin-bottom: 10px; } #mainNewsSectionNews ul.hours li { margin: 0 0 3px; font-size: 1.3em; line-height: 130%; } #mainNewsSectionNews ul.hours li strong { font-size: 0.77em; } #mainNewsSectionNews p.more { font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #mainNewsSectionNews p.more a { padding: 0 8px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; } .breakingBox { margin: 0 0 8px; padding: 0 10px 10px; border: 5px solid #ccc; background: #f3f3f3; } .breakingBox h2 { margin: 0 -10px 8px; padding: 5px 10px; border-bottom: 1px solid #ccc; background: #fff; color: #b82129; font: bold 1.2em Verdana,sans-serif; } body.subs .breakingBox h2 { color: #b82126; } .breakingBox fieldset { margin: 0; padding: 0; border: none; } .breakingBox fieldset legend { display: none; } .breakingBox p.intro { color: #034b8e; font: bold 1.2em Verdana,sans-serif; } .breakingBox p.powered { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } .pollBox fieldset button { display: block; margin: 10px 0; cursor: pointer; } .pollBox ul { margin: 0 0 10px; padding: 0 0 0 15px; } .pollBox ul li { color: #125581; } .breakingBox .pollResults, .pollResults { list-style: none; margin: 0 0 10px; padding: 0; } .pollResults li { margin: 0 0 5px; } .pollResults li span { float: left; width: 2.5em; } .pollResults li img { vertical-align: middle; } table.pollResults { } table.pollResults tr { } table.pollResults tr td { padding: 1px 0; color: #125581; } table.pollResults tr td.label { padding-right: 1px; } table.pollResults tr td img { vertical-align: middle; } #pollResults table.pollResults tr td { padding: 4px 0; color: #333; font-size: 1.2em; } #pollResults table.pollResults tr td.label { padding-right: 20px; font-weight: bold; } #newsPoll { } #bestPhotos { padding: 8px; border: 1px solid #ccc; } #bestPhotos img.mainImage { display: block; margin: 0 auto 5px; } #bestPhotos h2 { color: #b82129; font: bold 1.2em Verdana,sans-serif; } #bestPhotos h3 { margin: 0; font: bold 1.2em Verdana,sans-serif; } #bestPhotos p { margin: 0 0 3px; font-size: 1.1em; line-height: 120%; } #bestPhotos p.more { font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #bestPhotos p.more a { padding: 0 8px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; } /* ======================================= */ #todaysHeader { margin: 0 0 10px; } #todaysHeader.bBorder { padding: 0 0 3px; } #todaysHeader div.top { position: relative; margin: 0 0 3px; } #todaysHeader div.top img { vertical-align: middle; } #todaysHeader div.top h1 { display: inline; float: left; margin: 0 15px 0 0; font-size: 1.4em; } #todaysHeader div.top p { float: left; margin: 4px 0 0; font-size: 1.1em; } #todaysHeader div.top p.dayNav { float: right; margin: 1px 0 0; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #todaysHeader ul.separatedLinks { margin: 0 0 5px; padding: 5px 0; border: 1px solid #aaa; border-width: 1px 0; } p.dayNav { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } p.dayNav span { color: #777; } p.dayNav .previous { padding: 0 0 0 10px; background: url(/independent.co.uk/images/paging-left-off2.gif) 0 55% no-repeat; } p.dayNav a.previous { background-image: url(/independent.co.uk/images/paging-left.gif); } p.dayNav .next { padding: 0 10px 0 0; background: url(/independent.co.uk/images/paging-right-off2.gif) 100% 55% no-repeat; } p.dayNav a.next { background-image: url(/independent.co.uk/images/paging-right.gif); } p.dayNav a.picker { margin: 0 0 0 5px; } #newsSectionHeader { } #newsSectionHeader h1 { float: left; color: #333; font: bold 1.4em Tahoma,Verdana,sans-serif; text-transform: uppercase; } #newsSectionHeader p.dayNav { display: inline; float: left; margin: 4px 0 0 10px; } #insideTodays { padding: 10px 0 0; border-top: 5px solid #ccc; } #insideTodays h2 { color: #b8212a; font: bold 1.6em Tahoma,Verdana,sans-serif; } #insideTodays h3 { margin: 0 0 4px; color: #777; font: bold 0.9em Verdana,sans-serif; text-transform: uppercase; } #insideTodays h3 span { padding: 0 10px 0 0; background: url(/independent.co.uk/images/paging-right-off.gif) 100% 55% no-repeat; } #insideTodays ul { list-style: none; margin: 0 0 10px; padding: 0; } #insideTodays ul li { margin: 0 0 3px; padding: 0 0 0 7px; background: url(/independent.co.uk/images/dot-a.gif) 0 0.4em no-repeat; } #insideTodays ul li.imageFull { padding: 0; background: none; } #todaysSideNews { margin: 0 0 20px; } #todaysSideNews h3 { margin: 0 0 2px; font: 1.2em Verdana,sans-serif; } /* SEARCH RESULTS ======================================= */ .boxBe { margin: 0 0 8px; padding: 8px 8px 0; border: 1px solid #959595; } .boxBe h2 { margin: 0 0 3px; line-height: 100%; } .boxBe img.mainImg { display: block; margin: 0 0 5px; } .boxBe img.bottomImg { display: block; } .boxBe p { line-height: 120%; } .boxBe p .intro { color: #f47a2d; font-size: 1.4em; line-height: 110%; } #searchResultsHeader { } #searchResultsHeader.bBorder { border-bottom-width: 5px; } #searchResultsHeader p.innerInfo { margin: 15px 0; } fieldset.basicSearch { position: relative; margin: 0 0 5px; padding: 0; border: none; } fieldset.basicSearch legend { display: none; } fieldset.basicSearch label { vertical-align: middle; } fieldset.basicSearch label.main { color: #b8202c; font-size: 1.6em; font-weight: bold; } fieldset.basicSearch input { vertical-align: middle; } fieldset.basicSearch input.main { width: 150px; margin: 0 0 0 5px; } fieldset.basicSearch button { padding: 0; border: none; background: none; vertical-align: middle; cursor: pointer; } fieldset.basicSearch img { vertical-align: middle; } fieldset.basicSearch p.more { display: inline; font-size: 0.9em; font-weight: bold; text-transform: uppercase; vertical-align: -2px; } fieldset.basicSearch p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; } fieldset.basicSearch p.help { position: absolute; right: 0; top: 1px; padding: 0 0 3px; } fieldset.basicSearch p.range { margin: 10px 0 0; } div.resultsInfo { padding: 8px 5px 10px; border-top: 5px solid #ccc; border-bottom: 1px solid #ccc; } div.resultsInfo p { float: right; margin: 0; font-size: 1.2em; } div.resultsInfo p.first { float: left; } div.resultsInfo p span { color: #959595; } div.resultsInfo p em { color: #b92229; font-weight: bold; font-size: 1.1em; } div.resultsPaging { padding: 8px 5px 10px; } div.resultsPaging p { float: left; margin: 0 0 10px; color: #b82129; font-size: 1.1em; font-weight: bold; text-transform: uppercase; } div.resultsPaging ul.complexPaging { float: right; margin: 0; } div.newsPaging { margin: 10px 0; } div.newsPaging p { float: left; padding: 0 15px 0 0; color: #125581; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } div.newsPaging ul.complexPaging { float: left; } fieldset.advancedSearch { position: relative; margin: 0 0 -10px; padding: 0; border: none; } fieldset.advancedSearch p { margin: 0 0 20px; } fieldset.advancedSearch p.date { margin: -10px 0 20px; } fieldset.advancedSearch p.submit { position: absolute; right: 0; bottom: 0; padding: 0; } fieldset.advancedSearch p input { vertical-align: middle; } fieldset.advancedSearch p select { vertical-align: middle; } fieldset.advancedSearch p img { vertical-align: middle; } fieldset.advancedSearch p.submit button { margin: 0; padding: 0; border: none; background: none; } /*\*/ html>body*fieldset.advancedSearch p.submit { bottom: -20px; } /**/ ul.complexPaging { overflow: hidden; list-style: none; margin: 0; padding: 0; } ul.complexPaging li { float: left; padding: 0 3px; font-size: 1.1em; } ul.complexPaging li a { padding: 0 1px; text-decoration: none; } ul.complexPaging li a:hover { text-decoration: underline; } ul.complexPaging li span { padding: 0 2px; } ul.complexPaging li.first span { padding: 0 0 0 12px; background: url(/independent.co.uk/images/paging-left-off.gif) 0 50% no-repeat; } ul.complexPaging li.first a span { background-image: url(/independent.co.uk/images/paging-left.gif); cursor: pointer; } ul.complexPaging li.last span { padding: 0 12px 0 0; background: url(/independent.co.uk/images/paging-right-off.gif) 100% 50% no-repeat; } ul.complexPaging li.last a span { background-image: url(/independent.co.uk/images/paging-right.gif); cursor: pointer; } ul.complexPaging li.main a { text-decoration: none; } ul.complexPaging li.main a:hover { text-decoration: underline; } /* #searchResults { margin: 0 0 15px; } #searchResults dt { position: relative; z-index: 10; margin: 0 0 2px; padding: 0 0 0 25px; font-size: 1.2em; font-weight: bold; } #searchResults dt strong { position: absolute; left: 0; top: 0.2em; } #searchResults dt span { position: absolute; left: -10001em; } #searchResults dt a.title { font-size: 1.17em; line-height: 110%; } #searchResults dt em { color: #959595; font-style: normal; font-size: 0.92em; } #searchResults dt img { margin: 0 2px 0 0; vertical-align: middle; } #searchResults dd { margin: 0 0 10px; padding: 0 0 0 25px; font-size: 1.1em; line-height: 120%; } #searchResults dd em { color: #a4a4a4; font-style: normal; } */ #searchResults { margin: 0 0 0 15px; padding: 0; font-weight: bold; } #searchResults li { margin: 0 0 18px 13px; padding: 0 font-weight: bold;; } #searchResults li p { margin: 0 0 2px; font-weight: normal; font-size: 1.1em; } #searchResults li p a.title { font-size: 1.09em; font-weight: bold; } #searchResults li em { color: #959595; font-size: 0.82em; font-style: normal; } #searchResults li span { position: absolute; left: -10001em; } #searchResults li strong { position: absolute; left: 0; top: 0.2em; } #searchResults li img { margin: 0 2px 0 0; vertical-align: middle; } #searchResultsBottom { margin: 20px 0 10px; } #searchResultsBottom div.resultsPaging { margin: 0 0 10px; padding: 0; border-bottom: 1px solid #ccc; } #searchResultsBottom div.resultsMore { margin: 0 0 10px; padding: 0 0 20px; border-bottom: 1px solid #ccc; } #searchResultsBottom div.resultsMore h3 { margin: 10px 0 5px; color: #333; font: bold 1.1em Verdana,Tahoma,sans-serif; } #searchResultsBottom div.resultsMore h3 strong { color: #b82129; } #searchResultsBottom div.resultsMore ul { float: left; list-style: none; width: 200px; margin: 0; padding: 0; } #searchResultsBottom div.resultsMore ul li { margin: 0 0 2px; } #searchResultsBottom div.resultsMore ul li span { color: #959595; } #quickTips p { font-size: 1.1em; } #quickTips p.more { margin: 0; padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #quickTips ul { font-size: 1.1em; padding: 0; } /* COLUMNISTS ======================================= */ body.oneCol #content { margin-top: 25px; background: none; } body.oneCol #mainColumn { width: auto; margin: 0 10px; padding: 0 0 25px; } #columnistsMain { padding: 10px 0 0; border-top: 1px solid #ccc; } #columnistMainSide { float: left; width: 120px; padding: 0 10px 0 0; border-right: 1px solid #ccc; } #columnistMainSide form { display: block; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; } #columnistMainSide fieldset { margin: 0; padding: 0; border: none; } #columnistMainSide fieldset legend { display: none; } #columnistMainSide fieldset label { display: block; margin: 0 0 5px; color: #bb212d; font-size: 1.2em; font-weight: bold; } #columnistMainSide fieldset select { width: 100%; margin: 0 0 5px auto; } #columnistMainSide fieldset button { display: block; width: 24px; height: 17px; margin: 0 0 0 auto; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } #columnistMainSide h2 { margin: 0 0 8px; color: #b82126; font: bold 1.6em Verdana,sans-serif; } #columnistMainSide ul { margin: 0 0 10px; padding: 0 0 10px; font-size: 1.1em; } #columnistMainContent { float: left; margin: 0 0 0 -1px; padding: 0 0 0 10px; border-left: 1px solid #ccc; } #columnistMainContent div.column { float: left; width: 240px; padding-right: 15px; } #columnistMainContent div.last { width: 300px; padding: 0; } #columnistMainContent div.item { overflow: hidden; width: 240px; margin: 0 0 20px; } #columnistMainContent div.item h2 { margin: 0 0 3px; font-size: 1.4em; font-weight: bold; } #columnistMainContent div.item h2 em { display: block; color: #333; font: normal bold 0.71em Verdana,sans-serif; text-transform: uppercase; } #columnistMainContent div.item h2 em a { color: #959595; } #columnistMainContent div.item h2 img { vertical-align: middle; } #columnistMainContent div.item h2 span { position: absolute; left: -10001em; } #columnistMainContent div.item p { display: inline; font-size: 1.1em; } #columnistMainContent div.item p img { display: inline; float: left; margin: 0 10px 2px 0; } #columnistMainContent div.item p.links { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #columnistMainContent div.item p.links a.more { padding: 0 8px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 70% no-repeat; } #columnistMainContent div.item p.links a.rss { padding: 0 0 0 10px; background: url(/independent.co.uk/images/i_minifeed.gif) 0 70% no-repeat; color: #f5711e; } /*\*/ html>body*#columnistMainContent div.item h2 img { display: inline; float: left; margin: 0 2px 0 0; } /**/ /* WEATHER ======================================= */ #weatherHeader { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ccc; } #weatherHeader h2 { display: inline; float: left; margin: 0 10px 0 0; color: #b82129; font: bold 1.8em Verdana,sans-serif; } #weatherHeader p { float: left; margin: 0.65em 0 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; } #weatherHeader p.temps { float: right; font-weight: normal; text-transform: none; } #weatherHeader p.temps span { color: #959595; } #weatherTemps { list-style: none; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; } #weatherTemps li { float: left; width: 105px; margin: 5px 0 0; text-align: center; border-left: 1px solid #ccc; font-weight: bold; } #weatherTemps li.second { border: none; } #weatherTemps li img { display: block; margin: 2px auto 3px; text-align: center; } #weatherTemps li span { display: block; text-align: center; } #weatherTemps li span.day { color: #959595; font-size: 1.2em; } #weatherTemps li span.hi { color: #f37020; } #weatherTemps li span.lo { color: #00759e; } #weatherTemps li.first { position: relative; width: 105px; margin: 0; padding: 3px 5px 10px 84px; border: 5px solid #ccc; background: url(/independent.co.uk/images/weather-temps.gif) 76px 80% no-repeat; text-align: left; } #weatherTemps li.first span.day { position: absolute; left: 0; top: 3px; width: 78px; } #weatherTemps li.first img { position: absolute; left: 3px; top: 2em; } #weatherTemps li.first em { display: block; color: #f37020; font-size: 1.2em; font-style: normal; font-weight: normal; } #weatherTemps li.first strong { display: block; margin: 0 0 0 -4px; color: #f37020; font-size: 4.6em; line-height: 120%; } #weatherTemps li.first span { display: inline; } #weatherTemps li.first span.hi { padding-right: 3px; } #weatherColumns { background: url(/independent.co.uk/images/weather-faux.gif) 410px 0 repeat-y; } #weatherColumns div.primary { float: left; width: 400px; padding: 0 12px 0 0; } #weatherColumns div.secondary { float: left; width: 184px; padding: 0 9px 0 10px; } #weatherColumns div.tertiary { float: left; width: 144px; padding: 0 0 0 10px; } #weatherColumns h2 { margin: 0 0 8px; color: #b82129; font: bold 1.4em Tahoma,Verdana,sans-serif; } #weatherColumns h2 img { vertical-align: middle; } #weatherMap { } #weatherMap .tabbedContainer div { padding: 0; } #weatherMap .tabbedContainer div img.mapPic { display: block; } #weatherTempsOverlay { position: relative; list-style: none; width: 399px; height: 399px; margin: 0; padding: 0; background: url(/independent.co.uk/images/uk-map.jpg) no-repeat; } #weatherTempsOverlay li { position: absolute; top: 0; left: 0; width: 60px; margin: 0 0 0 -30px; color: #fff; font-size: 1.0em; line-height: 120%; font-weight: bold; text-align: center; } #weatherTempsOverlay li a { color: #fff; } #weatherTempsOverlay li strong { position: absolute; left: -10001em; } #weatherTempsOverlay li.aberdeen { left: 256px; top: 84px; } #weatherTempsOverlay li.edinburgh { left: 235px; top: 124px; } #weatherTempsOverlay li.glasgow { left: 179px; top: 137px; } #weatherTempsOverlay li.newcastle { left: 284px; top: 188px; } #weatherTempsOverlay li.belfast { left: 153px; top: 200px; } #weatherTempsOverlay li.manchester { left: 249px; top: 239px; } #weatherTempsOverlay li.dublin { left: 138px; top: 249px; } #weatherTempsOverlay li.birmingham { left: 259px; top: 290px; } #weatherTempsOverlay li.cork { left: 106px; top: 303px; } #weatherTempsOverlay li.cardiff { left: 203px; top: 331px; } #weatherTempsOverlay li.london { left: 298px; top: 333px; } #weatherTempsOverlay li.plymouth { left: 226px; top: 383px; } #weatherRelated { padding: 10px 0 0; border-top: 5px solid #ccc; } #weatherRelated h2 { color: #b82129; font: bold 1.4em Tahoma,Verdana,sans-serif; } #weatherRelated h3 { margin: 0 0 3px; font-size: 1.6em; font-weight: bold; } #weatherRightNow { } #weatherRightNow h1 { color: #b82129; font: bold 1.6em Tahoma,Verdana,sans-serif; } #weatherRightNow ul { list-style: none; margin: 0 0 15px; padding: 0; } #weatherRightNow ul li { overflow: hidden; color: #034b8e; font-size: 1.1em; text-align: right; } #weatherRightNow ul li strong { float: left; } #weatherTomorrow { } #weatherTomorrow h2 { margin: 0 0 1px; } #weatherTomorrow p { font-size: 1.1em; } #weatherRegional { } #weatherRegional div.location { } #weatherRegional div.locations h2 { margin: 0 0 3px; } #weatherRegional div.locations ul { list-style: none; margin: 0 0 5px; padding: 0; } #weatherRegional div.locations ul li { overflow: hidden; color: #034b8e; font-size: 1.1em; line-height: 120%; text-align: right; } #weatherRegional div.locations ul li strong { float: left; } #weatherRegional div.locations fieldset { margin: 0; padding: 0; border: none; } #weatherRegional div.locations fieldset legend { display: none; } #weatherRegional div.locations fieldset label { display: block; margin: 0 0 5px; color: #034b8e; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #weatherRegional div.locations fieldset label span { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-f.gif) 100% 50% no-repeat; } #weatherRegional div.locations fieldset select { width: 144px; vertical-align: middle; } #weatherRegional div.locations fieldset.regional select { display: block; width: 180px; margin: 0 0 8px; } #weatherRegional div.locations fieldset button { position: relative; width: 24px; height: 17px; margin: 0 4px; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; vertical-align: middle; } #weatherRegional div.locations fieldset.regional button { display: inline; float: left; margin: 0 6px 0 0; } #weatherRegional div.locations fieldset a { float: left; } #weatherLiveCam { } #weatherLiveCam h2 { margin: 0; } #weatherLiveCam p { margin: 0 0 3px; font-size: 0.8em; } #weatherLiveCam p.enlarge { margin: -3px 0 0; font-weight: bold; text-transform: uppercase; } #weatherTrafficUpdates { } #weatherTrafficUpdates p.powered { font-size: 0.8em; } #weatherTrafficUpdates p.powered img { vertical-align: middle; } #weatherTrafficUpdates ul { margin: 0 0 15px; } #weatherTrafficUpdates ul li { margin: 0 0 10px; color: #034b8e; font-size: 1.1em; } #weatherTrafficUpdates ul li a.attention { padding: 0 0 0 12px; background: url(/independent.co.uk/images/i_attention.gif) 0 50% no-repeat; color: #e54f3c; font-size: 0.73em; font-weight: bold; text-transform: uppercase; white-space: nowrap; } #weatherTrafficUpdates p.more { padding: 0 0 0 12px; background: url(/independent.co.uk/images/i_attention.gif) 0 50% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #weatherTrafficUpdates p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 50% no-repeat; } #weatherPics { } #weatherPics h2 { margin: 0 0 8px; color: #b82129; font: bold 1.4em Tahoma,Verdana,sans-serif; } #weatherPicsSend { } #weatherPicsSend h2 { margin: 0 0 1px; padding: 0 0 0 20px; background: url(/independent.co.uk/images/i_photos.gif) 0 60% no-repeat; color: #b82129; font: bold 1.4em Tahoma,Verdana,sans-serif; } #weatherPicsSend ul { list-style: none; margin: 0 0 10px; padding: 0; } #weatherPicsSend ul li { display: inline; float: left; margin: 0 5px 0 0; } /* ENTERTAINMENT ======================================= */ body.entertainment { background: #000; } #entertainment-headlines { margin: -7px 0 7px; border-top: 1px solid #999; background: #fff url(/independent.co.uk/images/ent-headlines.gif) 251px 0 repeat-y; } #entertainment-headlines div.col { overflow: hidden; display: inline; float: left; width: 231px; padding: 5px 10px 7px; } #entertainment-headlines div.middle { display: inline; float: left; width: 451px; } #entertainment-headlines div.col h3 { margin: 0 0 0.2em; color: #000; font: bold 0.9em Verdana,sans-serif; text-transform: uppercase; } #entertainment-headlines div.col img { display: inline; float: right; margin: -1.1em 0 0 10px; } #entertainment-headlines div.col h2 { margin: 0; font: normal 1.6em/110% Verdana,sans-serif; } #entertainment-headlines div.col p { margin: 0; } div.entoBox { margin: 0 0 15px; } div.entoBox h2 { margin: 0 0 10px; padding: 2px 5px; background: #8cc63a; color: #fff; font: bold 1em Verdana,sans-serif; text-transform: uppercase; } div.entoBox h2.pink { background-color: #d241ab; } div.entoBox h2.blue { background-color: #00aaeb; } div.entoBox p.more { display: block; margin: 0; font-size: 1em; } div.entoBox p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #dailyDiversions.entoBox h2 { margin: 0 0 5px; } #dailyDiversions.entoBox p.topLinks { margin-left: 0; } #filmReviews { } #filmReviews div div.item { float: none; width: auto; margin: 0; } #filmReviews div a.img { display: block; width: auto; margin: 0; padding: 0; } #filmReviews div a.img img { } #filmReviews div h3 { margin: 0 0 2px; font: bold 1.3em Verdana,sans-serif; } #filmReviews div p { font-size: 1.1em; line-height: 110%; } #filmReviews div p.rating-wrap { display: block; position: relative; width: 100%; height: 11px; font-size: 1px; margin-bottom: 2px; background: url(/independent.co.uk/images/stars.png) no-repeat; text-indent: -10001em; } #filmReviews div p.rating-wrap strong { position: absolute; left: 0; top: 0; width: 59px; height: 11px; background: url(/independent.co.uk/images/stars.png) 0 -11px no-repeat; text-indent: -10001em; } #filmReviews div p.rating-wrap strong.rated-1 { width: 11px; } #filmReviews div p.rating-wrap strong.rated-2 { width: 23px; } #filmReviews div p.rating-wrap strong.rated-3 { width: 35px; } #filmReviews div p.rating-wrap strong.rated-4 { width: 47px; } #filmReviews div p.rating-wrap strong.rated-5 { width: 59px; } #entertainmentPodcasts { } #entertainmentPodcasts ul { list-style: none; margin: 0; padding: 0; } #entertainmentPodcasts ul li { overflow: hidden; float: left; width: 70px; padding: 0 5px 0 75px; line-height: 1; } #entertainmentPodcasts ul li img { display: inline; float: left; margin: 0 0 0 -75px; } #entertainmentPodcasts ul li strong { color: #034b8e; font-size: 1.2em; line-height: 120%; } #entertainmentBlogs { } #entertainmentBlogs div.wrapper { padding: 0 10px 10px; } #entertainmentBlogs div.wrapper div.column { float: left; width: 130px; padding-left: 5px; } #entertainmentBlogs div.wrapper div.first { width: 140px; margin-left: 0; padding: 0 5px 0 0; } #entertainmentBlogs div.wrapper div.column ul.blog li { background-image: url(/independent.co.uk/images/i-bubble.jpg); } #entertainmentBlogs div.wrapper div.column ul.blog li.image { background: none; } #entertainmentFilters { background: #00aaeb; } #entertainmentFilters h2 { margin: 0 0 4px; } #entertainmentFilters fieldset { margin: 0 0 5px; padding: 0 3px 10px 15px; border: none; background: url(/independent.co.uk/images/sep-g.gif) 0 100% repeat-x; } #entertainmentFilters fieldset.last { background: none; } #entertainmentFilters fieldset.single { padding: 5px 3px 10px 10px; border-bottom: 6px solid #464646; border-top-color: #00aaeb; } #entertainmentFilters fieldset legend { margin: 0 0 3px; padding: 0 0 8px; color: #fff; font-size: 1.2em; font-weight: bold; } #entertainmentFilters fieldset.single legend { display: none; } #entertainmentFilters fieldset p { margin: 0 0 7px; } #entertainmentFilters fieldset p label { position: absolute; left: -10001em; } #entertainmentFilters fieldset p select { vertical-align: middle; } #entertainmentFilters fieldset p button { position: relative; width: 24px; height: 17px; margin: 0 4px; border: none; background: url(/independent.co.uk/images/b-go3ent.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } .tetrInner { padding: 0 7px; } #entertainmentTickets { margin: 0 0 15px; } #entertainmentTickets h2 { margin: 0 0 5px; } #entertainmentTickets p.center { margin: 0 0 3px; } #entertainmentTickets p { font-size: 1.1em; } #entertainmentTickets p a { font-weight: bold; } #entertainmentTickets p.more { display: block; margin: 0; font-size: 1em; } #entertainmentTickets p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #entertainmentStories { } #entertainmentStories p.section { margin: 0; padding: 0; } #entertainmentStories p.section img { display: block; } #entertainmentStories div.mainStory { width: 442px; padding: 0 10px 5px 15px; } #entertainmentStories div.mainStory { overflow: hidden; margin: 0; border-bottom: 7px solid #464646; } #entertainmentStories div.singleStory { border-bottom: none; padding-left: 10px; } #entertainmentStories h2 { margin: 0 -10px 12px -15px; padding: 2px 10px 2px; background: #d241ab; color: #fff; font: bold 1.6em Arial,Tahoma,sans-serif; text-transform: lowercase; letter-spacing: 0.3px; } #entertainmentStories div.mainStory h2 { margin-bottom: 5px; background-color: #c7290e; } #entertainmentStories div.mainStory img.main { display: inline; float: right; margin: 0 0 0 10px; } #entertainmentStories div.mainStory img.mainBlock { display: block; margin: 10px 0 -5px; padding: 0; } #entertainmentStories div.mainStory h3 { margin: 0 0 5px; padding: 10px 0 0; font: 2.4em Verdana,sans-serif; line-height: 110%; } #entertainmentStories div.mainStory p { font-size: 1.4em; line-height: 120%; } #entertainmentStories div.mainStory p img { display: inline; float: left; margin: 5px 3px 1px 0; } #entertainmentStories div.mainStory p.more { display: block; margin: 0; font-size: 1em; } #entertainmentStories p.more { display: block; margin: 0; font-size: 1em; } #entertainmentStories p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #entertainmentTopFilms { } #entertainmentTopFilms h2 { margin: 0; } #entertainmentTopFilms p { margin: 0 0 5px; } #entertainmentTopFilms ol { margin: 0 0 15px; padding: 0 0 0 30px; } #entertainmentTopFilms ol li { margin: 0 0 3px; font-size: 1.2em; line-height: 120%; } #entertainmentPoll { } #entertainmentPoll h2 { margin: 0 0 3px; } #entertainmentPoll p { font-size: 1.1em; } #entertainmentPoll fieldset { margin: 0 0 5px; padding: 0; border: none; background: none; } #entertainmentPoll fieldset legend { display: none; } #entertainmentPoll fieldset div { margin: 0 0 3px; } #entertainmentPoll fieldset div label { vertical-align: middle; } #entertainmentPoll fieldset div input { vertical-align: middle; } #entertainmentPoll fieldset button { margin: 10px 0 0; } #entertainmentPoll ul { margin: 0 0 10px; padding: 0 0 0 15px; } #entertainmentPoll ul li { color: #125581; } #entertainmentPoll p.powered { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #entertainmentVideo { position: relative; margin: 0 10px 15px; border-top: 6px solid #00aaeb; border-bottom: 1px solid #00aaeb; background: #fff url(/independent.co.uk/images/entomedia.jpg) repeat-y; } #entertainmentVideo h2 { height: 25px; margin: 0; padding: 6px 0 0 10px; } #entertainmentVideo h2 img { display: block; } #entertainmentVideo div.more { position: absolute; right: 10px; top: 15px; padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 50% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #entertainmentVideo div.inner { background: #fff; } #entertainmentVideo div.inner object { display: block; } h2.entoSectionsLabel { margin: 0 0 8px 10px; color: #000; font: bold 1.4em Verdana,sans-serif; } ul.insideEntertainment { margin: 0 0 0 10px; padding: 0 0 0 15px; font-size: 1.2em; line-height: 150%; } ul.insideEntertainment li { margin: 0 0 3px; color: #125581; } /* REGISTER ======================================= */ body.register { padding: 0 0 20px; background: #ebebeb; } #registerRoot { position: relative; width: 965px; margin: 20px auto 40px; padding: 0; border: 5px solid #ccc; background: #e6ecec; } #registerRoot #top { height: 55px; border-bottom: 1px solid #ccc; background: #fff; } #registerRoot #logo { top: 10px; width: 233px; height: 38px; background: url(/independent.co.uk/images/logo-dublin-small.png) no-repeat; } #registerRoot #logo a { display: block; overflow: hidden; width: 233px; height: 38px; text-indent: -10001em; } #registerRoot #content { margin: 0; background-image: none; } #registerLogin { float: left; width: 555px; padding: 20px 0 0 10px; background: #d2e1e8; } #registerLogin p.error { margin: 0 0 25px; font-size: 1.4em; font-weight: bold; } #registerLogin p.error em { float: left; padding: 0 5px 0 0; color: #b7212c; font-size: 1.8em; line-height: 0.75em; } #registerLogin p.error a { font-size: 0.83em; font-weight: normal; } #registerLogin fieldset { margin: 0; padding: 0 0 0 140px; border: none; background: url(/independent.co.uk/images/register-login.png) no-repeat; } #registerLogin fieldset legend { display: none; } #registerLogin fieldset div { margin: 0 0 10px; padding: 0 0 0 150px; } #registerLogin fieldset div label { float: left; width: 125px; margin-left: -150px; padding: 1px 0 0 15px; font-weight: bold; font-size: 1.1em; } #registerLogin fieldset div input { width: 180px; } #registerLogin fieldset div span { display: none; margin: 3px 0 0; color: #b82129; } #registerLogin fieldset div.error em { display: inline; float: left; margin-left: -15px; padding: 3px 4px 0 0; color: #b82129; font-size: 1.6em; } #registerLogin fieldset div.error span { display: block; } #registerLogin fieldset div.remember { margin: 20px 0 20px; padding: 0 0 0 15px; } #registerLogin fieldset div.remember a { margin: 0 20px 0 0; font-size: 1.1em; font-weight: bold; text-decoration: underline; } #registerLogin fieldset div.remember label { float: none; width: auto; margin-left: 0; padding: 0; font-weight: bold; font-size: 1.1em; vertical-align: middle; } #registerLogin fieldset div.remember input { width: auto; vertical-align: middle; } #registerLogin fieldset div.submit { } #registerLogin fieldset div.submit button { margin: 0 -10px; border: none; background: none; cursor: pointer; } #registerGo { float: left; width: 370px; padding: 20px 0 0 30px; background: url(/independent.co.uk/images/register-today.png) 30px 20px no-repeat; } #registerGo p.register { padding: 23px 0 0 150px; } #registerGo h2 { margin: 0 0 5px; color: #f37020; font: normal 1.3em Verdana,sans-serif; } #registerGo div.wrapper { } #registerGo div.wrapper ul { float: left; padding-right: 20px; } #registerCheck { margin: 0 0 15px; padding: 40px 0 0 500px; height: 30px; background: #d2e1e8 url(/independent.co.uk/images/register-now.png) 85px 50% no-repeat; font-size: 1.2em; } #registerForm { margin: 0 0 15px 65px; } #registerForm p.error { margin: 0 0 20px; font-size: 1.4em; font-weight: bold; } #registerForm p.error em { display: inline; float: left; padding: 0 4px 0 0; color: #b82129; font-size: 1.6em; } #registerForm p.error a { font-size: 0.83em; } #registerForm fieldset { margin: 0 0 15px; padding: 0; border: none; background: none; } #registerForm fieldset legend { margin: 0; padding: 0 0 12px 19px; color: #f37020; font: bold 1.4em Verdana,sans-serif; } #registerForm fieldset div { margin: 0 0 8px; padding: 0 0 0 150px; } #registerForm fieldset div label, #registerForm fieldset div span.label { display: inline; float: left; width: 130px; margin: 0 0 0 -150px; padding: 2px 0 0 20px; color: #333; font-size: 1.1em; font-weight: bold; } #registerForm fieldset div.checkbox label { float: none; width: auto; margin: 0; padding: 0; font-size: 1em; font-weight: normal; vertical-align: middle; } #registerForm fieldset div.date label { position: absolute; left: -10001em; } #registerForm fieldset div span { display: none; margin: 3px 0 0; color: #b82129; } #registerForm fieldset div input { width: 250px; vertical-align: middle; } #registerForm fieldset div.checkbox input, #registerForm fieldset div.checklist input { width: auto; } #registerForm fieldset div.error em { display: inline; float: left; margin-left: -20px; padding: 2px 4px 0 0; color: #b82129; font-size: 1.6em; } #registerForm fieldset div.error span { display: block; } #registerForm fieldset div.error span.label { display: inline; } #registerForm fieldset.newsletters { overflow: hidden; } #registerForm fieldset.newsletters div.column { float: left; width: 270px; padding: 0; } #registerForm fieldset.newsletters div.column div { padding: 0 0 0 15px; } #registerForm fieldset div.checklist label { float: none; width: auto; margin: 0; padding: 0; font-size: 1em; font-weight: normal; vertical-align: middle; } #registerForm fieldset.newsletters div label { font-size: 1.3em; font-weight: bold; } #registerForm fieldset div.checklist span.desc { display: block; margin: 0; padding-left: 23px; color: #333; } #registerForm fieldset.privacy { } #registerForm fieldset.privacy div { padding: 0 0 0 15px; } #registerForm fieldset.privacy div.error em { display: inline; float: left; margin: 0 -5px 0 -15px; padding: 6px 2px 0 0; color: #b82129; font-size: 1.8em; font-weight: bold; } #registerForm fieldset.privacy div.terms { } #registerForm fieldset.privacy div label { font-size: 1.1em; } #registerForm fieldset.privacy div.terms label { font-weight: bold; color: #b82129; font-style: italic; } #registerForm fieldset.privacy div.terms label strong { color: #034b8e; } #registerForm fieldset.privacy div span { padding-left: 24px; } #registerForm button { margin: 15px 0 15px 15px; padding: 0; border: none; background: none; } #registerRoot #breadcrumbs { margin: 0; padding: 7px 10px; border-bottom: 1px solid #ccc; background: #fff; } #registerRoot #footer { position: absolute; bottom: -35px; } #registerRoot #footerNavigation { padding: 0 5px; border: none; background: none; } /* BLOGS ======================================= */ #blogsHead { } #blogsHead h2 { margin: 0 0 3px; } #blogsHead p { margin: 0; } #topBlogs { list-style: none; margin: 0 0 15px; padding: 0; } #topBlogs li { overflow: hidden; margin: 0 0 10px; padding: 0 0 0 55px; font-size: 1.1em; line-height: 120%; } #topBlogs li img { display: inline; float: left; margin: 0 0 0 -55px; } #topBlogs li strong { display: block; font-size: 0.91em; text-transform: uppercase; } #topBlogs li span { position: absolute; left: -10001em; } #blogBuzz { } #blogBuzz h3 { margin: 0 0 4px; color: #333; font: bold 1em Verdana,sans-serif; text-transform: uppercase; } #blogBuzz ul { list-style: none; margin: 0 0 15px; padding: 0; } #blogBuzz ul li { margin: 0 0 1px; padding: 0 0 0 18px; background: url(/independent.co.uk/images/i_blogbuzz.gif) 3px 0.4em no-repeat; font-size: 11px; line-height: 130%; } #blogBuzz ul li a { } #blogBuzz ul li span { position: absolute; left: -10001em; } #blogsFront { } #blogsFront h1 { margin: 0 0 15px; padding: 0 0 12px; border-bottom: 1px solid #ccc; color: #b82129; font: bold 1.8em Verdana,sans-serif; } #blogsFront div.blog { margin: 0 0 25px; padding: 25px 0 0; background: url(/independent.co.uk/images/sep-i.gif) 50% 0 no-repeat; } #blogsFront div.first { padding: 0; background: none; } #blogsFront div.blog img.toRight { display: inline; float: right; margin: 35px 0 3px 10px; } #blogsFront div.head { margin: 0 0 5px; } #blogsFront div.personal { overflow: hidden; padding-left: 55px; } #blogsFront div.head img.photo { float: left; margin: 0 0 0 -55px; } #blogsFront div.balloonTop { position: relative; padding-top: 30px; } #blogsFront div.balloonTop img.balloon { position: absolute; top: 0; left: 0; } #blogsFront h2 { margin: 0 0 3px; font-size: 1.7em; } #blogsFront p { font-size: 1.1em; line-height: 130%; } #blogsFront p.info { color: #888; } #blogsFront div.blogMain { margin: 0 0 15px; padding: 0 0 10px 80px; border-bottom: 1px solid #ccc; } #blogsFront div.blogMain img.photo { margin-left: -80px; } #blogsFront div.blog div.photoCaption { display: block; margin: 0 0 10px; } #blogsFront div.blog div.photoCaption img { display: block; margin: 0 0 2px; } #blogsFront div.blog div.photoCaption p { margin: 0; font-weight: bold; font-size: 1.1em; line-height: 120%; } #blogsFront div.blog div.content { } #blogsFront div.blog div.content p { font-size: 1.2em; line-height: 130%; } #blogsFront div.blog div.content p a.more { font-size: 0.75em; font-weight: bold; text-transform: uppercase; } #blogsFront div.blog div.content p.readmore { color: #aaa; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #blogsFront ul.paging { font-weight: bold; text-transform: uppercase; } #blogsFront ul.paging li.next { float: right; } #blogNav { } p.feed { padding: 0 0 0 25px; background: url(/independent.co.uk/images/feed-icon.gif) 3px 50% no-repeat; line-height: 16px; font-weight: bold; } #blogNav h3 { margin: 0 0 5px; color: #b82129; font: bold 1.1em Verdana,sans-serif; } #blogNav ul { padding: 0 0 5px; font-size: 1.1em; } #blogNav ul.dates li { margin: 0 0 2px; } #blogNav ul.tags { } #blogNav ul.tags li { display: inline; margin: 0; line-height: 130%; } #blogNav ul.tags li.s1 { font-size: 1.0em; } #blogNav ul.tags li.s2 { font-size: 1.2em; } #blogNav ul.tags li.s3 { font-size: 1.3em; } #blogNav ul.tags li.s4 { font-size: 1.4em; } #blogNav ul.tags li.s5 { font-size: 1.6em; } #blogNav ul.tags li.s6 { font-size: 1.8em; } #blogNav ul.tags li.s7 { font-size: 1.9em; } #blogNav ul.tags li.s8 { font-size: 2.0em; } #blogNav ul.tags li.s9 { font-size: 2.1em; } #blogNav ul.tags li.s10 { font-size: 2.2em; } /* SEND TO FRIEND ======================================= */ #articleSend { padding: 20px; } #articleSend div.article { margin: 0 0 10px; border-bottom: 1px solid #ccc; } #articleSend div.article p.eyebrow { margin: 0 0 3px; font-size: 1.1em; font-weight: normal; text-transform: uppercase; line-height: 120%; } #articleSend div.article h1 { color: #333; font-size: 2.6em; } #articleSend div.article p { font-size: 1.3em; font-weight: bold; } #articleSend div.article p.author { margin: 30px 0 3px; font-size: 1.2em; font-weight: normal; } #articleSend div.article p.date { color: #777; font-size: 1.1em; font-weight: normal; } #articleSend h2 { color: #b52129; font: bold 1.8em Tahoma,Verdana,sans-serif; } #articleSend fieldset { margin: 0; padding: 0; border: none; } #articleSend fieldset p { font-size: 1.1em; } #articleSend fieldset p label { float: left; width: 180px; margin: 0 -180px 0 0; } #articleSend fieldset p.message label { float: none; display: block; margin: 0 0 5px; } #articleSend fieldset p input { display: block; width: 170px; margin-left: 180px; } #articleSend fieldset p.message textarea { width: 420px; } #articleSend fieldset p.submit { width: 420px; text-align: right; } #articleSent { padding: 20px; } #articleSent h2 { color: #b52129; font: bold 1.8em Tahoma,Verdana,sans-serif; } #articleSent p { font-size: 1.1em; } #articleSent p.article a { font: bold 1.2em Georgia,Verdana,sans-serif; } #articleSent div.recently-emailed { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #ccc; } #articleSent div.recently-emailed h3 { margin: 0 0 10px; color: #000; font: bold 1.2em Verdana,sans-serif; } #articleSent div.recently-emailed ol { font-size: 1.1em; } #articleSent p.more { display: block; margin: 0; font-size: 1em; } #articleSent p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } /* UPLOAD PHOTO ======================================= */ #uploadPhoto { border-color: #cdcdcd; } #uploadPhoto h2 { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #bd2129; font: bold 1.8em Verdana,sans-serif; } #uploadPhoto fieldset { margin: 0; padding: 0; border: none; } #uploadPhoto fieldset.first { margin-bottom: 15px; } #uploadPhoto fieldset legend { display: none; } #uploadPhoto fieldset p { font-size: 1.1em; } #uploadPhoto fieldset p.check { line-height: 1.5; } #uploadPhoto fieldset p label { float: left; width: 100px; margin: 2px -100px 0 0; } #uploadPhoto fieldset p span.label { line-height: 2; } #uploadPhoto fieldset p.message label { float: none; display: block; margin: 0 0 5px; } #uploadPhoto fieldset p input { display: block; width: 170px; margin-left: 100px; } #uploadPhoto fieldset p select { display: block; margin-left: 100px; } #uploadPhoto fieldset p.message textarea { width: 390px; } #uploadPhoto fieldset p.check label { float: none; width: auto; margin: 0; } #uploadPhoto fieldset p.check input { display: inline; width: auto; margin: 0; } #uploadPhoto fieldset p.submit { width: 275px; text-align: right; } #uploadPhotoList { } #uploadPhotoList h2 { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #bd2129; font: bold 1.8em Verdana,sans-serif; } #uploadPhotoList p { font-size: 1.1em; } #uploadPhotoList p.article a { font: bold 1.2em Georgia,Verdana,sans-serif; } #uploadPhotoList div.galleries { margin: 0 0 10px; padding: 10px 0 0; background: url(/independent.co.uk/images/sep-e.gif) 50% 0 no-repeat; } #uploadPhotoList div.galleries ul { list-style: none; width: 420px; margin: 0 0 5px -20px; padding: 0; } #uploadPhotoList div.galleries ul li { display: inline; float: left; width: 120px; margin: 0 0 10px 20px; font-size: 1.1em; line-height: 120%; } #uploadPhotoList div.galleries ul li span { display: block; margin: 0 0 3px; background: #eee; } #uploadPhotoList div.galleries ul li span img { display: block; margin: 0 auto; } #uploadPhotoList div.galleries ul li a { display: block; font-weight: bold; } #uploadPhotoList h3 { margin-bottom: 8px; color: #bd2129; font: bold 1.4em Verdana,sans-serif; } #uploadPhotoList p.more { display: block; margin: 0; font-size: 1em; } #uploadPhotoList p.more a { padding: 0 10px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 60% no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } /* PHOTO GALLERY ======================================= */ #doubleHeader { display: inline; float: left; width: 630px; margin: 0 0 0 10px; padding: 0 0 10px; background: #fff; } #doubleHeader.regional { padding: 0; } #doubleHeader h1 { padding: 0 0 10px; border-bottom: 1px solid #ccc; color: #b92229; font: bold 1.8em Verdana,sans-serif; } #secondaryColumn.doubleheader, body.switch #secondaryColumn.doubleheader { margin-top: -4.8em; } div.galleryItem { position: relative; min-height: 77px; margin: 0 0 25px; padding-left: 135px; } div.galleryItem h2 { margin: 0 0 5px; font: bold 1.4em Verdana,sans-serif; } div.galleryItem p.img { position: absolute; left: 0; top: 0; } div.galleryItem p { margin: 0; font-size: 1.1em; line-height: 120%; } .photoNews { } .photoNews h1 { margin: 0 0 3px; padding: 0; font-size: 1.6em; } .photoNews p.img { margin: 0; } .photoNews h2 { margin: 0 0 2px; font: bold 1.4em Verdana,sans-serif; } .photoNews p { font-size: 1.1em; line-height: 120%; } .photoNews p.date { color: #666; font-size: 1.0em; } .photoNews fieldset { margin: 0 0 10px; padding: 0; border: none; } .photoNews fieldset legend { display: none; } .photoNews fieldset label { position: absolute; left: -10001em; } .photoNews fieldset select { width: 130px; vertical-align: middle; } .photoNews button { position: relative; width: 24px; height: 17px; margin: 0 4px; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } #specialsBox { margin-top: 10px; padding-top: 10px; } .boxBeC { padding: 10px 10px 5px; background: #000; } .boxBeC img.mainImg { display: block; margin: 0 auto 5px; } .boxBeC h2 { margin: 0 0 1px; } .boxBeC h2 img { display: block; } .boxBeC p { color: #f37020; font-size: 1.1em; line-height: 130%; } .boxBeC p a { color: #f37020; font-weight: bold; } /* DAY IN PAGE ======================================= */ #dayInPageHeader { position: relative; margin: 0 0 20px; padding: 5px 10px 0; } #dayInPageHeader h1 { margin: 0 0 5px; color: #8c7d56; font: bold 2.8em Verdana,sans-serif; } #dayInPageHeader p.date { font-size: 1.4em; } #dayInPageHeader form { position: absolute; right: 10px; top: 38px; text-align: right; } #dayInPageHeader form p { display: inline; padding: 0 5px 0 0; } #dayInPageHeader form fieldset { padding: 0; border: none; } #dayInPageHeader form fieldset label { position: absolute; left: -10001em; } #dayInPageHeader form fieldset p, #dayInPageHeader form fieldset select { vertical-align: middle; } #dayInPageHeader form fieldset button { position: relative; width: 24px; height: 17px; margin: 0 1px; border: none; background: url(/independent.co.uk/images/b-go2.gif) no-repeat; vertical-align: middle; text-align: left; text-indent: -10001em; cursor: pointer; } #dayInPageHeader p.sections { margin: 0 -10px; padding: 10px 10px; border: 1px solid #ccc; border-width: 1px 0; background: #fff; font-size: 1.1em; } #dayInPageHeader.alternative { background: #00adef; } #dayInPageHeader.alternative h1 { color: #fff; } #dayInPageHeader.alternative p.date { color: #fff; } #dayInPageHeader.alternative form fieldset button { background-image: url(/independent.co.uk/images/b-go3.gif); } ul.icons { list-style: none; margin: 0 0 15px; padding: 0; } ul.icons li { margin: 0 0 3px; padding: 0 0 0 20px; background: url(../cssimg/bullet-d.gif) 4px 5px no-repeat; line-height: 120%; } ul.icons li.video { background: url(/independent.co.uk/images/i_video.gif) 0 1px no-repeat; } ul.icons li.podcast { background: url(/independent.co.uk/images/i_podcast.gif) 1px 1px no-repeat; } ul.icons li.portfolio { background: url(/independent.co.uk/images/i_portfolio4.gif) 1px 1px no-repeat; } ul.icons li.photos { background: url(/independent.co.uk/images/i_photos.gif) 0 2px no-repeat; } #dayNews { padding: 0 10px; } #dayNews h2 { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ccc; color: #b82126; font: bold 1.4em Verdana,sans-serif; text-transform: uppercase; } #dayNews h2 a { color: #b82126; } #dayNews h3 { margin: 0 0 5px; padding: 0; color: #333; font: bold 1.2em Verdana,sans-serif; } #dayNews h3 a { color: #333; } #dayNews ul { } #dayNews ul li { font-size: 1.2em; } /* POLL RESULTS */ #pollResults { } #pollResults p.info { margin: -10px 0 25px; } #pollResults ul.pollResults { margin: 0 0 25px; font-size: 1.2em; } #pollResults ul.pollResults li { margin: 0 0 10px; } #pollResults ul.pollResults li span { font-weight: bold; width: 4em; } .tiny { font-size: 0.9em; } /* REGIONAL ======================================= */ body.regional #secondaryColumn.doubleheader { margin-top: -3.0em; } #contactUs { } #contactUs.bBorder { padding-bottom: 0; } #contactUs h2 { overflow: hidden; height: 10px; background: url(/independent.co.uk/images/h-contact-us.gif) no-repeat; text-indent: -10001em; } #contactUs p { font-size: 1.1em; line-height: 120%; } #contactUs p abbr { border: none; } /* GOING OUT ======================================= */ body.entertainment #content.goingout #secondaryColumn { margin-top: -23em; padding-top: 5px; } #videoPreview { margin: 10px 0; padding: 0; } #videoPreview h2 { margin: 0 0 3px; } #videoPreview p.subheader { width: 90%; margin: 0 0 4px; font-weight: bold; font-size: 1.1em; } #videoPreview ol { margin: 0 0 10px; padding: 0 0 0 20px; } #videoPreview ol li { margin: 0 0 3px; font-size: 1.1em; } #videoPreview p.more { font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #videoPreview p.more a { padding: 0 8px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; } #stayingIn { } #stayingIn h2 { margin: 0 0 1px; } #stayingIn p.subheader { margin: 0 0 2px; font-size: 1.2em; font-weight: bold; line-height: 120%; } #stayingIn p { font-size: 1.1em; line-height: 120%; } #goingOutSearchTop { float: left; width: 646px; padding: 0 0 20px; border-bottom: 5px solid #464646; } #goingOutSearchBottom { position: relative; width: 646px; margin: 0 -10px -25px; padding: 0 0 15px; border-top: 5px solid #464646; } div.goingOutSearch { background: #d7e9f7; } div.goingOutSearch p.topAd { margin: 0; } div.goingOutSearch p.topAd img { display: block; margin: 0 auto; } div.goingOutSearch h2 { margin: 0 0 12px 0; padding: 2px 10px 2px; background: #d241ab; color: #fff; font: bold 1.6em Arial,Tahoma,sans-serif; text-transform: lowercase; letter-spacing: 0.3px; } div.goingOutSearch form { display: block; position: relative; padding: 10px 20px 0; } div.goingOutSearch form p { overflow: hidden; margin: 0 0 15px; font-size: 1.1em; } div.goingOutSearch form p.links { position: absolute; right: 20px; top: 15px; } div.goingOutSearch form p label { float: left; width: 100px; margin: 3px 0 0; vertical-align: middle; } div.goingOutSearch form p strong.label { float: left; width: 100px; margin: 3px 0 0; } div.goingOutSearch form p select { display: inline; float: left; width: 100px; margin: 0 20px 0 0; } div.goingOutSearch form p input { vertical-align: middle; } div.goingOutSearch form p.checkboxes label { float: none; width: auto; margin: 0 10px 0 0; } div.goingOutSearch form p.submit { width: 420px; margin: 0; text-align: right; } div.goingOutSearch form p.submit button { position: relative; overflow: visible; width: 59px; height: 19px; border: none; background: url(/independent.co.uk/images/b_res_search.gif) no-repeat; text-indent: -10001em; cursor: pointer; } div.goingOutSearch form p .s { width: 70px; } div.goingOutSearch form p .l { width: 130px; } div.goingOutSearch form p .xl { width: 180px; } #enteSearchWrap { position: relative; width: 646px; margin: -20px -10px 0; padding: 0; } #enteSearchMain { float: left; width: 445px; padding: 10px 12px 0 10px; border-right: 1px solid #ccc; } #enteSearchMain div.resultsInfo { margin: 0 0 10px; padding: 0; border: none; } #enteSearchMain div.resultsInfo p.first em { display: block; margin: 6px 0 0; } #enteSearchMain div.resultsPaging { padding: 0; } #enteSearchMain div.resultsPaging p { color: #333; } #enteSearchMain div.resultsPaging ul.complexPaging li { padding: 0 2px; } #enteSearchSide { float: left; width: 160px; margin: 0 0 0 -1px; padding: 0 0 0 9px; border-left: 1px solid #ccc; } #enteSearchSide p { font-size: 1.1em; line-height: 130%; } #refineSearch { margin: 10px 0; padding: 0 10px 1px; background: #e7f7ff; } #refineSearch h2 { margin: 0 -10px 5px; padding: 3px 10px; background: #7bb5e7; color: #fff; font: 1.8em Verdana,sans-serif; } #refineSearch h3 { margin: 0 0 5px; color: #f77324; font: bold 1.2em Verdana,sans-serif; } #refineSearch ul li { font-size: 1.1em; } #refineSearch ul li a { } #refineSearch ul li a span { color: #898988; } #refineSearch p.more { font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #refineSearch p.more a { padding: 0 8px 0 0; background: url(/independent.co.uk/images/bullet-b.gif) 100% 55% no-repeat; } #readerRecommends { margin: 0 0 5px; } #readerRecommends ol { margin: 0 0 10px; padding: 0 0 0 20px; } #readerRecommends ol li { margin: 0 0 4px; font-size: 1.1em; } div.enteResults { margin: 0 0 5px; } div.enteResults div.vevent { position: relative; margin: 0 0 15px; padding: 0 0 0 20px; font-size: 1.1em; } div.enteResults div.vevent p { margin: 0 0 2px; line-height: 120%; } div.enteResults div.vevent h2 { margin: 0 0 3px; font: bold 1.27em Verdana, sans-serif; } div.enteResults div.vevent p span.counter { position: absolute; left: 0; top: 0; font: bold 1.2em Verdana,sans-serif; } div.enteResults div.vevent p a.category { color: #f68635; font-size: 0.91em; text-transform: uppercase; text-decoration: underline; } div.enteResults div.vevent p abbr { border: none; } #goingOutStories { padding: 0 20px; } #goingOutStories h1 { margin: 0 -20px 20px; padding: 2px 10px 2px; background: #88cc33; color: #fff; font: bold 1.6em Arial,Tahoma,sans-serif; text-transform: lowercase; letter-spacing: 0.3px; } #goingOutStories div.hreview { overflow: hidden; margin: 0 0 10px; } #goingOutStories div.hreview h3 { margin: 0 0 10px; color: #fd7224; font: bold 1.2em Verdana,sans-serif; text-transform: uppercase; } #goingOutStories div.hreview p { font-size: 1.1em; line-height: 130%; } #goingOutStories div.hreview p.dateloc { margin: 0 0 2px; } #goingOutStories div.hreview p.additional { margin: 0 0 2px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #goingOutStories div.hreview h2 { margin: 0 0 2px; color: #333; font: bold 1.4em Verdana,sans-serif; } #goingOutStories div.hreview h4 { margin: 0 0 3px; font: 1.2em Verdana,sans-serif; } #goingOutStories div.hreview p.right { display: inline; float: right; margin: 0 0 3px 10px; } #goingOutStories div.hreview p.left { display: inline; float: left; margin: 0 10px 3px 0; } .flowL { float: left; } .flowR { float: right; } #cinemaDetails { } #cinemaDetails h2 { margin: 0 0 3px; color: #be3336; font: italic bold 1.4em Verdana,sans-serif; } #cinemaDetails div.box { margin: 0 10px 5px; padding: 5px 5px 1px; background: #ebf4fb; } #cinemaDetails div.box h1 { margin: 0 0 2px; color: #f68f51; font: bold 1.4em Verdana,sans-serif; text-transform: uppercase; } #cinemaDetails div.box h1 a { color: #f68f51; text-decoration: underline; } #cinemaDetails div.box h1 a:hover { text-decoration: none; } #cinemaListing { margin: 10px 0 20px; } #cinemaListing div.cinema { position: relative; padding: 0 0 0 30px; } #cinemaListing.single div.cinema { margin-left: 10px; padding-left: 0; } #cinemaListing div.cinema h2 { margin: 0 0 3px; color: #f68f52; font: 1.2em Verdana,sans-serif; text-transform: uppercase; } #cinemaListing div.cinema h2 a { color: #f68f52; text-decoration: underline; } #cinemaListing div.cinema h2 a:hover { text-decoration: none; } #cinemaListing div.cinema h2 em { position: absolute; left: 0; font-style: normal; font-weight: bold; color: #333; } #cinemaListing div.cinema p.subheader { font-size: 1.1em; font-weight: bold; } #cinemaListing div.cinema ol { list-style: none; margin: 0; padding: 0; } #cinemaListing div.cinema ol li { overflow: hidden; position: relative; margin: 0 0 10px; padding: 0 0 0 55px; } #cinemaListing div.cinema ol li h3 { float: left; width: 150px; margin: 0 -150px 0 0; font: 1.1em Verdana,sans-serif; } #cinemaListing div.cinema ol li h3 a { text-decoration: underline; } #cinemaListing div.cinema ol li h3 em { color: #9c9c9b; font-style: normal; } #cinemaListing div.cinema ol li p.rating-wrap { position: absolute; left: 0; top: 3px; width: 39px; height: 8px; font: 1px/1px sans-serif; background: url(/independent.co.uk/images/stars-mini.png) 0 0 no-repeat; text-indent: -10001em; } #cinemaListing div.cinema ol li p.rating-wrap strong { position: absolute; left: 0; top: 0; width: 39px; height: 8px; background: url(/independent.co.uk/images/stars-mini.png) 0 -9px no-repeat; } #cinemaListing div.cinema ol li p.rating-wrap strong.r1 { width: 7px; } #cinemaListing div.cinema ol li p.rating-wrap strong.r2 { width: 15px; } #cinemaListing div.cinema ol li p.rating-wrap strong.r3 { width: 23px; } #cinemaListing div.cinema ol li p.rating-wrap strong.r4 { width: 31px; } #cinemaListing div.cinema ol li p.rating-wrap strong.r5 { width: 39px; } #cinemaListing div.cinema ol li ul { list-style: none; margin: 0 0 0 160px; padding: 0; } #cinemaListing div.cinema ol li ul li { margin: 0; padding: 0; font-size: 1.1em; line-height: 130%; } ul.list-a { list-style: none; margin: 0 0 10px; padding: 0; } ul.list-a li { margin: 0 0 3px; } ul.list-a li a { } ul.list-a li a span { color: #aaa; } #articleAuthor { font: italic 1em Georgia,Verdana,Tahoma,sans-serif; } #advancedSearch { padding: 15px; border: 1px solid #cfcfcf; background: #f6f6f7; } #advancedSearch h2 { margin: 0 0 20px; color: #b21f2b; font: bold 1.8em Verdana,sans-serif; } #advancedSearch fieldset { padding: 0; background: none; border: none; font-size: 1.1em; } #advancedSearch fieldset legend { display: none; } #advancedSearch fieldset div { margin: 0 0 10px; padding: 0 0 0 150px; } #advancedSearch fieldset div.subdates { margin-top: 25px; } #advancedSearch fieldset div.submit { margin-top: 25px; } #advancedSearch fieldset div div { margin: 0; padding: 0; } #advancedSearch fieldset div label, #advancedSearch fieldset div span.label { display: inline; float: left; width: 150px; margin: 0 0 0 -150px; font-weight: bold; } #advancedSearch fieldset div.radios span { display: block; margin-bottom: 5px; } #advancedSearch fieldset div.radios span.label { display: inline; margin-bottom: 0; } #advancedSearch fieldset div.radios span label { float: none; width: auto; margin: 0; font-weight: normal; } #advancedSearch fieldset div.radios span input { } #advancedSearch fieldset div.radios div.dates { padding: 5px 0 0 15px; width: 300px; font-size: 0.91em; } #advancedSearch fieldset div.radios div.dates div { width: 100%; } #advancedSearch fieldset div.radios div.dates span { margin: 3px 0; } #advancedSearch fieldset div.radios div.dates label { display: none; position: absolute; left: -10001em; top: -10001em; } #advancedSearch input.m { width: 250px; } #advancedSearch select.m { width: 254px; } #advancedSearch button { overflow: visible; margin: 0; padding: 0; border: none; background: none; } div.bannedBooks { padding: 5px; border: 1px solid #959595; } div.bannedBooks h2 { margin: 0 0 5px; } div.bannedBooks p { margin: 0 0 5px; } div.booksDirect { margin: 0 0 15px; border: 1px solid #959595; padding: 0 0 0 60px; background: url(/independent.co.uk/images/books-direct-eagle.jpg) 0 50% no-repeat; } div.booksDirectA { padding: 0; background: none; } div.booksDirect p { margin: 0; padding: 10px 90px 10px 10px; background: url(/independent.co.uk/images/books-direct-books.jpg) 100% 50% no-repeat; } div.booksDirectB p { padding-right: 10px; background: none; } div.booksDirectC p { padding-top: 7px; padding-bottom: 5px; } div.booksDirect p img { display: inline; float: left; margin: 0 5px 0 0; } body.popup { padding: 10px; } #popTop { position: relative; width: 100%; height: 67px; margin: 0 0 10px; border-bottom: 3px solid #c3bda7; } #popTop p { height: 19px; background: #bbb18e; } #popTop p a { display: block; width: 65px; height: 19px; margin: 0 0 0 auto; background: #fff url(/independent.co.uk/images/popclose.gif) 100% 0 no-repeat; text-indent: -10001em; } #popTop h1 { position: absolute; left: 0; top: 27px; } #popTop ul { float: right; padding-top: 17px; } #popContent { overflow: hidden; width: 100%; padding: 0 0 5px; } #popContent div.image { float: left; width: 600px; margin: 0 -600px 0 0; } #popContent div.image p { margin: 0 0 5px; } #popContent div.image p.footer { text-align: right; } #popContent div.description { margin-left: 615px; } #popContent div.description p { font-size: 1.1em; font-weight: bold; line-height: 1.3; } #popFooter { position: relative; padding: 0.2em 10px 0.4em; border-top: 3px solid #c3bca6; background: #ebebeb; color: #125581; } #popFooter p { margin: 0; line-height: 160%; } #popFooter p strong { color: #333; } /* FRONT PAGES */ #frontPages { } #frontPages h1, h1.frontPages { color: #333; font: 1.8em Verdana,sans-serif; } #frontPages p { font-size: 1.1em; line-height: 120%; } div.quasifieldset { position: relative; margin: 15px 0; padding: 10px 10px 1px; border: 1px solid #333; } div.quasifieldset .label { position: absolute; left: 7px; top: -6px; color: #333; font: 1em Verdana,sans-serif; text-transform: uppercase; } div.quasifieldset .label span { padding: 0 3px; background: #fff; } ul.list-b { list-style: none; margin: 0 0 15px; padding: 0; } ul.list-b li { margin: 0 0 7px; padding: 0 0 0 10px; background: url(/independent.co.uk/images/bullet-e.gif) 0 6px no-repeat; font-size: 1.1em; } div.front-news { overflow: hidden; width: 100%; } div.front-news h2 { margin: 0; font: bold 1.1em Verdana,sans-serif; } div.front-news p.image { display: inline; float: left; margin: 0 10px 0 0; } div.front-news p.date { margin: 0 0 2px; color: #999; } div.front-news p { font-size: 1.1em; line-height: 120%; } ul.papers { list-style: none; width: 100%; margin: 0; padding: 0; } ul.papers li { display: inline; float: left; margin: 0 15px 15px 0; font-size: 1.1em; } /* YAHOO LINKS */ div.yahooLinks { margin: 15px 0; padding: 15px 15px 10px; border: 1px solid #efeeea; background: #f8f7f5; } div.tBorderBold div.yahooLinks { margin: 5px 0 15px; } div.yahooLinks h2 { margin: 0 0 15px; color: #000; font: 1.8em Verdana,sans-serif; } div.yahooLinks p { margin: 0 0 10px; font-size: 1.2em; line-height: 120%; } div.yahooLinks p strong { color: #b8202c; } /* NEW */ span.new { color: #f42b00 !important; font: bold 9px Tahoma,sans-serif !important; text-transform: uppercase !important; } /* SOUND AND VISION */ #soundAndVision { background: url(/independent.co.uk/images/soundandvision-bg.gif) -78px 0 repeat-y; } #soundAndVision h2 { height: 30px; padding: 0; background: #fff url(/independent.co.uk/images/soundandvision.png) 0 50% no-repeat; } #soundAndVision h2 span { position: absolute; left: -10001em; top: -10001em; } #soundAndVision h2 a { } #soundAndVision h2 a img { right: 5px; top: 0; } #soundAndVision h3, #soundAndVision h4 { margin: 0 0 5px; color: #e95000; font: bold 1.4em Verdana,sans-serif; } #soundAndVision h3 a, #soundAndVision h4 a { color: #e95000; } #soundAndVision div.playing h4 { margin: 10px 0; color: #888; font: bold 1em Verdana,sans-serif; text-transform: uppercase; } #soundAndVision h3 strong { color: #000; } /*#soundAndVision p { font-size: 1.1em; line-height: 120%; }*/ #soundAndVision p.more { margin: -5px 0 10px; color: #e95000; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #soundAndVision p.videoShot { display: inline; position: relative; float: right; margin: 0 0 5px 5px; } #soundAndVision p.videoShot img { float: left; } #soundAndVision p.videoShot span { position: absolute; right: 0; bottom: 0; width: 21px; height: 18px; background: #e4eeef url(/independent.co.uk/images/i-play.gif) 50% 50% no-repeat; text-indent: -10001em; } #soundAndVision div.side p.videoShot span { background-color: #fff; } #soundAndVision ul.videos { list-style: none; margin: 0 0 10px; padding: 0; } #soundAndVision ul.videos li { margin: 0 0 10px; padding: 0 0 0 17px; background: url(/independent.co.uk/images/i_video.gif) 0 1px no-repeat; } #soundAndVision ul.videos li a { color: #333; font-weight: bold; } #soundAndVision ul.videos li a:hover { color: #333; text-decoration: underline; } #soundAndVision ul.sounds { list-style: none; margin: 0 0 0 -17px; padding: 0; } #soundAndVision ul.sounds li { margin: 0 0 10px; padding: 0 0 0 17px; background: url(/independent.co.uk/images/i-audio-on.gif) 0 0 no-repeat; } #soundAndVision ul.sounds li.off { background-image: url(/independent.co.uk/images/i-audio-off.gif); } #soundAndVision ul.sounds li a { color: #333; font-weight: bold; } #soundAndVision ul.sounds li a:hover { text-decoration: underline; } #soundAndVision div.main { display: inline; float: left; width: 337px; margin: 0 0 0 -3px; } #soundAndVision div.video { margin: 0 0 10px; } #soundAndVision div.playing { margin: 0 0 10px; border-bottom: 2px solid #b4c6ca; } #soundAndVision div.playing h4 { margin-top: -5px; } #soundAndVision div.side { display: inline; float: right; width: 252px; margin: 0 -3px 0 0; } #soundAndVision div.side div.item { margin: 0 0 10px; border-bottom: 1px solid #ccc; } #soundAndVision div.side div.item.img { margin-bottom: 7px; } #soundAndVision div.audio { } #soundAndVision div.audio h3 { margin-bottom: 25px; } #soundAndVision div.audio h3 span { padding: 0 15px 0 0; background: url(/independent.co.uk/images/i-audio-on.gif) 100% 50% no-repeat; text-decoration: underline; } #soundAndVision div.audio div.item { padding: 0 0 0 25px; background: url(/independent.co.uk/images/i-ipod.gif) 3px 0 no-repeat; } #soundAndVision div.audio div.item.alt { padding-top: 10px; margin-top: -10px; background-color: #fff8dc; background-position: 3px 10px; } #soundAndVision.alt { background-position: 0 0; } #soundAndVision.alt div.main { width: 415px; } #soundAndVision.alt div.side { width: 173px; } /* SUNDAY BOX */ div.ios { overflow: hidden; margin: 10px 0; padding: 6px; border: 4px solid #cbcbcb; } div.ios h2 { position: relative; height: 39px; margin: 0 -6px 3px; padding: 0 6px 7px; border-bottom: 1px solid #cbcbcb; background: url(/independent.co.uk/images/logo-london-sunday-box.png) 6px 0 no-repeat; text-indent: -10001em; } div.ios p { margin: 0; } div.ios p img { display: inline; float: right; margin: 4px 0 2px 10px; } div.ios p.img:after { content: "."; display: block; margin: 0; color: #fff; font-size: 1px; line-height: 1px; } div.ios h3 { margin: 0; color: #fff; font-size: 1px; } div.ios ul { margin: 0; padding: 0 0 0 15px; color: #4f78ac; font-weight: bold; } div.ios ul li { margin: 0 0 1px; line-height: 1.2; } /* AZ INDEX */ #az-index { } #az-index ul.list-b { margin: 0; padding: 0 0 10px 10px; border-bottom: 1px solid #ccc; } #recentlyAdded { border-bottom: 5px solid #ccc; } #recentlyAdded h1 { padding: 5px 10px; border: 5px solid #ccc; border-width: 5px 0; background: #f37020; color: #fff; font: bold 3em/1 Verdana,sans-serif; } #recentlyAdded h2 { font: bold 1.2em Verdana,sans-serif; text-transform: uppercase; } #recentlyAdded ul { overflow: hidden; list-style: none; margin: 0 0 0 -18px; padding: 0 0 15px; } * html #recentlyAdded ul { width: 476px; margin-right: -18px; } #recentlyAdded ul li { display: inline; float: left; width: 140px; margin: 0 0 0 18px; font-size: 1.2em; line-height: 120%; } #recentlyAdded ul li strong { font-size: 1.08em; } ul.alpha { list-style: none; margin: 0 0 15px; padding: 3px 10px; border-bottom: 1px solid #ccc; } ul.alpha li { display: inline; padding: 0 3px 0 0; color: #f46f20; font-size: 1.2em; font-weight: bold; line-height: 1.5; text-transform: uppercase; } ul.alpha li a { font-weight: normal; } /* EDITORS SLIDER */ #editorsSlider { position: relative; width: 100%; margin: 0 0 15px; padding: 0; border-top: 5px solid #c3bda7; border-bottom: 1px solid #ccc; } #editorsSlider h2 { height: 22px; margin: 0; padding: 0 30px 0 0; border-bottom: 1px solid #ccc; color: #b22; font: bold 1.2em/22px Verdana,sans-serif; text-transform: uppercase; } #editorsSlider ul.paging { position: absolute; right: 0; top: 0; list-style: none; margin: 0; padding: 0; } #editorsSlider ul.paging li { float: left; padding: 0; } #editorsSlider ul.paging li.prev { border-right: 1px solid #c3bda7; } #editorsSlider ul.paging li a { overflow: hidden; float: left; width: 13px; height: 22px; background: #e6e6dc url(/independent.co.uk/images/editorsControl.gif) no-repeat; text-indent: -10001em; } #editorsSlider ul.paging li a:hover { background-color: #ba2126; } #editorsSlider ul.paging li.prev a { background-position: -12px 0; } #editorsSlider ul.paging li.prev a:hover { background-position: -12px -22px; } #editorsSlider ul.paging li.next a { background-position: 1px 0; } #editorsSlider ul.paging li.next a:hover { background-position: 1px -22px; } #editorsSlider div.slidesWrap { position: relative; overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; } #editorsSlider ul.slides { list-style: none; margin: 0; padding: 0; } #editorsSlider ul.slides li { float: left; width: 61px; padding: 8px 7px 8px 8px; background: #fff; font-size: 0.8em; font-weight: bold; } .twoCol #editorsSlider ul.slides li { padding-left: 7px; } #editorsSlider ul.slides li.over { background: #fdff80; } #editorsSlider ul.slides li a { display: block; text-decoration: none; } #editorsSlider ul.slides li strong { font-size: 1.25em; font-weight: bold; } #editorsSlider ul.slides li br { display: none; } /* LATEST NEWS */ #latestNews {} #latestNews.underSlider { margin-top: -15px; } #latestNews h2 { margin: 0; padding: 0; border-bottom: 5px solid #c3bda7; color: #b22; font-size:1.6em; height:20px; } #latestNews ul { list-style: none; margin: 0; padding: 5px 0 0; } #latestNews ul li { margin: 3px 0; font-size: 1em; font-weight: bold; line-height: 1.2; } /* Subsection Tabs --------------------*/ .subsection_tabs { list-style:none; margin:0 0 0 350px; padding:0; height:20px; } .subsection_tabs li { float:left; margin-right:7px; text-align:center; } .subsection_tabs li a { display:block; height:15px; padding:5px 6px 0 6px; background-color:#fff; color:#666; width:80px; } .subsection_tabs li a:hover { color:#666; } #bottom-menu {margin:20px 0 0 580px;} .subsection_tabs li a.active { background-color:#ddd; } #top-menu { border-bottom:1px solid #ccc; width:760px;margin:0 0 20px 0;} .register_tabs { border-bottom:none; } .register_tabs li a.active { background-color:#6d7a81; color:#fff; } #tabbed-text {width:760px; } .skyscraper {position:relative;} /* Home page */ /* Channel 4 */ .channel4s1 { padding:8px; border: solid 1px #999999; margin-top:10px; width:286px;} .channel4s1 p {line-height: 1.4em; text-align:left; font-size:11px;} .channel4s1 img {float: left; padding-right:5px; padding-top:5px; padding-bottom:3px;} .channel4s1 h3 {text-align: left; font-size:16px; color: #0099FF; font-style: bold; margin-top:5px; line-height: 16px;} .channel4s3 { padding:8px; border: solid 1px #999999; margin-top:10px; background-image: url(../css/c4.jpg); width:286px;} .channel4s3 p {line-height: 1.4em; text-align:left; font-size:15px;} .channel4s3 img {float: left; margin-right:5px; margin-top:5px; margin-bottom:3px; border: solid 1px #999999;} .channel4s3 h3 {text-align: left; font-size:16px; font-weight:bold; margin-top:5px; line-height: 18px; color:#003366;} .channel4s3 p a {text-align: left; font-size:12px; margin-top:5px; line-height: 18px; color:#003366;} .channel4 { padding:8px; border: solid 1px #999999; margin-top:10px; background-image: url(../cssimg/bee.jpg); width:286px;} .channel4 p {line-height: 1.4em; text-align:left; font-size:11px;} .channel4 img {float: left; margin-right:5px; margin-top:5px; margin-bottom:3px; border: solid 1px #999999;} .channel4 h3 {text-align: left; font-size:16px; color:#e94700; font-style: bold; margin-top:5px; line-height: 0.2em;} #flashcontent2 {border: solid 10px #f1f1f1; width:430px; height:80px; margin: 0 0 0 3px; } .homeLink {color:#48c8ed; font-weight:bold;font-size:14px; line-height:12px;} #channel4 a {color:#e94700; font-weight:bold;font-size:14px;line-height:16px;} #strapline { margin:20px 0px 0 10px; font-size:14px; color:#000; line-height:17px; font-weight:bold;} /* forumcomp */ .videobox {height:1%;} .fcomp { border: solid 10px #f1f1f1; padding:none; margin-bottom: 10px;} .fcompbox { padding: 5px; font-size:12px; line-height: 1.4em; border: solid 1px #cfcfcf;} .fcompbox h2 { color:#145682; font-size:16px; line-height: 0.2em; font-style: bold;} /* Features Page --------------------*/ .gridimagefloat{ float: left; padding: 10px 10px 0px 10px;} .gridimageMain{ height:80px; padding: 5px 5px 0px 10px;} .gridleft p img, .gridright p img{ float: left; padding: 0px 10px 10px 10px;} .gridwrap { height:90px; } .gridwrap p { line-height: 1.1; font-size: 11px;} .gridwrap p img {border:#CCCCCC 1px solid; padding:2px; margin: 0 5px 0 0;} .gridleft {width: 350px; float:left;} .gridright {width: 350px; float:left; margin-left: 50px;} .gridclear {clear:both;} .gridwrap h5 { margin: 0 0 2px; padding: 0; font: normal 1.3em Verdana,Arial,Helvetica,sans-serif; font-weight:bold; color:#333333;} .gridadright {float: right; padding-right: 25px; padding-left: 25px; padding-bottom: 30px; border-left: solid 1px #CCCCCC;} .gridsmalllogo {float: right; margin:10px 0 0 0;} /* Extras Page --------------------*/ .extrasgallery {float:left;} .extrasimage {float:left; padding: 0px 6px 0px 0px;} .extraspic img {border: solid 1px #999999; padding:1px;} .extrassmalllogo {float: right; padding: 10px;} .extrasheader{padding:5px;} /* Link Tree --------------------*/ .linktree { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; margin: 20px 0 0 0; height:20px; width: 780px; padding:4px 0 0 0;} .extrapagemenu p a {padding:4px 0 0 0;font-size:10px; text-align:right;} .linktreeleft {float: left; width: 280px;} .linktreeleft p {padding:4px 0 0 0; font-size:10px;} .extrapagemenu { float:right; display:inline; width: 490px; height:16px; padding:4px 0 0 4px;text-align:right;} .viewvid {height: 90px;} .viewvid p {font-size:10px;} .videothumbbox {padding:10px; border: solid 1px #999999;} .videothumbbox p { text-align:left; font-size:10px;} .videothumbbox img {float: left; padding-right:5px; padding-top:0px; padding-bottom:3px;} .videothumbbox h3 {text-align: left; font-size:14px; color:#145682; } .videothumbbox h1 {text-align: left; font-size:11px; color:#145682; font-style: bold; padding: 0 0 3px; 0; margin: 0 0 0 0;} .clear { clear: both;} .rightcolp p {font-size:9px; line-height: 12px;} .rightcolp strong {font-size:9px;} .videotext p {width: 730px; font-size:14px; line-height:18px;} #mainColumnhome { display: inline; float: left; width: 255px; margin: 10px 5px 25px 10px;} .secondaryColumnhome { display: inline; float: left; width: 255px; margin: 10px 5px 25px 5px;} #homeintro { margin:10px; float:left; width:760px;} #tertiaryColumnhome { display: inline; float: right; width: 160px; margin: 20px 0px 25px 0; border-left: solid 1px #CCCCCC; } .linebtm {border-top: #999999 1px solid; width:760px; margin:0 0 20px 10px; height:1px;} .homepagechnl4 {width:760px; border: 3px solid #CCCCCC; margin: 10px; padding: 5px 5px 5px 10px; height:100px;} .homepagechnl4 img{float:left; margin-right:20px;} .homepagechnl4 p{font-size:16px; line-height: 22px;} #homewrap {float: left; width:800px; }