/* Running MySource Matrix Developed by Squiz - http://www.squiz.net MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 10 September 2010 21:27:23 */ /* Reset defaults*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: inherit; font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } em { font-style: italic; } /* Generic classes */ .clear {clear: both;line-height: 0em;margin: 0;} /* Link styles */ a {color: #393F99;text-decoration: none;} a:hover {text-decoration: underline;} /* ***** Channel Index Legacy Style */ .channel-index {display: none } /* * Layout */ body {background-color: #DBD6C5;color: #333; font-size: 75%;font-family: Tahoma, sans-serif;} body>html {font-size: 12px;} #page {background-color: #FFF;width: 950px;margin: 0 auto;padding: 0 25px 15px;} #content #column-1 {float: left; width: 400px; margin-right: 20px; } #content #column-2 {float: left; width: 200px;} #content #column-1.wide {width: 610px; margin-right: 10px; padding-top: 15px;} #content #column-1.full {width: 950px; margin-right: 0;} #content #column-1.channel-listing {width: 620px;margin-right: 0; padding: 0;} /* A Wanky IE6 Bug. Issue with #id.class selector - EXTRACT INTO IE6 CONDITIONAL - http://sonspring.com/journal/ie6-multi-class-bug - http://archivist.incutio.com/viewlist/css-discuss/71726 */ #content .wide {width: 610px !important; margin-right: 20px !important; padding-top: 15px !important;} #content .channel-listing {width: 620px !important;margin-right: 0 !important; padding: 0 !important;} #content .full {width: 950px !important; margin-right: 0 !important;} #content #column-3 {float: right;width: 300px;background-color: #edefd8;padding: 10px 10px 0;} #content #column-3.clean {width: 320px;background-color: #FFF;padding: 0;} /* * Top Header */ #top-header {padding: 5px 0;margin: 0;border-bottom: solid 1px #E3E3E3;text-align: right;height: 90px} #ad-728-90 {float: left; margin-right: 6px;width: 728px} #leaderunt {float: right} /* * Header */ #header {clear: both;position: relative;} #logo {margin: 0;width: 329px;height: 7em} #logo a {display: block;} #logo p#date {margin-left: 0px; color: #333; letter-spacing: 0.01em} #logo p#date strong {font-weight: bold;} #header-tools {position: absolute; top: 0px; right: 0px; } /* #header-tools {position: absolute; top: 0px; right: 0px; width: 620px } */ #members-menu {margin: 0 0 15px; height: 2em;float: right;} #members-menu ul {margin: 0; padding: 0;} #members-menu li {margin: 0 0 0 0; padding: 5px 10px 2px 11px;float: left;} #members-menu li strong {font-weight: bold} #members-menu li.with-seperator {border-left: solid 1px #CCC} #search-box {background-color: #818452;padding: 6px 7px 7px;float: right;clear: right;} #search-box input.sq-form-field {padding: 2px;margin-right: 2px; width: 200px;} #search-box input.button {padding: 0px 5px 1px;margin: 0;width: 140px;} /* IE7 Conditional - Padding fix */ #search-box a {display: none} /* * Main Navigation */ #main-navigation {clear: both;margin: 0 0 10px;border-top: 2px solid #D6C9A6;font-family: Georgia, serif;font-size: 1.2em;border-bottom: 2px solid #BFC3A0;} /* TODO - BugFix, Issue with IE 6, the navigation rendering on top of the header, using conditional to fix */ body#home #main-navigation {border-bottom-width: 6px;} /* ***** Navigation Legacy Styles */ #main-navigation ul#menu-1 {padding: 8px 5px 12px 10px;text-align: center;} #main-navigation ul#menu-1 li {padding: 8px 2px 12px 3px;display: inline;line-height: 1em;} #main-navigation ul#menu-1 li a {color: #660808;} #main-navigation ul#menu-1 img {margin: 0px 2px 0px 2px;} #main-navigation ul#menu-1 li.selected {border-left: 1px solid #BFC3A0;border-right: 1px solid #BFC3A0;background-color: #F3F4E3;padding: 7px 11px 7px 11px;margin: 0px 4px 0px 4px;} #main-navigation ul#menu-1 li.selected a {padding: 1px 0px 1px 0px;color: #8E9165;text-decoration: underline;} #main-navigation ul#menu-2 {background-color: #F3F4E3;border-top: 1px solid #BFC3A0;border-bottom: 2px #main-navigation solid #D6C9A6;padding: 8px 5px 8px 5px;text-align: center;margin: -5px 0px 0px 0px;} #main-navigation ul#menu-2 li {display: inline;padding: 0px 20px 0px 20px;line-height: 1.5em;font-family: Tahoma, Sans-Serif;} #main-navigation ul#menu-2 li.seperator {padding: 0;} #main-navigation ul#menu-2 li.with-seperator {border-left: 1px solid #BFC3A0;} #main-navigation ul#menu-2 {font-size: 0.9em;font-weight: bold;} #main-navigation ul#menu-2 li a {color: #8E9165;} #main-navigation ul#menu-2 li a:hover {color: #660808;} #main-navigation ul#menu-2 li.selected a {text-decoration: underline;color: #660808;} /* * Breadcrumb */ p#breadcrumb-prefix {float: left; margin-right: 10px; color: #818451; font-weight: bold} ul#breadcrumb {margin-bottom: 10px; } ul#breadcrumb li {display: inline;margin-right: 3px} ul#breadcrumb li.crumb {padding-left: 12px; background: url(http://www.50connect.co.uk/__data/assets/image/0008/166868/breadcrumb-divider.gif) no-repeat 0px 0.5em} /* * Secondary Navigation */ #content #column-2 #secondary-navigation {background: #660808; padding-bottom: 5px;margin-bottom: 1.5em} #content #column-2 #secondary-navigation h3 {background: #660808 url(http://www.50connect.co.uk/__data/assets/image/0017/166301/menu-two-header.gif) repeat-x left bottom;font: bold 1em Tahoma, sans-serif; border-bottom: solid 2px #FFF} #content #column-2 #secondary-navigation h3 a {color: #FFF; padding: 8px 10px;display: block} #content #column-2 #secondary-navigation #menu-3 {border-bottom: solid 1px #FFF; margin-bottom: 0} #content #column-2 #secondary-navigation #menu-3 ul {margin: 0; } #content #column-2 #secondary-navigation #menu-3 li {margin: 0;display: block;} #content #column-2 #secondary-navigation #menu-3 li a {background: #660808; display: block; padding: 8px 10px 8px 18px; color: #FFF;font-weight: bold; border-bottom: solid 1px #FFF} #content #column-2 #secondary-navigation #menu-3 li a:hover {background: #FFF; color: #660808;text-decoration: none} #content #column-2 #secondary-navigation #menu-3 li a.selected, #content #column-2 #secondary-navigation #menu-3 li a.selected:hover {background: #ea0019 url(http://www.50connect.co.uk/__data/assets/image/0007/186586/secondary-navigation-down.gif) no-repeat left center; color: #FFF; } #content #column-2 #secondary-navigation #menu-3 li a.selected:hover {text-decoration: underline} #content #column-2 #secondary-navigation #menu-3 li.sub a {padding-left: 23px;background: #ffb995; color: #660808; font-weight: normal;} #content #column-2 #secondary-navigation #menu-3 li.sub a:hover {background: #FFF; color: #660808;} #content #column-2 #secondary-navigation #menu-3 li.sub a.selected, #content #column-2 #secondary-navigation #menu-3 li.sub a.selected:hover {background: #ea0019 url(http://www.50connect.co.uk/__data/assets/image/0004/186601/secondary-navigation-sub-down.gif) no-repeat left center; color: #FFF;} #content #column-2 #secondary-navigation #menu-3 li.sub a.selected:hover {text-decoration: underline} /* * Page Functions - Column 1 & 2 */ #content .page-functions {background-color: #FFF;border-top: dotted 1px #333; border-bottom: dotted 1px #333; padding: 1em 0 1em;margin-bottom: 1.5em} #content .page-functions ul {margin: 0 !important; padding: 0;list-style: none;} #content .page-functions ul li {line-height: 1.5em;padding: 0 0 0 25px;margin-left: 5px;list-style: none;} #content .page-functions p.back-to-top {background: url(http://www.50connect.co.uk/__data/assets/image/0009/63/back-to-top-icon.png) no-repeat right center;float: right; padding: 0 20px 0 0; margin-right: 10px} #content .page-functions li.printer-friendly {background: url(http://www.50connect.co.uk/__data/assets/image/0012/75/printer-friendly-icon.png) no-repeat left center} #content .page-functions li.add-to-favourites {background: url(http://www.50connect.co.uk/__data/assets/image/0006/146922/aptf-icon.png) no-repeat left center} #content .page-functions li.email-this-page {background: url(http://www.50connect.co.uk/__data/assets/image/0009/81/staf-icon.png) no-repeat left center} /* * Typography */ #content h1, #content h2, #content h3 {font-family: Georgia, serif;color: #333;} #content ul, #content ol, #content p {line-height: 1.5em;margin-bottom: 1.5em;color: #333;} #content li {line-height: 1.5em;margin-bottom: 0;} ul.link-list li a {background: url(http://www.50connect.co.uk/__data/assets/image/0005/153338/link-bullet.gif) no-repeat 0px 0.5em; padding: 0 0 0 13px; margin-left: 10px;display: block;} #content #column-1 ul.article-info {margin: 0 0 1em !important; height: 1.8em;list-style: none !important;} #content #column-1 ul.article-info li {float: left; margin-right: 10px; color: #666; line-height: 1.8em;} #content #column-1 ul.article-info li.author {background: url(http://www.50connect.co.uk/__data/assets/image/0009/166383/author-icon.gif) no-repeat left top;display: block;padding-left: 24px;} #content #column-1 ul.article-info li.date {background: url(http://www.50connect.co.uk/__data/assets/image/0010/166384/date-icon.gif) no-repeat left top;padding-left: 24px;} #content #column-1 p.abstract {font-weight: bold; color: #818451} #content #column-1 img {float: left; margin: 0 1.5em 1em 0;display: block;} /* TODO These may effect channel pages */ #content #column-1 img.right {float: right; margin: 0 0 1em 1.5em;} /* TODO These may effect channel pages */ #content #column-1 img.large {margin: 0 0 1.5em;} p.caption {display: none;} #content #column-1 p.fine-print {font-size: 0.8em;color: #666} /* * Internal Promo Slots */ #content #ip-block-1, #content #ip-block-2 {float: right; width: 200px; } #content .internal-promo-1 {min-height: 16.5em;height: auto !important;height: 16.5em;margin: 0 0 10px 0;} #content .internal-promo-2 {width: 300px; margin-bottom: 10px; clear: both;background: #FFF;} #content .internal-promo-1 img, #content .internal-promo-2 img {display: block; margin: 0 0 1em 0 !important;} /* * Tenancy Boxes & Text Links */ #content h6.advertising-heading {font-size: 10px; font-family: Verdana, sans-serif; margin-bottom: 0.5em; padding-bottom: 0.25em; border-bottom: solid 1px #999;} #content #column-1 .tenancy-boxes .tenancy-box h4, #content #column-3 .text-links .text-link h4, #content #column-3 .text-links .text-link h5 {font-family: Tahoma, sans-serif; font-weight: bold; margin-bottom: 0.5em;} #content #column-1 .tenancy-boxes .tenancy-box h4 a, #content #column-3 .text-links .text-link h4 a, #content #column-3 .text-links .text-link h5 a {color: #000;} #content #column-1 .tenancy-boxes .tenancy-box p, #content #column-3 .text-links .text-link p {margin-bottom: 0.5em; font-size: 0.95em; line-height: 1.5em } #content #column-1 .tenancy-boxes {width: 200px; float: left;border-bottom: solid 1px #999; padding: 0; margin-bottom: 10px;} #content #column-1 .tenancy-boxes .tenancy-box {width: 180px; margin: 0 0 10px 0; padding: 9px; background: #f1f2df url(http://www.50connect.co.uk/__data/assets/image/0009/162738/tenancy-bg.gif) repeat-x left top;border: solid 1px #b9af8b} #content #column-1 div.charity-of-the-month {border-color: #660808 !important;border-width: 1px !important; width: 178px !important;margin-left: 1px !important;border-top: none !important;padding-top: 5px !important;} #content #column-1 h5.charity-of-the-month {background: url(http://www.50connect.co.uk/__data/assets/image/0017/207530/charity-of-the-month-tenancy-header.gif);margin: 0;text-indent: -9999px;height: 36px;} #content #column-1 .tenancy-boxes img {display: none;} #content #column-1 .tenancy-boxes .tenancy-box img {display: block; float: left; margin: 0 0 5px 0;} #content #column-1 .tenancy-boxes .tenancy-box.portrait img {margin-right: 10px;} #content #column-3 .text-links {margin-bottom: 10px; clear: both;border-bottom: solid 1px #999 } #content #column-3 .text-links img {display: none;} #content #column-3 .text-links .text-link {padding: 10px; background: #FFF;margin-bottom: 10px; background: #f1f2df url(http://www.50connect.co.uk/__data/assets/image/0009/162738/tenancy-bg.gif) repeat-x left top;border: solid 1px #b9af8b } /* TODO To use only h4's */ #content #lower-banner {clear: both;} /* * Right Column */ #content #column-3 #mpu, #content #column-3 #mpu_2 {width: 300px; height: 250px;margin-bottom: 10px;clear: both;background: #FFF;} #content #column-3 #skyscraper {width: 120px; height: 600px; float: right;margin-bottom: 10px;margin-left: 10px;background: #FFF;} #content #column-3 #poll {width: 170px; margin-bottom: 10px;float: left;} #content #column-3 #competitions {width: 170px; margin-bottom: 10px;float: left;} /* * Column Boxes */ #content #column-3 .column-box {background: #FFF url(http://www.50connect.co.uk/__data/assets/image/0011/161489/side-sky-bg.gif) repeat-y 0px 0px; } #content #column-3 .column-box h4, #content #column-3 .column-box h6 {clear: both} #content #column-3 .column-box h4 a, #content #column-3 .column-box h6 a {display: block} #content #column-3 .column-box h4 span, #content #column-3 .column-box h6 span {display: none} /* * Polls */ #content #column-3 #poll h4 {margin-bottom: 0.5em; background: url(http://www.50connect.co.uk/__data/assets/image/0009/161487/daily-poll-header.gif) no-repeat 0px 0px; width: 170px; height: 40px } #content #column-3 #poll h5 { padding: 0px 10px 5px; } #content #column-3 #poll h6 a { text-decoration: none; background: url(http://www.50connect.co.uk/__data/assets/image/0006/161637/daily-poll-button.gif) no-repeat 0px 0px; width: 170px; height: 45px } #content #column-3 #poll form { padding: 5px 12px 0; margin: 0; } #content #column-3 #poll #sq-page-poll-graph {padding: 0 11px 0;} #content #column-3 #poll .bar-row {clear: left; width: 145px;} #content #column-3 #poll .bar-row p {margin-bottom: 0.25em;} #content #column-3 #poll .bar-row .bar {width: 145px} #content #column-3 #poll .bar-row .bar .sq-page-poll-graph-bar {padding: 3px 0;background: #660808 !important;float: left; color: #FFF; margin-bottom: 5px;} #content #column-3 #poll .bar-row .bar .sq-page-poll-graph-bar span {padding: 3px 5px;background: #660808;} #content #column-3 #poll p.poll-controls {margin: 0;padding: 0 12px 1em; background: url(http://www.50connect.co.uk/__data/assets/image/0004/162751/side-sky-bottom.gif) no-repeat left bottom; } #content #column-3 #poll p.poll-controls input {margin-right: 5px} #content #column-3 #poll p.footer {padding: 0 12px 0;margin: 0; background: url(http://www.50connect.co.uk/__data/assets/image/0004/162751/side-sky-bottom.gif) no-repeat left bottom;clear: both} /* * Competitions */ #content #column-3 #competitions h4 {margin-bottom: 0.5em } #content #column-3 #competitions h4 a { text-decoration: none; background: url(http://www.50connect.co.uk/__data/assets/image/0003/161490/competitions-header.gif) no-repeat 0px 0px; width: 170px; height: 40px } #content #column-3 #competitions h6 a { text-decoration: none; background: url(http://www.50connect.co.uk/__data/assets/image/0010/161488/competitions-button.gif) no-repeat 0px 0px; width: 170px; height: 45px } #content #column-3 #competitions img { width: 170px; height: 40px; margin-bottom: 5px} #content #column-3 #competitions ul { margin: 0 12px 0 2px; margin-bottom: 0.5em; } #content #column-3 #competitions p { padding: 0 8px; margin: 0 0} /* * Footer */ #footer {height: 102px;background-color: #818451;margin-top: 25px; } #footer a {color: #FFF;} #footer #esuperbrand-logo {float: left;padding-right: 20px;margin: 20px;width: 380px;font-size: 0.95em;border-right: dotted 1px #FFF;} #footer #esuperbrand-logo p {padding: 8px 0;vertical-align: middle;line-height: 1.2em;margin:0;color: #FFF;} #footer #esuperbrand-logo img {margin: 0 20px 0 0;float: left;padding-left: 0;} #footer ul#footer-links {padding: 20px;margin: 0px;text-align: center;} #footer ul#footer-links li {padding: 0px 13px 0px 13px;display: inline;line-height: 62px;border-right: 1px solid #D5D6C5;} #footer ul#footer-links li.term {border-right: none;} #bottom-footer {background: url(http://www.50connect.co.uk/__data/assets/image/0004/238360/page-bottom.gif) no-repeat left top; width: 1000px;margin: 0px auto;padding: 20px 0 10px;height: 25px;color: #818451} #bottom-footer p#copyright {float: left;margin-left: 25px} #bottom-footer p#powered-by {float: right; margin-right: 25px} #bottom-footer p#powered-by a {color: #818451} /* * Error Message */ #content #column-1 #error-message {border-bottom: solid 2px #660808; margin: 0 0 2em;} #content #column-1 #error-message h4 {background: #52000C url(http://www.50connect.co.uk/__data/assets/image/0003/166755/error-item-bg.gif) repeat-x left top; margin: 0 0 0.5em; padding: 8px 10px 6px; color: #FFF; font: bold 1.1em Tahoma, sans-serif;} #content #column-1 #error-message ul {color: #660808; margin: 0 10px; padding: 0 20px 1em;list-style: disc;} #content #column-1 #error-message ul li {padding: 0.5em 0 0.5em 5px;font-weight: bold;} /* * Page Signage */ #page-sign {margin-bottom: 10px; width: 620px;padding: 0px} #page-sign img {display: block; margin: 0} a#sponsor-strip {margin-bottom: 10px; display: block; clear: both; } /* * Homeless */ #content #column-1 {padding-top: 15px} #content #column-2 #blog-author-profile {background: #51000c;padding: 10px 10px 10px;margin-bottom: 10px;} #content #column-2 #blog-author-profile p {color: #FFF; margin-bottom: 0px;}