/***** Main Template *****/ html { min-width: 902px; } /*IE7*/ body { color: #393733; margin: 0; padding: 0 20px; text-align: center; background: #fff url(/img/page-back.gif) repeat-x; } body, td, th, textarea, input, select, h2, h3, h4, h5, h6 { font: 83%/1.4 arial, helvetica, sans-serif; } input { line-height: 1; } /***** Common Content Formatting *****/ a { color: #105CB6; outline: none; } a:visited { color: #105CB6; } a:hover, a:focus { color: #003; } a:active { color: #000; } .simple:link, .simple:visited { text-decoration: none; color: #666; } .new { font-weight: bold; color: #c00; font-size: 11px; text-decoration: none; } h3 a:visited { color: #86b0e1; } .more:link, .more:visited { color: #666; } .simple:hover, .simple:active, .more:hover { color: #333; } .remove { color: #999; font-size: 85%; } .clear-search { clear: both; background: url(/img/clear-search.gif) no-repeat; padding: 25px 4px 4px 60px; color: #80A71F; min-height: 50px; } /*IE6*/ .clear-search a.clear-search-link { padding: 5px 25px 5px 15px; font-size: 65%; color: #c00; letter-spacing: 0em; font-weight: bold; background: url(/img/close.gif) 100% 50% no-repeat; vertical-align: middle; } .highlight, .search-highlight { background-color: #ff0; color: #685D00; } hr { height: 1px; background: #ccc; border: none; } .slide-hide { display: none; } .slide-show { display: block; } .tight { white-space: nowrap; } .disabled { color: #666; } .na, h2 span.deemphasize { color: #999; font-weight: normal; } img { border: none; } p { line-height: 1.4; } ul.compact { margin: 0; padding-left: 20px; } li { margin-bottom: 0.3em; } form { clear: left; margin: 0; } option.child-level { padding-left: 15px; } option.top-level { font-weight: bold; } h2 { margin: 0 0 0.2em 0; font-size: 185%; letter-spacing: -1px; font-weight: normal; clear: left; color: #4E463F; } .user-photo, .user-image { border: 1px solid #ccc; vertical-align: middle; } h2 .user-photo { float: left; margin-right: 5px; } h2 span, h3 span { color: #999; white-space: nowrap; } h3 { margin: 0 0 0.5em 0; font: normal 135%/1 arial,sans-serif; letter-spacing: -0.03em; clear: left; color: #4E463F; } h3 a { text-decoration: none; background: url(/img/link-line.gif) repeat-x 0 95%; } /*IE6, IE7*/ h3 a.simple { background-image: url(/img/tab-line.gif); } h4 { clear: left; font-size: 100%; font-weight: bold; margin-bottom: 0.2em; color: #999; } .first { margin-top: 0; } pre, code { font-size: 100%; color: #666; margin: 0; } .error { background: url(/img/msg-error.png) no-repeat; padding: 8px 0 20px 50px; color: #999; clear: left; } .warning, .positive { background: url(/img/warning.png) 0 100% no-repeat; padding: 0 0 7px 0; color: #999; margin: 10px 0; clear: left; } .warning div, .positive div { background: url(/img/warning.png) 0 0 no-repeat; padding: 8px 0 0 50px; min-height: 35px; } /*IE6*/ .warning p, .positive p { margin-bottom: 0; } .error h3, .warning h3, .positive h3, .notice h3 { font-size: 105%; color: #900; font-weight: bold; margin-bottom: 2px; } .positive, .notice { color: #448400; background-image: url(/img/positive.png); } .positive h3, .notice h3 { color: #448400; margin-bottom: 0.2em; } .notice { background: url(/img/notice.gif) 0 0 no-repeat; padding: 8px 0 20px 46px; clear: left; } .positive div { background-image: url(/img/positive.png); } .confirm { background: url(/img/confirm.png) no-repeat 0 50%; padding-left: 15px; color: #390; } .confirm:hover { color: #030; } h2 .confirm { font-size: 50%; float: right; } .instruction { background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat; margin-bottom: 1em; color: #6C7D8E; } .instruction div { background: url(/img/feature-box.gif) 100% 100% no-repeat; padding: 15px 15px 10px 15px; } .instruction h3 { color: #6C7D8E; } /***** Template ****/ #container { text-align: left; margin: 0 auto; max-width: 1200px; position: relative; } #wrapper { background: url(/img/main-back.gif) 0 0 no-repeat; padding: 8px 0 0 15px; min-height: 500px; } /*IE6*/ #contents { clear: both; padding: 0 15px 15px 0; margin-top: 7px; background: url(/img/main-back.gif) 100% 0 no-repeat; } #header { background: #1B5790; color: #fff; float: left; width: 100%; margin-bottom: 7px; position: relative; } #header a { color: #D2DCF3; font-size: 85%; font-weight: bold; } #header.header-simple { background: #1B5790 url(/img/menu-single.gif) 0 100% no-repeat; } #header.header-simple .side-header { background: #1B5790 url(/img/menu-single.gif) 100% 100% no-repeat; } #header a:hover { color: #fff; } h1 { font-size: 100%; margin: 0; float: left; } h1 a { display: block; height: 45px; width: 79px; text-indent: -2000em; text-decoration: none; z-index: 1000; /* need for FX and IE */ background: url(/img/logo.gif) 0 0 no-repeat; } h1 a:hover { cursor: pointer; /* IE7 */ background-position: 0 -100px; } label.inside { position: absolute; visibility: hidden; } .side-header { padding: 12px 175px 0 10px; float: right; margin: 0; position: relative; min-height: 33px; } /*IE6*/ .side-header a { padding: 0 10px; line-height: 1.8; border-right: 1px solid #3672AB; } #login-form { padding: 5px 10px; clear: both; text-align: right; background: #2E69A1; } #header #search { position: absolute; top: 13px; right: 8px; padding-right: 10px; } #top-submit { position: absolute; right: 0; top: 0; } #header label { color: #B6C6D6; } #top-keywords { margin-left: 3px; color: #5f6e7c; width: 140px; border: 0; padding: 2px; background: #fff; height: 14px; } #top-keywords:focus { color: #000; } #section-news, #section-videos, #section-podcasts, #section-profile { font-size: 115%; font-weight: bold; float: left; display: block; margin: 9px 0 0 0; width: 74px; height: 28px; text-decoration: none; text-indent: -2000em; background: url(/img/menu-news.gif) 0 -100px no-repeat; position: relative; } #section-videos { background-image: url(/img/menu-video.gif); width: 88px; } #section-podcasts { background-image: url(/img/menu-podcast.gif); width: 108px; } #section-profile { background-image: url(/img/menu-profile.gif); width: 110px; } #section-profile img { position: absolute; top: 6px; left: 16px; } #section-news:hover, #section-videos:hover, #section-podcasts:hover, #section-profile:hover { background-position: 0 -200px; } #section-news.current, #section-videos.current, #section-podcasts.current, #section-profile.current { background-position: 0 0 !important; /*imp for ie6*/ margin-right: 10px; margin-left: 10px; } #header input, #header label { vertical-align: middle; font-size: 85%; line-height: 1.25em; padding-left: 2px; } #header #search-all, #header #search-specific { position: relative; top: -1px; } #header ul, #header li { margin: 0; padding: 0; list-style: none; } #header ul { float: left; width: 100%; clear: both; } #header-primary { background: #CCDEAF; float: left; width: 100%; } #header-primary a.current { background: url(/img/menu-primary-current.gif) 50% 100% no-repeat; color: #000; } #header-secondary { background: #A5CC7A url(/img/menu-secondary.gif) 100% 100% no-repeat; float: left; width: 100%; } #header-secondary a.current, #header-primary.menu-single a.current { background: url(/img/menu-secondary-current.gif) 50% 100% no-repeat; color: #000; font-weight: bold; } #header-secondary ul { background: url(/img/menu-secondary.gif) 0 100% no-repeat; width: 100%; } #header-primary.menu-single { background: #CCDEAF url(/img/menu-primary.gif) 100% 100% no-repeat; } #header-primary.menu-single ul { background: url(/img/menu-primary.gif) 0 100% no-repeat; } #header-primary a:hover, #header-secondary a:hover { color: #000; text-decoration: underline; } #header li { display: inline; } #header li a, .submit { text-decoration: none; color: #325B0A; padding: 5px 6px; position: relative; left: 5px; word-spacing: -0.17em; float: left; display: block; white-space: nowrap; } #header-secondary li a { border: none; font-weight: normal; word-spacing: 0em; } #header li a.customize { color: #fff; } #header-primary li a.submit { float: right; left: 0; display: block; padding: 5px 23px 5px 15px; margin-right: 9px; background: url(/img/submit-new.gif) 100% 50% no-repeat; word-spacing: 0; text-align: right; } #header-primary li.extra a { padding-left: 20px; padding-right: 2px; background: url(/img/menu-divider.gif) 7px 50% no-repeat; } #announce { background: url(/img/announce.gif) 0 0 no-repeat; padding-left: 15px; clear: both; margin-top: 5px; } #announce div { padding: 7px 15px 2px 0; font-size: 105%; height: 25px; color: #8E8982; background: url(/img/announce.gif) 100% 0 no-repeat; line-height: 1; } #announce a { color: #8E8982; } #announce a:hover { color: #000; } #announce .close { vertical-align: middle; padding-left: 0.7em; } #announce-invite { background: url(/img/announce-invite.gif) 100% 0 no-repeat; padding-right: 30px; position: relative; top: 3px; clear: both; } #announce-invite div { font-size: 85%; padding: 5px 0 0 32px; height: 20px; background: url(/img/announce-invite.gif) 0 0 no-repeat; } #announce-invite, #announce-invite a { color: #79786c; } #announce-invite strong a { text-decoration: underline; } #announce-invite a:hover { color: #000; } /***** Footer *****/ #footer { clear: both; margin-top: 55px; background: url(/img/footer.gif) 100% 0 no-repeat; padding-right: 15px; position: relative; min-height: 160px; text-align: left; } /*IE6*/ .footer-contents { float: left; background: url(/img/footer.gif) 0 0 no-repeat; padding-top: 2px; padding-left: 10px; } .footer-contents2 { background: #eee; color: #8696A4; } #footer dl { float: left; margin: 0; padding: 10px 0 5px 0; width: 15.5%; background: url(/img/footer-divider.gif) 100% 0 no-repeat; min-height: 95px; } #footer dl.last { background: none; width: 11%; } /*IE7*/ #footer dd { margin: 0; padding: 3px 10px; font-size: 85%; } #footer dd a { text-transform: uppercase; font: 85% tahoma, sans-serif; text-decoration: none; background: url(/img/link-line.gif) repeat-x 0 100%; padding-bottom: 1px; } #footer dd a span { text-transform: none; } #footer dt { font-size: 105%; font-weight: bold; letter-spacing: -0.02em; padding: 0 10px; } #footer .footer-feature { position: absolute; right: -12px; top: -10px; } .copyright img { float: left; margin-right: 1.5em; } .copyright { font-size: 85%; color: #999; clear: both; background: #fff; padding: 1em 0 40px 15px; } .copyright a { color: #999; } /***** News Articles *****/ .news-summary, .news-full, .news-full-confirm { padding: 0.7em 0 2em 0; position: relative; clear: left; min-height: 50px; } .news-body { padding-left: 60px; } .news-body strong { font-size: 90%; color: #666; } .news-digg { position: absolute; top: 0.8em; left: 0; text-align: center; font-size: 85%; margin: 0; padding: 0; list-style: none; background: url(/img/shade-news.gif) no-repeat; } .news-digg li { margin: 0; padding: 0; } .digg-count a , .digg-count span, .digg-count-s a, .digg-count-s span { display: block; padding: 10px 0 4px 0; text-decoration: none; width: 50px; min-height: 40px; color: #93883F; text-align: center; } .news-summary .digg-count strong, .news-full .digg-count strong, .news-summary .digg-count-s strong, .news-full .digg-count-s strong { font-size: 160%; font-weight: normal; letter-spacing: -1px; line-height: 1; display: block; color: #736926; } .news-summary .digg-count-s strong, .news-full .digg-count-s strong { font-size: 160%; } .digg-count img, .digg-count-s img { position: absolute; top: 0; left: 0; border: none; } .digg-count a:hover, .digg-count-s a:hover, .digg-count a:hover strong, .digg-count-s a:hover strong { color: #998D43; } li.digg-it, li.undigg-it, li.dugg-it, li.buried-it { margin-top: 1px; padding: 0 0 5px 0; background: url(/img/digg-box-2.gif) 0 100%; float: left; } /*IE6*/ .digg-it a, .digg-it span, .undigg-it a, .undigg-it span, .dugg-it a, .dugg-it span, .buried-it a, .buried-it span { font-weight: bold; display: block; margin-bottom: -5px; padding: 4px 1px 5px 1px; background: url(/img/digg-box-2.gif) 0 0; width: 49px; text-decoration: none; text-align: center; } li.digg-it:hover { background-position: -300px 100%; } li.digg-it:hover a { background-position: -300px 0; } .digg-it span, .dugg-it span, .buried-it span { color: #999; } .news-body h3 { margin: 2px 0 0 0; font-size: 130%; letter-spacing: -0.02em; font-weight: bold; line-height: 1.1; } .news-body p { margin: 0.2em 0 0.1em 0; line-height: 1.3; } .news-submitted { padding: 0 0 0 1em; color: #999; font-size: 85%; margin: -2px 0 0 0; } .news-submitted a:link, .news-submitted a:visited { color: #999; } .news-submitted a:hover { color: #333; } .d { color: #a12a2a; font-weight: bold; white-space: nowrap; } .news-submitted img { border: 1px solid #ccc; vertical-align: middle; } .news-buried, .news-buried a, .news-buried .digg-count a:hover strong, .news-buried .news-submitted, .news-buried .news-submitted a { color: #bbb !important; } .news-buried .news-submitted img { opacity: 0.5; } .news-buried .news-details .comments { background-position: 0 -198px !important; } .news-buried .probdrop, .news-buried .digg-count img, .news-buried .digg-count-s img { display: none; } .news-buried .news-digg { background: url(/img/shade-news-buried.gif) no-repeat; color: #bbb !important; } .news-buried strong, .news-buried span.d { color: #bbb !important; } .news-buried h3 a { background: none; text-decoration: underline; } a.news-label { background: none; } .news-label img { vertical-align: middle; } .inline-warning { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200000; background: url(/img/matte.png); } /*IE6*/ .inline-warning div { margin: 20px 0 0 20px; float: left; position: relative; padding-bottom: 10px; background: #FAF9F7 url(/img/inline-warning.gif) 0 0 repeat-x; border: 1px solid #A09D97; } .inline-warning p { margin: 0; font-size: 105%; color: #666154; line-height: 1; padding: 10px 60px 0 10px; } .inline-warning .close { position: absolute; right: 10px; top: 6px; } .thumb { float: right; } .thumb img { padding: 3px; border: 1px solid #b7cce0; margin: 0 0 1em 2em; } .thumb span { display: none; } /***** Compact News Articles *****/ .main { margin-right: 300px; } .sidebar { float: right; width: 280px; clear: left; margin: 0 0 2em 3%; } .side-container { clear: both; background: url(/img/side-container.gif) no-repeat; padding: 10px 0 2em 10px; font-size: 100%; } .side-container p { margin: 0.3em 0 0 0; } .labs-img { margin: -20px -20px 0 0; float: right; } /*IE6*/ .friends { border-top: 1px solid #eee; min-height: 3em; } .friends a { text-decoration: none; display: block; float: left; width: 130px; padding: 3px 0 3px 5px; border-bottom: 1px solid #eee; } .side-container .button-add { float: right; font-size: 85%; } .friends a:hover { background: #eee; } .friends em { font-size: 105%; font-weight: bold; font-style: normal; position: relative; bottom: 1px; display: block; min-width: 1.1em; margin-right: 6px; float: left; text-align: right; } .join { min-height: 2em; } .join a { padding: 2px 14px; float: left; display: block; border: 1px solid #d3dfed; margin: 2px 3px 0 0; font-size: 90%; text-decoration: none; } .join a.learn { text-decoration: underline !important; border: none; } .side-container h2 { margin: 0 0 0.5em 0; font-size: 125%; color: #8DAB3B; font-weight: bold; line-height: 1; } .side-container .news-digg { top: 0; background: none; } .side-container .digg-count, .side-container .digg-count-s { font-size: 80%; letter-spacing: -0.07em; line-height: 2; margin-top: 0; } .side-container .digg-count a, .side-container .digg-count-s a { width: 36px; height: 24px; padding: 10px 0 0 0; background: url(/img/shade-compact.gif) no-repeat; } .p-archive .digg-count strong { font-weight: bold; } .side-container img.p-thumb, .p-archive img.p-thumb { position: absolute; left: 0; top: 0; padding: 1px; border: 1px solid #ccc; } /*IE6*/ .side-container .news-summary .digg-count strong, .side-container .news-summary .digg-count-s strong { font-weight: bold; color: #93883F; } .side-container .news-summary, .p-archive .news-summary { padding-left: 44px; padding-bottom: 5px !important; padding-top: 0; min-height: 37px; float: left; clear: left; } /*IE6, IE7*/ .side-container h3, .p-archive h3 { line-height: 1.1em; margin: 0; padding-top: 2px; font-size: 100%; letter-spacing: 0em; } .side-container h3 a, .p-archive h3 a { padding-top: 0; font-weight: normal; letter-spacing: 0em; text-decoration: underline; background: none; } /***** tabbed navigation *****/ #sub-nav, .extra-nav { background: url(/img/tab-line.gif) bottom repeat-x; float: left; width: 100%; } /*IE6*/ #sub-nav { margin-bottom: 1.5em; font-size: 125%; font-weight: bold; } #sub-nav br, .boxed br, .extra-nav br, #searchform br { clear: both; } #sub-nav h2, .extra-nav h2, .extra-nav h3 { background: none; min-height: 15px; margin-bottom: 0; } .extra-nav h2, .extra-nav h3 { float: left; line-height: 1.1; position: relative; top: 8px; font-size: 175%; } .extra-nav h3 { padding-top: 0.3em; } #sub-nav ul, .extra-nav ul { margin: 0.5em 0 0 0; padding: 0 0 0 1em; list-style: none; font-size: 85%; } .extra-nav ul { padding-top: 2px; } #sub-nav li, .extra-nav li { margin: 0 1px 0 0; padding: 0 5px 0 0; background: url(/img/tab-back.png) 100% -100px; float: left; border-bottom: 1px solid #bbb; text-align: center; } .extra-nav { padding-right: 5px; } .extra-nav li { float: right; } .extra-nav h2 { float: left; border: none; } #sub-nav li.active, .extra-nav li.active { border-bottom: 1px solid #fff; background: url(/img/tab-back.png) 100% 0; } #sub-nav li a, #sub-nav li a:visited, #sub-nav li span, .extra-nav li a, .extra-nav li a:visited, .extra-nav li span { display: block; float: left; padding: 5px 11px 5px 16px; text-align: center; white-space: nowrap; background: url(/img/tab-back.png) 0 -100px; text-decoration: none; min-height: 17px; /* fixes FX/Mac issue */ color: #666; } #sub-nav li.active a, #sub-nav li.active span, .extra-nav li.active a, .extra-nav li.active span { background: url(/img/tab-back.png) 0 0; } /*IE6*/ #sub-nav li.sub-comments a, #sub-nav li.sub-comments a:visited, #sub-nav li.sub-comments span, #sub-nav li.sub-comments a, #sub-nav li.sub-comments span { background-image: url(/img/tab-back-comment.png); padding-left: 28px; } #sub-nav li:hover, .extra-nav li:hover { background-position: 100% -200px; } #sub-nav li:hover a, .extra-nav li:hover a { background-position: 0 -200px; } #sub-nav li.active:hover, .extra-nav li.active:hover { background-position: 100% 0; } #sub-nav li.active:hover a, .extra-nav li.active:hover a { background-position: 0 0; text-decoration: underline; } .extra-nav li a, .extra-nav li span { font-size: 125%; font-weight: bold; color: #666; letter-spacing: -0.02em; } /* Page Numbers */ .pages { padding: 1em; margin: 1em 0; clear: left; font-size: 85%; } .pages a, .pages span { display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff; } .pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff; } .pages a { border: 1px solid #9AAFE5; text-decoration: none; } .pages a:hover { border-color: #2E6AB1; } .pages a.nextprev { font-weight: bold; } .pages span.nextprev { color: #666; } .pages span.nextprev { border: 1px solid #ddd; color: #999; } .tooltip { border: 1px solid #85be35; padding: 5px; background-color: #fff; width: 150px; font-size: 85%; color: #777; opacity: 0.95; text-align: left; } .tooltip h6 { background: #85be35; color: #fff; margin: -5px -5px 4px -5px; padding: 2px 5px; font-size: 100%; font-weight: bold; } .tooltip img { vertical-align: middle; border: 1px solid #85be35; margin: 2px 0; } /* Not Found */ .not-found { background: url(/img/exclaim.gif) no-repeat; padding: 10px 0 200px 80px; } /* Toolbar Styles */ .news-details { position: relative; padding: 5px 0 0 0; color: #777; } .sub-menu { position: relative; clear: both; min-height: 3em; } /*IE6*/ .tool { display: block; float: left; background: url(/img/tool-divider.gif) 0 50% no-repeat; font-size: 85%; padding: 0 6px; min-height: 18px; white-space: nowrap; /*need for IE6*/ } .tool-button { cursor: pointer; } .sub-menu .tool { padding: 7px; } .sub-menu .tool img { margin-top: 2px; } .sub-menu span.set-home { float: right; background: url(/img/set-home.gif) 0 50% no-repeat; padding-left: 16px; } .sub-menu span.set-off { float: right; padding-left: 16px; background-image: url(/img/set-home-off.gif); color: #999; } .sub-menu .tool-sort, .sub-menu form.tool { background: none; padding-left: 0; } .sub-menu input.form-text, .sub-menu select { font-size: 100%; background: #FFFADB url(/img/form-back.gif) repeat-x; border: 1px solid #CBB945; color: #776B1B; } .sub-menu strong { color: #E45B00; margin: 0; display: block; float: left; padding-top: 4px; margin-top: -7px; font-size: 125%; letter-spacing: -0.02em; line-height: 1.5; } .sub-menu ul strong { color: #105CB6; margin: 0; display: inline; float: none; background: none; font-size: 11px; } .news-details .comments { background: url(/img/comments.gif) 0 2px no-repeat; padding-left: 18px; } .news-details .dugg-by { background: url(/img/friends.gif) 0 2px no-repeat; padding-left: 18px; } .news-details .comments:hover { padding-left: 18px; background-position: 0 -98px; } .news-details a, .sub-menu a, a.toplinep { color: #578CCA; } /*IE6*/ .news-details a:hover, .sub-menu a:hover { color: #000; } /* special upcoming menu */ .upcoming { background-image: url(/img/upcoming-line.gif); } .upcoming li.active span, .upcoming li.active { background-image: url(/img/tab-back-upcoming.png) !important; color: #325B0A; } .upcoming li.active { border-color: #F1FBD5; } .sub-upcoming { background: url(/img/upcoming-back.gif) repeat-x; padding-left: 10px; } /* problem dropdown */ .probdrop, .probdrop ul { padding: 0; margin: 0; list-style: none; font: 11px arial, sans-serif; } .probdrop { float: left; position: relative; top: -2px; background: url(/img/tool-divider.gif) 0 2px no-repeat; } .d-item a { display: block; width: 8em; font-size: 11px; text-decoration: none; padding: 3px 0.5em 3px 0.5em; background: #fff; border-bottom: 1px solid #DDEAF6; } .d-item a:hover { background-color: #D8E6F3; } a.toplinep { background: url(/img/down-arrow.png) 100% 50% no-repeat; white-space: nowrap; display: block; width: 3.3em; border: 1px solid #DDEAF6; text-decoration: none; height: 15px; margin: 0 0 0 5px; font-size: 11px; padding: 2px 10px 2px 5px; height: 14px; } .probdrop li { margin-bottom: 0; } .probdrop li ul { position: absolute; padding: 0; margin: -1px 0 0 5px; border: 1px solid #DDEAF6; border-bottom: 0; } .probdrop li:hover ul, .probdrop li.probhover ul { display: block; left: 0; top: 20px; } /******* Help Box ********/ .help { background: #ECF2F8 url(/img/help.gif) 100% 100% no-repeat; clear: left; margin-bottom: 10px; } .help div { background: url(/img/help.gif) 0 0 no-repeat; padding: 10px 10px 10px 50px; min-height: 35px; } /*IE6*/ .help div p { line-height: 1.5; } .help h3 { font-size: 135%; color: #58636E; font-weight: normal; margin-bottom: 2px; padding-top: 5px; } /* 3 side-by-side ads */ #top_ad { position: relative; min-height: 90px; clear: both; z-index: 9999; } /*IE6*/ .banner_ad_unit a.ad_block { display: block; float: left; padding: 5px 2% 10px 2%; width: 26%; text-decoration: none; color: #666; line-height: 1.3; text-align: left; } .banner_ad_unit .ad_special a.ad_block { text-align: center; width: 94%; } .banner_ad_unit strong { font-size: 105%; text-decoration: underline; color: #105CB6; display: block; } .banner_ad_unit .ad_special strong { font-size: 195%; font-weight: bold; text-align: center; } .banner_ad_unit em { font-style: normal; text-decoration: underline; display: block; color: #999; padding-top: 2px; } .banner_ad_unit a.ad_origin { position: absolute; top: 0; right: 19px; display: block; padding: 0 5px; font-size: 80%; color: #999; } .banner_ad_unit .ad_special a.ad_origin { right: 100px; } .banner_ad_unit a:hover strong { color: #003; } .banner_ad_unit a.ad_origin:hover, .banner_ad_unit a:hover em { color: #333; } /* tower ads */ .tower_ad_unit, .comments_ad_image, .rectangle_ad_unit, .vertical_ad_unit { float: right; position: relative; padding: 4px 2px 10px 2px; border: 1px solid #ddd; width: 177px; } .comments_ad_image { padding: 3px; width: 180px; text-align: center; border: none; } .comments_ad_image .tower_ad_unit, .comments_ad_image .rectangle_ad_unit, .comments_ad_image .vertical_ad_unit { border: 1px solid #ddd; text-align: left; } .tower_ad_unit a.ad_block, .tower_ad_unit a.ad_special, .rectangle_ad_unit a.ad_block, .rectangle_ad_unit a.ad_special, .vertical_ad_unit a.ad_block, .vertical_ad_unit a.ad_special { display: block; padding: 5px 7px; width: 149px; min-height: 5em; /* need for FX */ text-decoration: none; color: #333; margin: 0 2px 8px 2px; line-height: 1.3; font-size: 85%; overflow: hidden; } .rectangle_ad_unit { width: 295px; clear: both; min-height: 238px; margin: 0 0 1em 0; } .rectangle_ad_unit a.ad_block { width: 280px; margin-bottom: 0; } .vertical_ad_unit { width: 240px; margin: 2em 15px 0 0; } .vertical_ad_unit a.ad_block { width: 220px; } .tower_ad_unit strong, .rectangle_ad_unit strong, .vertical_ad_unit strong { text-decoration: underline; color: #105CB6; display: block; padding-bottom: 3px; font-size: 115%; } .tower_ad_unit em, .rectangle_ad_unit em, .vertical_ad_unit em { font-style: normal; text-decoration: underline; display: block; color: #999; padding-top: 2px; } .tower_ad_unit a.ad_origin, .rectangle_ad_unit a.ad_origin, .vertical_ad_unit a.ad_origin { position: absolute; bottom: -10px; right: 12px; display: block; padding: 0 5px; font-size: 85%; color: #999; background: #fff; } .tower_ad_unit a:hover strong, .rectangle_ad_unit a:hover strong, .vertical_ad_unit a:hover strong { color: #003; } .tower_ad_unit a.ad_origin:hover, .tower_ad_unit a:hover em, .rectangle_ad_unit a.ad_origin:hover, .rectangle_ad_unit a:hover em, .vertical_ad_unit a.ad_origin:hover, .vertical_ad_unit a:hover em { color: #333; } /* FM ads */ .top_ad_image { padding: 0; position: relative; clear: both; text-align: center; }