/********************************************************************************************** CSS on Sails Title: MoneySense Author: XHTMLized (http://www.xhtmlized.com/) Date: October 2010 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 3. HEADER 3.1 Leaderboard Ad 3.2 Logo 3.3 Magazine Cover 3.4 Search Box 3.5 Primary Navigation 3.6 Supplementary Links 3.7 Silver Ad 4. Content 4.1 Generic text formatting and common small elements 4.2 Secondary Content 4.3 Page Tools 4.4 Pagination 4.5 Share-and-More 4.6 Post comments count with icon 4.7 IntenseDebate 5. Styles for Individual Pages 5.1 Homepage 5.2 Vertical Page 5.3 Article 5.4 Search Results 5.5 List Page 5.6 Best of Web 6. SIDEBAR (Right Rail) 6.1 Adverts 6.2 Most Read Widget 6.3 Connect Widget 7. FOOTER 7.1 Lists and Featured Area 7.2 Tools 7.3 Blogroll 7.4 MoneySense Magazine 7.5 Base Navigation Bar 7.6 Rogers Digital Media Sign-Off 8. PLUGINS CSS 8.1 Fancybox 8.2 IntenseDebate ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } #logo, #primary-navigation a, #supplementary-links a {outline:none;} /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol#accessibility-nav, .hide, .print-only { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #wrapper-inner2:after, #footer-columns-inner:after, #connect .content-item:after, #header:after, #content .twocol:after, #content .article-head:after, #content .secondary-content .box:after, #content .pagination:after, #content .page-tools:after, #content .share-and-more:after, #content #comments:after, #sidebar #mostContent:after, #sidebar #sideTabs:after, #content #spotlight:after, #content .posts-title:after, #content .posts .thumb:after, #content .posts-pagination:after, #content .home:after, #content .home .advert:after, #content .advert-wide .advert:after, #content .posts .post h3:after, .home-cols-wrap:after, #sidebar .facebook ul.fans:after, #content .title-and-sponsor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #wrapper-inner2, #footer-columns-inner, #connect .content-item, #header, #content .twocol, #content .article-head, #content .secondary-content .box, #content .pagination, #content .page-tools, #content .share-and-more, #content #comments, #sidebar #mostContent, #sidebar #sideTabs, #content #spotlight, #content .posts-title, #content .posts .thumb, #content .posts-pagination, #content .home, #content .home .advert, #content .advert-wide .advert, #content .posts .post h3, .home-cols-wrap, #sidebar .facebook ul.fans, #content .title-and-sponsor /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ html, body {height:100%;} body { background: #fff; color: #333; font: 62.5%/1.3 Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif; text-align: center;} hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; } a, a:visited { color: #2381B8; text-decoration: none; } a:hover, a:active { color: #2381B8; text-decoration: underline; } .hidden {position:absolute;left:-999em;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .container { width: 970px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; } /* #header {position:relative;z-index:2;text-align:center;padding:0 0 6px 0;min-height:241px;} */ /*sliver mod */ #header {position:relative;z-index:2;text-align:right;padding:0;} #wrapper-inner {position:relative;z-index:1;padding:11px 10px 17px 4px;} #content { width: 648px; float: left; } #content .twocol {margin:0 0 0 26px;background:#fff;} #content .main-content {float:right;width:417px;background:#fff;padding:0 20px 0 15px;} #content .secondary-content {float:left;width:170px;background:none;} #content .text-wrap {margin-left:40px;margin-right:20px;padding-top:20px;} #content .article-head {margin-left:26px;padding-left:16px;padding-right:20px;padding-top:20px;background:#fff;} #sidebar { width: 300px; float: right; overflow: hidden; } #footer { clear: both; } #header {background:url(../images/bg_header.png) top center no-repeat #7fb3c5;} #wrapper {background:url(../images/bg_wrapper.png) top center repeat-y #8dc0d0;} #wrapper-inner {background:url(../images/bg_wrapper-top.png) top center no-repeat;} #wrapper-inner2 {background:url(../images/bg_wrapper-left.gif) bottom left repeat-y;} #wrapper-inner2.wrapper-inner2-dashed {background:url(../images/bg_content.gif) top left repeat-y;} #wrapper-inner2.wrapper-inner2-dashed #content {background:none;} #content {background:url(../images/bg_content.gif) top left repeat-y;} #footer-columns {background:url(../images/bg_footer-columns.png) bottom center no-repeat #2381B8;} #footer-columns-inner {background:url(../images/bg_footer-columns-inner.png) top left repeat-y;} #footer-navigation {background:url(../images/bg_footer-navigation.png) top center no-repeat #7fb3c5;} /* 3. HEADER ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 3.1 Leaderboard Ad -----------------------------------------------------------------------------------------------*/ /* no sliver */ /* #header .leaderboard {height:90px;width:728px;text-align:center;padding:10px 0 0 0;margin:0 auto 12px;}*/ /*sliver mod */ #header .leaderboard {width:728px;text-align:center;padding:10px 0 0 0;margin:0 auto 12px;} #header .leaderboard a {} #header .leaderboard img {} /* 3.2 Logo -----------------------------------------------------------------------------------------------*/ /* #logo {position:absolute;top:115px;left:21px;z-index:3;width:361px;height:89px;background:url(../images/logo.png) no-repeat;text-align:left;text-indent:-9999px;}*/ /* sliver mod */ #logo {position:absolute;left:21px;z-index:3;width:361px; top:138px; height:89px;background:url(../images/logo.png) no-repeat;text-align:left;text-indent:-9999px;} /* 3.3 Magazine Cover -----------------------------------------------------------------------------------------------*/ #moneysense-cover {position:relative;z-index:5;float:right;width:135px;margin-top:-57px;left:17px;} #moneysense-cover a {float:left;} #moneysense-cover img {float:left; padding:28px 0 0;} /* 3.4 Search Box -----------------------------------------------------------------------------------------------*/ #searchform {float:right;padding:20px 14px 0 665px;} #searchform fieldset {background:#7fb3c5 url('http://dev-moneysense-ca.rogers-hosting.com/wp-content/themes/moneysense/_ui/images/bg_site-search.gif') no-repeat;padding:6px 0 6px 5px;height:21px;width:286px;} #searchform label {} #searchform input.text {float:left;width:200px;padding:2px 2px 2px 8px;;margin:0 5px 0 0;border:none;background:transparent;} #searchform input.image {float:left;} /* 3.5 Primary Navigation -----------------------------------------------------------------------------------------------*/ #primary-navigation {position:relative;z-index:3;clear:both;margin:70px 6px 0 4px;height:30px;border-right:6px solid #7fb3c5;background:#f5fdff;text-align:left;} #primary-navigation ul {float:left;} #primary-navigation ul li {float:left;position:relative;} #primary-navigation ul li.hover, #primary-navigation ul li:hover, #primary-navigation ul.current-state li.current-cat, #primary-navigation ul.current-state li.current-cat-parent {background-color:#7fb3c5;} #primary-navigation ul a {float:left;font-size:15px;line-height:15px;color:#757474;padding:10px 20px 5px 5px;background:url(../images/bg_nav-item.png) no-repeat 100% 2px;text-decoration:none;} #primary-navigation ul a strong {font-weight:normal;} #primary-navigation ul li.prev-hover a, #primary-navigation ul.current-state li.current-cat-prev a {background-position:100% -28px;} #primary-navigation ul li.last-child a {background-position:0 30px;} #primary-navigation ul li:hover > a, #primary-navigation ul a:hover, #primary-navigation ul.current-state li.current-cat a, #primary-navigation ul.current-state li.current-cat-parent a {background-position:100% -64px;color:#fff;} #primary-navigation ul li.hover a.child {background-position:100% -62px;color:#fff;} #primary-navigation ul.child li.first-child-fl a.child {padding-left:18px;} #primary-navigation > ul > li:first-child > a {padding-left:18px;} /* Dropdown */ #primary-navigation ul ul {position:absolute;top:30px;left:-999em;width:150px;z-index:6;border-width:6px 0 0 6px;padding:3px 0;border-style:solid;border-color:#7fb3c5;background:#fff;} body.js #primary-navigation ul ul {opacity: 0; filter:alpha(opacity=0);} #primary-navigation ul li:hover ul, #primary-navigation ul li.hover ul {left:-13px;} #primary-navigation ul li.first-child ul, #primary-navigation ul li:first-child ul {margin-left: 13px;} #primary-navigation ul ul li {position:static;width:100%;} #primary-navigation ul ul a {width:100%;padding:3px 5px;font-size:1em;color:#757474;text-decoration:none;background:none;white-space:nowrap;} #primary-navigation ul ul .external a {width:auto;padding-right:23px;background:url(../images/ico_external.gif) no-repeat right center;} #primary-navigation ul ul .external:hover a {color:#6D6F71;} #primary-navigation ul ul .external:hover a:hover {color:#3d3f41;} #primary-navigation ul ul a:hover {text-decoration:underline;color:#3d3f41;} #primary-navigation ul ul li.hover, #primary-navigation ul ul li:hover {background-color:transparent;} /* Image replacement */ #primary-navigation ul a strong {float:left;height:15px;line-height:15px;position:relative;text-align:center;font-size:11px;overflow:hidden;} #primary-navigation ul ul a strong {float:none;height:auto;line-height:15px;position:static;text-align:left;font-size:inherit;overflow:auto;} #primary-navigation ul a strong span {position:absolute;top:0;left:0;background-repeat:no-repeat;width:100%;height:100%;background-image:url(/wp-content/themes/moneysense/_ui/images/navigation.png);} #primary-navigation ul ul a strong span {position:static;background-image:none;width:auto;height:auto;} /* Planning */ #primary-navigation ul li.cat-item-5 strong {width:59px;} /* Investing */ #primary-navigation ul li.cat-item-6 strong {width:57px;} /* Real Estate */ #primary-navigation ul li.cat-item-7 strong {width:69px;} /* Living */ #primary-navigation ul li.cat-item-8 strong {width:69px;} /* Retirement */ #primary-navigation ul li.cat-item-9 strong {width:41px;} /* Lists */ #primary-navigation ul li.cat-item-10 strong{width:28px;} /* Calculators */ #primary-navigation ul li.cat-item-11 strong{width:72px;} /* Saving */ #primary-navigation ul li.cat-item-77 strong{width:42px;} /* Subscribe */ #primary-navigation .side-nav ul li#subscribe strong {width:63px;} /* Magazine Archive */ #primary-navigation .side-nav ul li.cat-item-28 strong {width:117px;} #primary-navigation ul li.cat-item-5 strong span {background-position: -59px 0px;} #primary-navigation ul li.cat-item-6 strong span {background-position: 0px 0px;} #primary-navigation ul li.cat-item-7 strong span {background-position:-228px 0px;} #primary-navigation ul li.cat-item-8 strong span {background-position:-118px 0px;} #primary-navigation ul li.cat-item-9 strong span {background-position:-187px 0px;} #primary-navigation ul li.cat-item-10 strong span {background-position:-297px 0px;} #primary-navigation ul li.cat-item-11 strong span {background-position:-326px 0px;} #primary-navigation ul li.cat-item-77 strong span {background-position:-398px 0px;} #primary-navigation .side-nav ul li#subscribe strong span {background-position:-441px 0px;} #primary-navigation .side-nav ul li.cat-item-28 strong span {background-position:-505px 0px;} #primary-navigation ul li.cat-item-5 a:hover strong span, #primary-navigation ul li.cat-item-5:hover strong span, #primary-navigation ul li#cat-item-5.hover strong span, #primary-navigation ul.current-state li.cat-item-5.current-cat strong span, #primary-navigation ul.current-state li#cat-item-5.current-cat strong span {background-position: -59px -15px;} #primary-navigation ul li.cat-item-6 a:hover strong span, #primary-navigation ul li.cat-item-6:hover strong span, #primary-navigation ul li#cat-item-6.hover strong span, #primary-navigation ul.current-state li.cat-item-6.current-cat strong span, #primary-navigation ul.current-state li#cat-item-6.current-cat strong span {background-position: 0px -15px;} #primary-navigation ul li.cat-item-7 a:hover strong span, #primary-navigation ul li.cat-item-7:hover strong span, #primary-navigation ul li#cat-item-7.hover strong span, #primary-navigation ul.current-state li.cat-item-7.current-cat strong span, #primary-navigation ul.current-state li#cat-item-7.current-cat strong span {background-position:-228px -15px;} #primary-navigation ul li.cat-item-8 a:hover strong span, #primary-navigation ul li.cat-item-8:hover strong span, #primary-navigation ul li#cat-item-8.hover strong span, #primary-navigation ul.current-state li.cat-item-8.current-cat strong span, #primary-navigation ul.current-state li#cat-item-8.current-cat strong span {background-position:-118px -15px;} #primary-navigation ul li.cat-item-9 a:hover strong span, #primary-navigation ul li.cat-item-9:hover strong span, #primary-navigation ul li#cat-item-9.hover strong span, #primary-navigation ul.current-state li.cat-item-9.current-cat strong span, #primary-navigation ul.current-state li#cat-item-9.current-cat strong span {background-position:-187px -15px;} #primary-navigation ul li.cat-item-10 a:hover strong span, #primary-navigation ul li.cat-item-10:hover strong span, #primary-navigation ul li#cat-item-10.hover strong span, #primary-navigation ul.current-state li.cat-item-10.current-cat strong span, #primary-navigation ul.current-state li#cat-item-10.current-cat strong span {background-position:-297px -15px;} #primary-navigation ul li.cat-item-11 a:hover strong span, #primary-navigation ul li.cat-item-11:hover strong span, #primary-navigation ul li#cat-item-11.hover strong span, #primary-navigation ul.current-state li.cat-item-11.current-cat strong span, #primary-navigation ul.current-state li#cat-item-11.current-cat strong span {background-position:-326px -15px;} #primary-navigation ul li.cat-item-77 a:hover strong span, #primary-navigation ul li.cat-item-77:hover strong span, #primary-navigation ul li#cat-item-77.hover strong span, #primary-navigation ul.current-state li.cat-item-77.current-cat strong span, #primary-navigation ul.current-state li#cat-item-77.current-cat strong span {background-position:-398px -15px;} #primary-navigation .side-nav ul li#subscribe a:hover strong span, #primary-navigation .side-nav ul li#subscribe:hover strong span, #primary-navigation .side-nav ul li#subscribe.hover strong span {background-position:-441px -15px;} #primary-navigation .side-nav ul li.cat-item-28 a:hover strong span, #primary-navigation .side-nav ul li.cat-item-28:hover strong span, #primary-navigation .side-nav ul li#cat-item-28.hover strong span, #primary-navigation ul.current-state li.cat-item-28.current-cat strong span, #primary-navigation ul.current-state li#cat-item-28.current-cat strong span {background-position:-505px -15px;} /* Side-nav */ #primary-navigation .side-nav {float:right;} #primary-navigation .side-nav > ul {background:url(../images/bg_nav-item.png) no-repeat 0 30px;padding-left:13px;} #primary-navigation .side-nav ul.child {background:url(../images/bg_nav-item.png) no-repeat 0 30px;padding-left:13px;} #primary-navigation .side-nav ul.parent-hover {background-position:0 -30px;} #primary-navigation .side-nav ul li.first-child ul, #primary-navigation .side-nav ul li:first-child ul {margin-left:0;} /* 3.6 Supplementary Links -----------------------------------------------------------------------------------------------*/ #supplementary-links {position:relative;z-index:4;float:right;clear:right;padding:45px 6px 0 0;height:23px;text-align:left;width:403px;/*overflow:hidden;*/top:2px;} /*.cufon #supplementary-links {left:15px;}*/ #supplementary-links ul {float:left;height:23px;padding:0 6px 0 10px;background:#7fb3c5 url(../images/bg_sup-item.png) no-repeat 0 23px;} #supplementary-links ul.parent-hover {background-position:0 -23px;} #supplementary-links ul li {float:left;position:relative;} #supplementary-links ul li:hover, #supplementary-links ul li.hover {background-color:#fff;} #supplementary-links ul li.prev-hover a {background-position:100% -23px;} #supplementary-links ul a {float:left;font-size:15px;line-height:15px;padding:6px 14px 2px 6px;color:#fff;background:url(../images/bg_sup-item.png) no-repeat 100% 0;text-decoration:none;} #supplementary-links ul a strong {font-weight:normal;} #supplementary-links ul li.rss a {background:url(../images/supplementary-rss.gif) 13px 0 no-repeat;text-indent:-9999px;padding-left:0;padding-right:0;width:44px;} #supplementary-links ul li.rss a:hover {background-position:13px -23px;} #supplementary-links ul a:hover, #supplementary-links ul li:hover a, #supplementary-links ul li.hover a {background-position:100% -46px;color:#7fb3c5;} #supplementary-links ul li#navblogs a {padding-left:13px;} #supplementary-links ul li .note {position:absolute;top:23px;left:-999em;width:152px;z-index:2;border-color:#7FB3C5;border-style:solid;border-width:0 0 0 6px;border-right:6px solid #fff;padding:6px 6px 6px 3px;color:#757474;font-size:0.91em;background:#fff;} #supplementary-links ul li .note strong {background:#fff url(../images/ico_external.gif) no-repeat center center;padding-right:5px;padding-left:5px;} body.js #supplementary-links ul li .note {opacity:0; filter:alpha(opacity=0);cursor:pointer;} #supplementary-links ul li .note:hover {text-decoration:underline;color:#3d3f41;} #supplementary-links ul li.hover .note {left:-15px;} /* Image replacement */ #supplementary-links ul a strong {float:left;height:15px;line-height:15px;position:relative;text-align:center;font-size:12px;} #supplementary-links ul a strong span {position:absolute;top:0;left:0;background-repeat:no-repeat;width:100%;height:100%;background-image:url(/wp-content/themes/moneysense/_ui/images/navigation.png);} #supplementary-links ul li#navblogs strong {width: 34px;} #supplementary-links ul li#navnewsletters strong {width: 73px;} #supplementary-links ul li#navforums strong {width: 45px;} #supplementary-links ul li#navportfolio strong {width:104px;} #supplementary-links ul li#navblogs strong span {background-position: 0px -30px;} #supplementary-links ul li#navnewsletters strong span {background-position: -35px -30px;} #supplementary-links ul li#navforums strong span {background-position:-109px -30px;} #supplementary-links ul li#navportfolio strong span {background-position:-154px -30px;} #supplementary-links ul li#navblogs a:hover strong span, #supplementary-links ul li#navblogs:hover strong span, #supplementary-links ul li#navblogs.hover strong span {background-position: 0px -45px;} #supplementary-links ul li#navnewsletters a:hover strong span, #supplementary-links ul li#navnewsletters:hover strong span, #supplementary-links ul li#navnewsletters.hover strong span {background-position: -35px -45px;} #supplementary-links ul li#navforums a:hover strong span, #supplementary-links ul li#navforums:hover strong span, #supplementary-links ul li#navforums.hover strong span {background-position:-109px -45px;} #supplementary-links ul li#navportfolio a:hover strong span, #supplementary-links ul li#navportfolio:hover strong span, #supplementary-links ul li#navportfolio.hover strong span {background-position:-154px -45px;} /* 3.7 Silver Ad -----------------------------------------------------------------------------------------------*/ .silver-ad {padding:6px 6px 0 4px;width:960px;} /* 4. CONTENT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 4.1 Generic text formatting and common small elements -----------------------------------------------------------------------------------------------*/ body.font-size-1 .article-teaser, body.font-size-1 .article .main-content {font-size:85%; /* 12px */ } body.font-size-2 .article-teaser, body.font-size-2 .article .main-content {font-size:92%; /* 13px */ } body.font-size-3 .article-teaser, body.font-size-3 .article .main-content {font-size:100%; /* 14px */} body.font-size-4 .article-teaser, body.font-size-4 .article .main-content {font-size:107%; /* 15px */} body.font-size-5 .article-teaser, body.font-size-5 .article .main-content {font-size:114%; /* 16px */} #content h1 {padding:9px 0;font-size:2.33em;line-height:1em;font-weight:bold;color:#2381B8;} #content h1 a {color:#2381B8;text-decoration:none;} #content h1 a:hover {text-decoration:underline;} #content h2 {} #content h3 {padding-bottom:5px; color:#6D6F71;} #content .article h3 { font-size: 1.5em; color: #2381B8; margin-bottom: 5px; } #content h4 {} #content h5 {} #content p {line-height:1.21em;margin-bottom:1.21em;} #content ul {margin-bottom:1.2em;} #content ul li {line-height:1em;padding:0.1em 0 0.1em 15px;} #content .page p, #content .article-head p, #content .article .main-content p, #content .single-article .article-head .first-paragraph {font-size:1.16em; font-family: Georgia, "Times New Roman", Times, Palatino, "Palatino Linotype", serif; line-height: 1.46em; margin-top: 8px;} #content .single-article .twocol .main-content {margin-top:-13px;} #content .single-article .article-head .first-paragraph { margin-bottom: 12px;} #content .article-listpage .article-head p, #content .article-listpage .main-content p {font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;} #content .page ul, #content .article-head ul, #content .article .main-content ul, #content .article .main-content ol {font-size:1.16em; font-family: Georgia, "Times New Roman", Times, Palatino, "Palatino Linotype", serif; line-height: 1.46em;} #content .page ul li, #content .article-head ul li, #content .article .main-content ul li, #content .article .main-content ol li {padding:0.15em 0 0.15em 10px;background-image:url(../images/bull.gif);background-position:0 0.7em;background-repeat:no-repeat; line-height: 1.46em;} #content .wide-advert {background:#8dc0d0;padding:10px 0 10px 8px;width:640px;overflow:hidden;} #content .page h1 { margin-bottom: 7px;} #content .article .main-content ul, #content .article .main-content ol, #content div.post ul, #content div.post ol { margin-bottom: 0; } #content .article .main-content ol li, #content .article .main-content ul li, #content div.post ul li, #content div.post ol li { padding-bottom: 1em; padding-left: 20px; } #content .article .main-content ol li #content div.post ol li { background: none; list-style: decimal outside; margin-left: 10px; padding-left: 0; } /* 4.2 Secondary Content -----------------------------------------------------------------------------------------------*/ #content .secondary-content {padding-top:10px;background:#FFF url(../images/bg_twocol-secondary.gif) no-repeat top left;} #content .secondary-content .box {padding:10px 0 10px 16px;background:#fff url(../images/bg_twocol-secondary.gif) bottom left no-repeat;} #content .secondary-content .box h3 {font-size:1.66em;line-height:1em;font-weight:bold;color:#2381B8;} /* Box-pic */ #content .secondary-content .box-pic {padding-bottom:20px;} /* Box-Contents */ #content .box-contents {} #content .box-contents ol {color:#8dc0d0;margin:0 0 10px 0;} #content .box-contents ol li {line-height:1.3em;padding:2px 0;list-style-position:inside;list-style-type:decimal;font-weight:bold;} #content .box-contents ol a {font-weight:normal;} #content .box-contents ol a:hover {color:#2381B8;text-decoration:underline;} .main-content .toc, #content a.toc { display: none; } /* Box-Magazine */ #content .box-magazine {} #content .box-magazine p {font-size:0.75em;color:#757575;line-height:1.44em;margin:0 0 8px 0;} #content .box-magazine p a {color:#757575;text-decoration:underline;} #content .box-magazine p a:hover {color:#444;text-decoration:underline;} #content .box-magazine .cover {margin:0 0 8px 0;} #content .box-magazine .cover span.information {} #content .box-magazine .cover a {display:block;} #content .box-magazine .cover a img {display:block;} #content .box-magazine .advert {margin:0 0 10px 0;} /* Box-Recommendations */ #content .box-recommendations {} #content .box-recommendations h3 {margin:0 0 0 0;} #content .box-recommendations dl {} #content .box-recommendations dl dt {text-transform:uppercase;color:#808f91;font-weight:bold;line-height:1.16em;padding: 8px 0 2px;} #content .box-recommendations dl dd {font-weight:bold;line-height:1.16em;padding:2px 0;margin:0 0 0 0;} #content .box-recommendations dl dd a {} #content .box-recommendations .advert {margin:0 0 10px 0;} #content .box-recommendations .advert span.sponsored {display:block;font-size:0.75em;line-height:1.55em;} #content .box-recommendations .advert a {display:block;} #content .box-recommendations .advert a img {display:block;} /* Box-Featured */ #content .secondary-content .box-featured { padding-bottom: 20px; } #content .secondary-content .box-featured a.more { display:block; color: #757474; text-decoration: underline; font-size: .916em; } #content .secondary-content .box-featured a.more:hover { color: #454444; } #content .secondary-content .box-featured h3 { font-size: 1.5em; margin-bottom: 10px; margin-left: -1px; } #content .secondary-content .box-featured ul { padding: 0 0 5px; margin: 0; } #content .secondary-content .box-featured ul li { padding: 0 0 5px; } #content .secondary-content .box-featured ul li img { display: inline; } /* Box-Toplist */ #content .secondary-content .box-toplist { padding-bottom: 10px; } #content .secondary-content .box-toplist a.more { color: #757474; text-decoration: underline; font-size: .916em; } #content .secondary-content .box-toplist a.more:hover { color: #454444; } #content .secondary-content .box-toplist h3 { font-size: 1.5em; line-height: 1.2; padding-top: 10px; margin: 15px 10px 10px -1px; border-top: solid 2px #bcd2d9; } #content .secondary-content .box-toplist h3:first-child, #content .secondary-content .box-toplist h3.first-child { border-top: none; padding-top: 0; margin-top: 0; } #content .secondary-content .box-toplist ul, #content .secondary-content .box-toplist ol { padding: 0 0 5px; margin: 0; } #content .secondary-content .box-toplist li { padding: 0 0 3px; color: #8dc0d0; font-weight: bold; list-style: inside decimal; margin: 2px 0;} #content .secondary-content .box-toplist ol li { text-indent: 0; } #content .secondary-content .box-toplist ul li { list-style-type: none; padding-bottom: 5px; } #content .secondary-content .box-toplist li a { color: #8dc0d0; } #content .secondary-content .box-toplist li a:hover { color: #2381B8; } /* 4.3 Page Tools -----------------------------------------------------------------------------------------------*/ #content .page-tools {background:transparent url(../images/bg_wrapper-top.png) -4px -11px no-repeat;padding:0 0 6px 7px;} #content .page-tools ul {height:28px;padding:0;margin:0;float:left;} #content .page-tools ul li {float:left;font-size:0.83em;color:#fff;margin:0 5px 0 0;padding:0;} #content .page-tools ul a {float:left;padding-left:22px;background-position:4px center;background-repeat:no-repeat;line-height:28px;font-weight:bold;color:#fff;outline:none;} #content .page-tools ul a:hover {} #content .page-tools .comments a {background-image:url(../images/ico_comments.gif);} #content .page-tools .font-size {} #content .page-tools .font-size strong {float:left;line-height:28px;padding:0 3px 0 4px;} #content .page-tools .font-size a.font-smaller {background-image:url(../images/ico_font-smaller.gif);} #content .page-tools .font-size a.font-bigger {background-image:url(../images/ico_font-bigger.gif);} body.font-size-1 #content .page-tools .font-size a.font-smaller, body.font-size-5 #content .page-tools .font-size a.font-bigger {cursor:default;text-decoration:none !important;} body.nojs #content .page-tools .font-size a.font-smaller, body.nojs #content .page-tools .font-size a.font-bigger {display:none;} body.js #content .page-tools .font-size a.font-smaller, body.js #content .page-tools .font-size a.font-bigger {display:block;} #content .page-tools .email a {background-image:url(../images/ico_email.gif);} #content .page-tools .print a {background-image:url(../images/ico_print.gif);} #content .page-tools .share a {background-image:url(../images/ico_share.gif);} #content .page-tools .share { margin: 0 !important; } #content .page-tools .share span span { background: #8dc0d0 url(../images/ico_share.gif) 4px 6px no-repeat !important; padding-left: 20px; padding-top: 8px;} #content .page-tools .share a:hover span {text-decoration:underline;} #content .page-tools .advert {float:right;width:214px;} #content .page-tools .advert span.sponsored {float:left;font-size:0.75em;line-height:1.55em;color:#fff;} #content .page-tools .advert a {} #content .page-tools .advert a img {float:right;} /* 4.4 Pagination -----------------------------------------------------------------------------------------------*/ #content .pagination {line-height:22px;height:22px;margin:17px 0;} #content .pagination a.prev {float:left;padding-left:20px;line-height:20px;background:url(../images/btn-sprites.png) 0 0 no-repeat;color:#808f91;font-weight:bold;} #content .pagination a.next {float:right;padding-right:20px;background:url(../images/btn-sprites.png) 100% -22px no-repeat;color:#808f91;font-weight:bold;} #content .pagination p {text-align:center;color:#808f91;font-size:1em !important;font-weight:bold;line-height:22px;margin:0;font-family:Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif !important;} #content .pagination p em {color:#8DC0D0;text-decoration:underline;font-style:normal;} #content .pagination p a:hover {color:#2381B8;} #content .pagination a.prev:hover, #content .pagination a.next:hover {color:#4f5c5e;} /* 4.5 Share-and-More -----------------------------------------------------------------------------------------------*/ #content .share-and-more {margin-left:40px;margin-right:20px;margin:15px 20px 15px 40px;padding:0 0 1px 0;background:url(../images/bg_share-and-more.gif) 150px 0 repeat-y;} #content .share-and-more h3 {font-size:1.66em;font-weight:normal;color:#2381B8;margin:0 0 4px 0;} #content .share-and-more .share {float:left;width:135px;} #content .share-and-more .share h3 {} #content .share-and-more .share ul {margin:0;} #content .share-and-more .share ul li {padding:0;} #content .share-and-more .share ul a {display:block;padding:2px 0;line-height:1.16em;font-weight:bold;} #content .share-and-more .share ul li.last {padding-top:18px;} #content .share-and-more .more-on-this {float:right;width:418px;margin-bottom:-18px;} #content .share-and-more .more-on-this h5 {font-size:1em;line-height:1.16em;padding:2px 0;color:#808f91;font-weight:bold;} #content .share-and-more .more-on-this h5 a {color:#808f91;text-decoration:underline;} #content .share-and-more .more-on-this h5 a:hover {text-decoration:none;} #content .share-and-more .more-on-this ul {margin:0 0 18px 0;} #content .share-and-more .more-on-this ul li {padding:2px 0;} #content .share-and-more .more-on-this ul a {line-height:1.16em;font-weight:bold;} /* 4.6 Post comments count with icon -----------------------------------------------------------------------------------------------*/ /* Post comments count with icon */ #content .post .post-meta { color: #b5b5b5; margin-bottom: 2px; line-height: 1.2; } #content .post .post-meta a { color: #b5b5b5; text-decoration: underline; } #content .post .post-meta a:hover { color: #858585; } #content .post .post-meta .comments-count { padding-left: 15px; background: url(../images/ico-comments-count.png) no-repeat 0 50%; color: #b5b5b5; } #content .post .post-meta a.comments-count { text-decoration: none; } #content .post .post-meta strong { color: #da521f; font-weight: normal; } /* 4.7 IntenseDebate -----------------------------------------------------------------------------------------------*/ #content #comments {background:#8dc0d0;padding:10px 0 6px 7px;} /* 5 Styles for Individual Pages ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 5.1 Homepage -----------------------------------------------------------------------------------------------*/ /* General Styles */ #content .home { background: #8dc0d0 url(../images/bg_home.png) no-repeat 0 -7px; padding: 7px 0 0; margin: -7px 0 0; position: relative; } #content .post h3 .mark, #content .post h3 .updated { float:left; height: 9px; padding-top:3px; padding-bottom:3px; width: 38px; line-height: 9px; margin-left: 20px; display: inline-block; background: #2381B8 url(../images/bg_marks.gif) no-repeat; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 9px; vertical-align: middle; margin-top: 4px; } #content .post h3 .updated { width: 52px; background-color: #da521f; background-position: 0 -15px; } #content .post h3 .mark-video, #content .post h3 .mark-audio { display: block; float: left; width: 38px; height: 15px; margin: 4px 0 0 20px; padding: 0; overflow: hidden; text-align: left; text-indent: -9999em; background: #2381B8 url(../images/bg_marks-audio.gif) no-repeat 0 0; } #content .post h3 .mark-video { background: #2381B8 url(../images/bg_marks-video.gif) no-repeat 0 0; } /* Main Column, Rotator */ #content .home .main-column { width: 484px; padding: 0 0 0 7px; float: left; overflow: hidden; } #content #spotlight {position:relative;left:-7px;height:367px;width:491px;margin-right:-7px;background:url(../images/bg_home.png) no-repeat scroll -10px -7px;} #content #spotlight .tab {position:absolute;top:0;left:7px;width:484px;height:272px;} #content #spotlight .ui-tabs-hide { display: none; } body.nojs #content #spotlight .display {display:none;} body.nojs #content #spotlight .display {display:block;} #content #spotlight .tab img { display: block; } #content #spotlight .tab strong { height: 37px; line-height: 37px; background: url(../images/bg_milk.png) repeat-x; color: #232323; float: left; position: relative; top: -37px; font-size: 1.91em; margin-bottom: -37px; } #content #spotlight .tab a {display:block;width:484px;height:272px;background:#fff;} #content #spotlight .tab a:hover {text-decoration:none;} #content #spotlight .tab strong span { height: 37px; line-height: 37px; background: url(../images/bg_milk.png) repeat-x 0 -37px; color: #232323; text-decoration: none; float: left; display: block; white-space: nowrap; padding: 0 10px; } #content #spotlight .tab a:hover strong span { background-position: 0 0; color: #000; } #content #spotlight .nav { position:absolute; top: 272px; left:7px; width:492px; height: 95px; float: left; padding: 9px 0 0; margin:0 -8px 0 0;} #content #spotlight .nav li { padding: 0; float: left; margin: 0 8px 0 0; width: 156px; } #content #spotlight .nav li.last-child { margin-right: 0; } #content #spotlight .nav li img { display: block; } #content #spotlight .nav li strong { display:block; height: 23px; line-height: 23px; background: url(../images/bg_milk.png) 0 0 repeat-x; color: #232323; position: relative; top: -23px; font-weight: bold; } #content #spotlight .nav li strong span { height: 23px; line-height: 23px; background: url(../images/bg_milk.png) repeat-x 0 -37px; color: #232323; text-decoration: none; display: block; white-space: nowrap; padding: 0 10px; } #content #spotlight .nav li.ui-state-active a {cursor:default;} #content #spotlight .nav li a:hover {text-decoration:none;} #content #spotlight .nav li a:hover strong span, #content #spotlight .nav li.ui-state-active a strong span { background-position: 0 0; color: #000; } #content .home .home-cols-wrap {background:url(../images/bg_home-cols-wrap.gif) 0 0 repeat-y;} /* Main Column, Latest Posts */ #content .home .main-column .recent-posts { /* background: #fff url(../images/bg_content.gif) repeat-y; */ position: relative; left: -7px; width: 600px; padding-top:0; } #content .home .main-column .recent-posts .posts-title { margin-bottom: 1px; } #content .home .main-column .recent-posts .posts { padding-top: 2px; margin-bottom: 0;} /*#content .home .main-column .recent-posts .post p { padding-right: 60px; }*/ #content .home .main-column .recent-posts .thumb .post { width: 470px; } #content .home .main-column .recent-posts .thumb .post p { padding-right: 20px; } #content .home .main-column .recent-posts .thumb .post .post-meta { padding-right: 40px; } /* Side Column, Ad & Must Reads */ #content .home .side-column { width: 150px; float: right; overflow: hidden; padding-bottom: 17px;} #content .home .side-column .ad { padding-bottom: 9px; background: #8DC0D0; } #content .home .side-column .ad img { display: block; } #content .home .side-column .must-reads { background: #fff; padding: 0 0 1px; text-align: center; } #content .home .side-column .must-reads h3 { background: url(../images/bg_mustread.png) no-repeat 0 -33px; padding: 30px 1px 13px 1px; color: #6a94a2; line-height: 1; font-size: 1.416em; font-weight: bold; } #content .home .side-column .must-reads h3 a, #content .home .side-column .must-reads h3 a:hover{ text-decoration: none;} #content .home .side-column .must-reads ul { padding: 12px 0 0; } #content .home .side-column .must-reads ul li { background: url(../images/bg_mustread-divider.png) no-repeat 50% 0; padding: 15px 0 2px; } #content .home .side-column .must-reads ul li .post { padding: 0; border: none; margin: 0; } #content .home .side-column .must-reads ul li .post h5 { font-size: .916em; font-weight: bold; color: #da521f; text-transform: uppercase; margin-bottom: 5px; padding:0 5px; } #content .home .side-column .must-reads ul li .post h4 { font-size: 1.083em; color: #2381B8; line-height: 1.2; margin-bottom: 5px; padding:0 5px; } #content .home .side-column .must-reads ul li .post h4 a { color: #2381B8; text-decoration: none; } #content .home .side-column .must-reads ul li .post h4 a:hover { text-decoration: underline; } #content .home .side-column .must-reads ul li .post p { font-size: 1em; line-height: 1.3; padding: 0 5px; } #content .home .side-column .more-must-reads { color:#fff; height: 25px; font-weight:bold;text-align: center; background: #fff url(../images/btn-sprites.png) 130px -22px no-repeat; padding:0px; } #content .home .side-column .more-must-reads a { color:#808f91; font-weight:bold;} #content .home .side-column .more-must-reads a:hover { color:#505f41; font-weight:bold; text-decoration:none; } /* Side Column, Ad & comment-day */ #content .home .side-column { width: 150px; float: right; overflow: hidden; padding-bottom: 17px; padding-top: 20px;} #content .home .side-column .ad { padding-bottom: 9px; background: #8DC0D0; } #content .home .side-column .ad img { display: block; } #content .home .side-column .comment-day { background: #fff; padding: 0 0 1px; text-align: center; } #content .home .side-column .comment-day h3 { background: url(../images/bg_mustread.png) no-repeat 0 -33px; padding: 30px 0 13px; color: #6a94a2; line-height: 1; font-size: 1.416em; font-weight: bold; text-transform: uppercase; } #content .home .side-column .comment-day h3 a, #content .home .side-column .comment-day h3 a:hover{ text-decoration: none;} #content .home .side-column .comment-day ul { padding: 12px 0 0; } #content .home .side-column .comment-day ul li { background: url(../images/bg_mustread-divider.png) no-repeat 50% 0; padding: 15px 0 2px; } #content .home .side-column .comment-day ul li .post { padding: 0; border: none; margin: 0; } #content .home .side-column .comment-day ul li .post h5 { font-size: .916em; font-weight: bold; color: #da521f; text-transform: uppercase; margin-bottom: 5px; padding:0 5px; } #content .home .side-column .comment-day ul li .post h4 { font-size: 1.083em; color: #2381B8; line-height: 1.2; margin-bottom: 5px; padding:0 5px; } #content .home .side-column .comment-day ul li .post h4 a { color: #2381B8; text-decoration: none; } #content .home .side-column .comment-day ul li .post h4 a:hover { text-decoration: underline; } #content .home .side-column .comment-day ul li .post p { font-size: 1em; line-height: 1.3; padding: 0 5px; } #content .side-column .more-must-reads { color:#fff; height: 25px; font-weight:bold;text-align: right; background: #fff url(../images/btn-sprites.png) 605px -23px no-repeat; padding-right:20px; } #content .side-column .more-must-reads a { color:#808f91; font-weight:bold;} #content .side-column .more-must-reads a:hover { color:#505f41; font-weight:bold; text-decoration:none; } /* Home Advertisement */ #content .home .home-advert-wrapper {padding: 0px 0 0 0;} #content .home .home-advert-wrapper .advert-wide .advert {margin-top:-7px;} #content .home .home-advert-wrapper {background:url(../images/bg_home-advert-wrapper-tl.gif) top left no-repeat;} #content .home .advert, #content .advert-wide .advert { padding: 0; clear: both; padding: 4px 0; } #content .advert-wide .advert { background: #8DC0D0; } #content .home .advert img, #content .advert-wide .advert img { display: block; float: right; padding: 8px 0; } /* 5.2 Vertical Page ---------------------------------------------------------------------------------------------*/ /* Page Title & Sponsor */ #content .title-and-sponsor {background-color:#8DC0D0;} #content .page-title {font-family:Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif; float: left; width: auto; height: 73px; background: #7fb3c5 url(../images/bg_page-title.png) no-repeat; color: #fff; position: relative; margin-top: -11px; z-index: 9; padding-right:8px; min-width:356px;} #content .page-title h1 {color: #fff; padding: 12px 0 0 108px; height: 76px; line-height: 1;font-size: 34px; font-weight: bold; text-transform: uppercase; float:left; z-index: 9; } #content .page-title .planning { background: url(../images/ico-planning.png) no-repeat 9px 0;} #content .page-title .investing { background: url(../images/ico_investment.png) no-repeat 9px 0;} #content .page-title .retirement { background: url(../images/ico_retirement.png) no-repeat 9px 0;} #content .page-title .real-estate { background: url(../images/ico-real-estate.png) no-repeat 9px 0;} #content .page-title .living { background: url(../images/ico_spending.png) no-repeat 9px 0;} #content .page-title .lists { background: url(../images/ico_lists.png) no-repeat 9px 0;} #content .page-title .calculators { background: url(../images/ico_calculators.png) no-repeat 9px 0;} #content .sponsor { float: right; width: 152px; height: 57px; padding: 16px 0 0 0; background-color: #8dc0d0; color: #fff; position: relative; margin-top: -11px; } #content .sponsor p { font-size: .83em; font-weight: bold; margin-bottom: 6px; } /* Featured Post */ #content .post-featured { width: 302px; min-height: 200px; padding: 30px 330px 20px 16px; background-color: #fff; position: relative; clear: both; border-bottom: solid 8px #8dc0d0; } #content .post-featured h2 { color: #2381B8; font-size: 2.33em; font-weight: bold; line-height: 1.05; margin-bottom: 10px; } #content .post-featured h2 a { color: #2381B8; text-decoration: none; } #content .post-featured h2 a:hover { color: #3d7488; } #content .post-featured .post-author { color: #b5b5b5; font-size: 1.083em; margin-bottom: 4px; } #content .post-featured .post-author a { color: #b5b5b5; text-decoration: underline; } #content .post-featured .post-author a:hover { color: #858585; } #content .post-featured .post-meta { margin-bottom: 13px; } #content .post-featured .post-text { color: #808f91; font-size: 1.33em; font-weight: bold; margin-bottom: 0; } #content .post-featured .post-image { width: 322px; height: 250px; position: absolute; top: 0; right: 0;} #content .post-featured .post-image img { display: block; margin: 0; padding: 0; width: 322px; height: 250px; } /* Posts */ #content .posts-title { border-bottom: solid 1px #d0dfe2; background-color: #fff; float: left; padding: 10px 265px 10px 10px;; margin-bottom: 15px; width: 195px; } #content .posts-title h2 { font-size: 1.41em; font-weight: bold; color: #6a94a2; text-transform: uppercase; line-height: 1; padding-top: 2px; float: left; width: 200px;} #content .posts-title .rss-feed { display: block; width: 18px; height: 18px; float: right; text-indent: -999em; overflow: hidden; background: url(../images/ico-rss-small.png) no-repeat; } #content .posts-titles { border-bottom: solid 1px #d0dfe2; background-color: #fff; float: left; padding: 10px 265px 10px 1px;; margin-bottom: 15px; width: 390px; } #content .posts-titles h2 { font-size: 1.41em; font-weight: bold; color: #6a94a2; text-transform: uppercase; line-height: 1; padding-top: 2px; float: left; } #content .posts-titles .rss-feed { display: block; width: 18px; height: 18px; float: right; text-indent: -999em; overflow: hidden; background: url(../images/ico-rss-small.png) no-repeat; } #content .poster-title { border-bottom: solid 1px #d0dfe2; background-color: #fff; float: right; padding: 10px 265px 10px 1px;; margin-bottom: 15px; width: 195px; } #content .poster-title h2 { font-size: 1.41em; font-weight: bold; color: #6a94a2; text-transform: uppercase; line-height: 1; padding-top: 2px; float: left; } #content .poster-title .rss-feed { display: block; width: 18px; height: 18px; float: right; text-indent: -999em; overflow: hidden; background: url(../images/ico-rss-small.png) no-repeat; } #content .posts { clear: both; padding-left: 15px;} #content .posts li { padding: 0; } #content .archives {clear:both; padding-left: 52px; margin-top:-10px;} #content .archives li {padding:8px 0;} #content .posts .post { padding: 0 0 4px 9px; margin: 16px 0 0; border-bottom: solid 1px #ebf3f5; clear: left; } #content .posts li.last-child .post { border-bottom: none; padding-bottom: 1px; padding-left: 15px;} #content .posts .post h3 { color: #6d6f71; font-size: 1.5em; line-height: 1.3; margin-bottom: 0; } #content .posts .post h3 a { float:left; color: #6d6f71; text-decoration: none; } #content .posts .post h3 a:hover { color: #3d3f41; text-decoration: underline; } #content .posts .post .post-meta { margin-bottom: 1px; } #content .posts .post p { color: #444444; margin-bottom: 10px; line-height: 1.5; font-size: 1.16em; padding-right: 10px; padding-top: 5px; } /* #content .posts-vertical { padding-top: 0 !important;}*/ #content .posts-vertical .post p, #content .search-results .post p { padding-right: 20px; } #content .posts .thumb { padding: 0 0 8px 20px; margin: 16px 0 0; border-bottom: solid 1px #ebf3f5; } #content .posts .thumb .post { width: 312px; float: left; padding: 0 0 0 10px ; margin: 0; border-bottom: none; clear: none; } /* #content .posts .thumb .post-image { float: left; margin-right: 11px; height:90px; overflow:hidden; } */ #content .posts .thumb .post-image img { display: block; float: left; } #content .posts .ad { background-color: #8dc0d0; width: 640px; padding: 8px 0 8px 8px; margin-top: 5px; position: relative; left: -26px; } #content .posts .ad img { display: block; } /* Start Poster Content */ #content .poster { clear: both; padding-left: 15px;} #content .poster li { padding: 0; } #content .archives {clear:both; padding-left: 52px; margin-top:-10px;} #content .archives li {padding:8px 0;} #content .poster .post { padding: 0 0 4px 9px; margin: 16px 0 0; border-bottom: solid 1px #ebf3f5; clear: left; } #content .poster li.last-child .post { border-bottom: none; padding-bottom: 1px; padding-left: 10px;} #content .poster .post h3 { color: #6d6f71; font-size: 1.5em; line-height: 1.3; margin-bottom: 0; } #content .poster .post h3 a { float:left; color: #6d6f71; text-decoration: none; } #content .poster .post h3 a:hover { color: #3d3f41; text-decoration: underline; } #content .poster .post .post-meta { margin-bottom: 1px; } #content .poster .post p { color: #444444; margin-bottom: 10px; line-height: 1.5; font-size: 1.16em; padding-right: 10px; } /* #content .posts-vertical { padding-top: 0 !important;}*/ #content .poster-vertical .post p, #content .search-results .post p { padding-right: 20px; } #content .poster .thumb { padding: 0 0 8px 20px; margin: 16px 0 0; border-bottom: solid 1px #ebf3f5; } #content .poster .thumb .post { width: 420px; float: left; padding: 0 0 0 10px ; margin: 0; border-bottom: none; clear: none; } /* #content .posts .thumb .post-image { float: left; margin-right: 11px; height:90px; overflow:hidden; } */ #content .poster .thumb .post-image img { display: block; float: left; } #content .poster .ad { background-color: #8dc0d0; width: 640px; padding: 8px 0 8px 8px; margin-top: 5px; position: relative; left: -26px; } #content .poster .ad img { display: block; } /* End Poster Content */ /* Posts Pagination */ #content .posts-pagination { background-color: #fff; border-top: solid 1px #ebf3f5; position: relative; bottom: -14px; padding: 10px 12px 10px 30px; } #content .posts-pagination li { background: url(../images/btn-sprites.png) no-repeat; height: 22px; padding: 0; font-weight: bold; } #content .posts-pagination li a { display: block; height: 22px; color: #808f91; line-height: 22px; text-decoration: none; } #content .posts-pagination li a:hover { color: #505f41; } #content .posts-pagination li.newer { float: left; } #content .posts-pagination li.older { float: right; background-position: 100% -22px; } #content .posts-pagination li.newer a { float: left; padding-left: 19px; } #content .posts-pagination li.older a { float: right; padding-right: 19px; } /* Basic Posts List Variation */ #content .recent-posts { clear: both;} #content .posts-vertical, #content .recent-posts-home {padding-top:0; } #content .recent-posts-basic { background: url(../images/bg-recent-posts.png) repeat-x -2px 0; padding-top: 22px; } #content .recent-posts-basic .posts-title { margin-left: 26px; } /* 5.3 Article -----------------------------------------------------------------------------------------------*/ #content .article-head {} #content .article-head h1 {padding:6px 0;} #content .article-head h2, #content .article-head .excerpt p {color:#808f91;font-size:1.33em;line-height:1.25em;margin:5px 0 8px 0;font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;font-weight:bold;} #content .article-head p {font-size:1.16em;line-height:1.46em; font-family:Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif;} #content .article-head p.meta, #content .article-head p.tags {font-size:1.08em;font-family:Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif;margin:0;color:#b5b5b5;line-height:1.38em;} #content .article-head p.meta a, #content .article-head p.tags a {color:#b5b5b5;text-decoration:underline;} #content .article-head p.meta a:hover, #content .article-head p.tags a:hover { color: #858585; text-decoration: underline;} #content .article-head p.tags {font-size:1em;line-height:1.5em;margin:0 0 14px 0;} #content .article-head img {float:left;margin:0 10px 10px 0;} /* Article on List Page updates */ #content .article-listpage p a { text-decoration: underline; } #content .article-listpage .divided { border-top: solid 2px #bcd2d9; padding-top: 10px; } #content .article-listpage .divided p { color: #757474; font-family: Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif; } #content .haveyoursay {float: right;color:#808F91;font-weight:bold;} /* 5.4 Search Results ---------------------------------------------------------------------------------------------*/ #content .search-results .results-title { margin: 0 0 0 27px; background-color: #fff; padding: 20px 0 20px 8px; border-bottom: solid 1px #e0ecef; } #content .search-results .results-title h2 { font-size: 2.583em; font-weight: bold; color: #6a94a2; margin-bottom: 8px; line-height: 1; text-transform: uppercase; } #content .search-results .results-title p { font-size: 1.166em; color: #808f91; margin-bottom: 0; } /* 5.5 List Page ---------------------------------------------------------------------------------------------*/ #content .article-listpage p a { color: #2381B8; } #content .article-listpage p a:hover {color:#417a8e;} /* Filters/Accordion */ #content .filters { padding-bottom: 20px; } #content .filters .accordion { padding: 10px 0; } #content .filters .accordion h4 { margin-bottom: 6px; height: 32px; line-height: 32px; font-size: 1.16em; color: #757474; font-weight: bold; padding: 0 20px; background: url(../images/bg_accordion-switch.png) no-repeat; cursor: pointer; } #content .filters .accordion h4.hover, #content .filters .accordion h4:hover { background-position: 0 -32px; color: #fff; } #content .filters .accordion .panel { padding: 9px 21px 0; font-family: Helvetica, Arial, "Helvetica Neue", Verdana, sans-serif; } #content .filters .accordion h4.open { background-position: 0 -64px; color:#fff;} #content .filters .accordion .panel a { color: #2381B8; } #content .filters .accordion .panel p { margin-top: 0;} #content .filters .accordion .panel h5 { font-size: 1.083em; } #content .filters .more { color: #2381B8; margin-left: 20px; font-size: 1.16em; } #content .filters .more:hover {color: #417a8e; } /* 5.6 Best of Web -----------------------------------------------------------------------------------------------*/ #content .best-web .results-title:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .best-web .results-title {zoom:1;} #content .best-web .results-title { border: 0; padding: 0; margin-bottom: 25px } #content .best-web .results-title h2 { width: 250px; float: left; padding: 20px 0 20px 8px; border-bottom: 1px solid #EBF3F5 } #content .best-web .sponsor { background: none; padding-right: 10px; padding-top: 18px } #content .best-web .sponsor p { font-size: 0.83em !important; font-weight: normal; padding-bottom: 2px } #content .best-web .posts .post { padding: 0 20px 15px 9px; margin: 23px 0; } #content .best-web .posts .post h3 { margin-bottom: 4px; } #content .best-web .posts .post p, #content .best-web .posts .post li { font-family:Georgia,"Times New Roman",Times,Palatino,"Palatino Linotype",serif; font-size:1.08em; line-height:1.46em; color: #232323; } #content .best-web .posts .post .post-meta { margin-bottom: 15px } #content .best-web .posts .external-source { padding:5px 0 5px 70px; background: url(../images/bg-source.png) no-repeat left 1px; margin-bottom: 10px } #content .best-web .posts .external-source a { background: url(../images/ico-external_link.png) no-repeat right; padding-right: 23px; color: #bababa;text-decoration: underline } #content .best-web .posts .external-source a:hover { color: #757575 } #content .best-web .posts .post li { background-image:url(../images/bull.gif); background-position:0 0.5em; background-repeat:no-repeat; } /* 6 SIDEBAR (Right Rail) ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 6.1 Adverts -----------------------------------------------------------------------------------------------*/ #sidebar .advert {margin:0 0 8px 0; } body.category #sidebar {position:relative;top:-6px; margin-bottom:-6px;} body.category-must-reads #sidebar {top:0;margin-bottom:0;} body.category-comment-day #sidebar {top:0;margin-bottom:0;} #sidebar .advert {text-align:center;} #sidebar .advert a {} #sidebar .advert img {} /* 6.2 Most Read Widget -----------------------------------------------------------------------------------------------*/ #sidebar #mostContent { background: #fff url(../images/bg_stripes-bottom.png) no-repeat 0 100%; padding: 0 0 20px; } #sidebar #mostContent #sideTabs { background-color: #8dc0d0; } #sidebar #mostContent #sideTabs ul {width:303px;margin-right:-3px;overflow:hidden;} #sidebar #mostContent #sideTabs ul li { float: left; } #sidebar #mostContent #sideTabs ul li a { float: left; display: block; padding: 4px 15px 0; height: 19px; border: solid 1px #a7cfdc; margin: 0 3px 2px 0; font-size: 1.33em; font-weight: normal; background-color: #f5fdff; color: #6d6f71; text-decoration: none; text-align:center; } #sidebar #mostContent #sideTabs ul li.popular a {width:61px;} #sidebar #mostContent #sideTabs ul li.recent a {width:55px;} #sidebar #mostContent #sideTabs ul li.comments a {width:82px;} #sidebar #mostContent #sideTabs ul li a.selected { background-color: #fff; margin-bottom: 0; border-color: #fff; height: 21px; } #sidebar #mostContent #tabContainer { clear: both; position: relative; overflow: hidden; } #sidebar #mostContent #tabContainer .panel { position: relative; padding: 10px; } #sidebar #mostContent #tabContainer .panel li { font-weight: bold; line-height: 1.5; font-size: 1.083em; } #sidebar #mostContent #tabContainer .panel li a { color: #2381B8; text-decoration: none; } #sidebar #mostContent #tabContainer .panel li a:hover { text-decoration: underline; } /* 6.3 Connect Widget -----------------------------------------------------------------------------------------------*/ /* Generic box */ #sidebar .box {margin:0 0 8px 0;padding:0 0 0 26px;background:url(../images/bg_sidebar-box.gif) top left repeat-y #fff;} #sidebar .box h3 {margin:0 0 9px -26px;padding:7px 10px 7px 11px;background:url(../images/bg_sidebar-box-head.gif) bottom left no-repeat #fff;font-size:15px;line-height:15px;color:#6a94a2;font-weight:bold;text-transform:uppercase;} #sidebar .box h4 {font-size:17px;line-height:17px;height:18px;padding:4px 0 4px 0;color:#8dc0d0;} #sidebar .box h4 a {float:left;width:100%;} #sidebar .box h4 a:hover {text-decoration:none;color:#7fb3c5;} #sidebar .box h4 a:hover strong {text-decoration:underline;} #sidebar .box h4 strong {float:left;margin:0 14px 0 0;} #connect .content-item h4 span.go {float:left;width:18px;height:18px;background:url(../images/ico-go.gif) 0 0 no-repeat;text-indent:-9999px;} #sidebar .box h4 a:hover span.go {background-position:0 -18px;} #sidebar .box p.note {color:#808f91;font-size:0.83em;line-height:1.1em;font-style:italic;} #sidebar .box p.note a {color:#808f91;text-decoration:underline;padding-right:18px;background:url(../images/ico_external2.gif) right center no-repeat;} #sidebar .box p.note a:hover {text-decoration:none;} #connect ul.icon-links {height:50px;margin:0 0 9px 0;padding:0 0 0 8px;} #connect ul.icon-links li {float:left;} #connect ul.icon-links a {float:left;width:50px;height:50px;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;margin:0 14px 0 0;} #connect ul.icon-links .twitter a {background-image:url(../images/ico-twitter.png);} #connect ul.icon-links .facebook a {background-image:url(../images/ico-facebook.png);} #connect ul.icon-links .youtube a {background-image:url(../images/ico-youtube.png);} #connect ul.icon-links .rss a {background-image:url(../images/ico-rss.png);} #connect .content-item {padding:5px 0 12px 12px;background:url(../images/bg-sidebar-content-sep.gif) top left no-repeat;} #connect .content-item h4 {} #connect .content-item p {} /* 6.4 Facebook Widget -----------------------------------------------------------------------------------------------*/ #sidebar .facebook .top h3 {margin-bottom:0;} #sidebar .facebook .top p {float:right;padding-right:10px;} #sidebar .facebook p.fans-num {clear:both;padding-top:7px;padding-left:5px;} #sidebar .facebook ul.fans {padding:8px 0 8px 1px;} #sidebar .facebook ul.fans li {float:left;text-align:center;} #sidebar .facebook ul.fans li br {display:none;} #sidebar .facebook ul.fans a {float:left;width:50px;padding:0 2px;font-size:0.83em;} #sidebar .facebook ul.fans img {display:block;margin-bottom:3px;} /* 7. FOOTER ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #footer #footer-columns {padding:20px 0;} #footer #footer-columns-inner {padding:0 20px 0 20px;} #footer #footer-columns h3 {text-transform:uppercase;font-weight:bold;font-size:17px;line-height:1em;margin:0 0 7px 0;color:#fff;} #footer #footer-columns ul {} #footer #footer-columns ul li {clear:left;float:left;width:100%;} #footer #footer-columns ul li.spaced {padding-top:19px;} #footer #footer-columns ul li.external {} #footer #footer-columns ul li.external a {width:auto;padding-right:17px;background:url(../images/ico_external2.gif) right center no-repeat;} #footer #footer-columns ul a {float:left;width:100%;padding:2px 0;color:#fff;line-height:1.25em;} #footer #footer-columns ul a:hover {text-decoration:underline;} /* 7.1 Lists and Featured Area -----------------------------------------------------------------------------------------------*/ #footer-lists {float:left;width:251px;margin:0 20px 0 0;} #footer-lists h3 span {margin:0;padding-left:89px;} #footer-lists .featured {float:left;margin:0 10px 0 0;} #footer-lists .featured a {float:left;} #footer-lists .featured a img {float:left;} #footer-lists ul {float:left;width:163px;} /* 7.2 Tools -----------------------------------------------------------------------------------------------*/ #footer-tools {float:left;width:163px;margin:0 20px 0 0;} /* 7.3 Blogroll -----------------------------------------------------------------------------------------------*/ #footer-blogroll {float:left;width:178px;} /* 7.4 MoneySense Magazine -----------------------------------------------------------------------------------------------*/ #footer-magazine {float:right;width:272px;} #footer-magazine .cover {float:left;margin:0 10px 0 0;} #footer-magazine .cover a {float:left;} #footer-magazine .cover img {float:left;} #footer-magazine .call-to-action {float:left;width:160px;} #footer-magazine .call-to-action .advert {float:left;margin:0 0 7px 0;} #footer-magazine .call-to-action .advert a {float:left;} #footer-magazine .call-to-action .advert img {float:left;} /* 7.5 Base Navigation Bar -----------------------------------------------------------------------------------------------*/ #footer-navigation {} #footer-navigation ul {padding:3px 12px 0 14px;height:24px;} #footer-navigation ul li {float:left;background:url(../images/footer-sep.gif) right center no-repeat;padding:0 9px 0 0;} #footer-navigation ul a {float:left;font-size:12px;line-height:24px;color:#fff;padding:0 0 0 5px;background-position:right center;background-repeat:no-repeat;} #footer-navigation ul li.external a {padding-right:17px;background-image:url(../images/ico_external2.gif);} #footer-navigation ul a:hover {} /* 7.6 Rogers Digital Media Sign-Off -----------------------------------------------------------------------------------------------*/ #rogers-signature {float:left;padding:28px 0 30px 0px;} #rogers-signature a {float:left;} #rogers-signature img {float:left;} /* 8. PLUGINS CSS ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 8.1 Fancybox -----------------------------------------------------------------------------------------------*/ div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30} * html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} div#fancy_wrap{text-align:left} div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100} div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../images/fancybox/fancy_progress.png) no-repeat} div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30} div#fancy_loading_icon{position:absolute;background:url(../images/fancybox/fancy_loading.gif) no-repeat;z-index:35;width:16px;height:16px} div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none} div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF} div#fancy_content{margin:0;z-index:100;position:absolute} div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100} img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%} div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../images/fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none} #fancy_frame{position:relative;width:100%;height:100%;display:none} #fancy_ajax{width:100%;height:100%;overflow:auto} a#fancy_left,a#fancy_right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none} a#fancy_left{left:0px} a#fancy_right{right:0px} span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block} span#fancy_left_ico{left:-9999px;background:transparent url(../images/fancybox/fancy_left.png) no-repeat} span#fancy_right_ico{right:-9999px;background:transparent url(../images/fancybox/fancy_right.png) no-repeat} a#fancy_left:hover{ visibility:visible} a#fancy_right:hover{ visibility:visible} a#fancy_left:hover span{left:20px} a#fancy_right:hover span{right:20px} .fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent} div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0} div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0} div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x} div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat} div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y} div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat} div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x} div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat} div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y} div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat} div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none} div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px} div#fancy_title table{margin:0 auto} div#fancy_title table td{padding:0;vertical-align:middle} td#fancy_title_left{height:32px;width:15px;background:transparent url(../images/fancybox/fancy_title_left.png) repeat-x} td#fancy_title_main{height:32px;background:transparent url(../images/fancybox/fancy_title_main.png) repeat-x} td#fancy_title_right{height:32px;width:15px;background:transparent url(../images/fancybox/fancy_title_right.png) repeat-x} li.last .stico_default span { background: #ffffff !important; padding-top: 8px;} .share .stbutton { padding: 0 !important;} .share .stbuttontext { line-height: 28px !important;} /* 8.2 IntenseDebate -----------------------------------------------------------------------------------------------*/ #comments #idc-container-parent {} #comments #idc-container {margin:0;width:641px;} #comments #idc-container div {font-size:12px;line-height:1.2em;} #comments #idc-container * {outline:none;} #comments #idc-container h3 {color:#2381B8;font-size:21px;line-height:21px;font-weight:normal;margin:0 0 0 0;} #comments #idc-container h3 span#idc-commentcount_label, #comments #idc-container h3 span#idc-commentcount_wrap {float:left;padding-top:3px;padding-bottom:3px;padding-left:3px;color:#fff;} #comments #idc-container h3 span#idc-commentcount_label {padding-right:12px; background:#7fb3c5;text-transform:uppercase;font-weight:bold;} #comments #idc-container h3 span#idc-commentcount_wrap {font-size:19px;line-height:21px;font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;} #comments #idc-container .idc-head_action {background:#7FB3C5;color:#fff;width:auto;padding:0 8px 8px 8px;margin:0;float:none;} #comments #idc-container .idc-head_action a {color:#fff;text-decoration:underline;} #comments #idc-container .idc-head_action a:hover {text-decoration:none;} #comments #idc-container .idc-toolbar {display:none;} #comments #idc-container .idc-thread {background:#fff;padding-left:10px;margin-bottom:10px;} #comments #idc-container .idc-thread #IDCommentReplyDiv {margin-bottom:10px;padding-bottom:8px;} #comments #idc-container .idc-thread .idc-thread {margin-bottom:0;} #comments #idc-container .idc-thread .idc-c {padding-left:10px;} #comments #idc-container .idc-c_collapsed, #comment #idc-container .idc-c {margin-bottom:0;} #comments #idc-container .idc-c_collapsed .idc-c-h, #comments #idc-container .idc-c .idc-c-h {background:#fff;margin:0;padding-bottom:8px;padding-top:8px;} #comments #idc-container .idc-c-t {background:#fff;padding:0 3px 8px 8px;margin:0;} #comments #idc-container .idc-c-t .idc-c-t-inner {font-size:11px;line-height:14px;} #comments #idc-container .idc-c-t .idc-c-t-inner a { color:#2381b8; } #comments #idc-container .idc-c-b {background:#fff;padding-bottom:10px;} #comments #idc-container #IDCommentsNewThreadCover h3 {float:left;padding:3px 12px 3px 3px;background:#7fb3c5;color:#fff;font-size:21px;line-height:21px;text-transform:uppercase;font-weight:bold;} #comments #idc-container #IDCommentsNewThreadCover {margin-bottom:10px;} #comments #idc-container #IDCommentsNewThreadCover .idc-thread {padding-left:0;} #comments #idc-container #IDCommentsNewThreadCover .idc-thread .idc-c {padding-left:0;} #comments #idc-container #IDCommentsNewThreadCover .idc-c-t {padding:0;} #comments #idc-container #IDCommentsNewThreadCover p#IDCommentsNewThreadListItem1 {padding-left:10px;} #comments #idc-container #IDCommentsNewThreadCover .idc-c-b {padding-left:10px;} #comments #idc-container #IDCommentNewThreadForm1 {padding:2px;} #comments #idc-container #IDCommentsNewThreadCover #IDCPostNav, #comments #idc-container #IDCommentsNewThreadCover #IDCommentNewThreadForm2 {padding:0 10px;} #comments #idc-container div.idc-text_noresize, #comments #idc-container textarea.idc-text_noresize {bottomleft:0;bottomright:0;topleft:0;topright:0;} .idc-text_noresize { width: 628px !important;} #idc-container a {color:#ffffff;} #comments #idc-container .idc-foot {border:none;} #recent-comments #IDWidget30 #IDWidget6 h2 {display:none;} #recent-comments #IDWidget30 .idw-footer {display:none;}