/* ------------------------------------------- project: Parenting Children date: 2007/05/25 ------------------------------------------- */ html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; } body { margin: 0; padding: 0; background: #fff url(../images/bg.png) 50% 0 no-repeat; color: #666; font: 68.75%/130% Arial,Helvetica,sans-serif; } textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; } /* COMMON ------------------------------------------- */ fieldset { border: none; margin: 0 0 12px; padding: 0; } legend { display: none; } button { overflow: visible; cursor: pointer; } img { border: none; } strong, b { color: #666; } em { padding: 1px 2px; } abbr, acronym { border-bottom: 1px dotted #aaa; } dl { margin: 0 0 12px; } dt { font-weight: bold; } dd { margin: 0; } p { margin: 0 0 12px; } p.bigger { font-size: 1.1em; } a { color: #ed1515; text-decoration: none; } a:hover, a:focus, a:active { color: #ed1515; text-decoration: underline; } .text-right { text-align: right; } h2 a.clear-a { color: #006a83; text-decoration: none; } h2 a.clear-a:hover { color: #006a83; text-decoration: none; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 8px; font: bold 2.4em Arial,Helvetica,sans-serif; color: #006a83; } h1 { font-size: 1.667em; } h2 { font-size: 1.27em; } h3 { color: #111; font-size: 1em; } h4 { font-size: 1.167em; } h5 { font-size: 1.000em; } h6 { font-size: 0.800em; } /* HELPERS ------------------------------------------- */ .wrapper { overflow: hidden; } .offset { position: absolute; left: -10001em; top: -10001em; } .center { text-align: center; } /* LAYOUT ------------------------------------------- */ #root { width: 760px; margin: 0 auto; } #top { z-index: 10px; position: relative; z-index: 100; height: 8.45em; margin: 0 0 1px; background: url(../images/slogan.gif) 185px 1.9em no-repeat; } #logo { position: absolute; left: 10px; top: 0; width: 171px; height: 93px; background: url(../images/logo.png) no-repeat; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; } #nav { position: absolute; left: 185px; bottom: 0; list-style: none; width: 575px; margin: 0; padding: 0; background: #00a0c6; } #nav li { z-index: 10px; position: relative; float: left; margin: 0; padding: 0 7px; font-size: 1.09em; } #nav li.side { float: right; margin: 0; padding: 0 5px; font-size: 1em; } #nav li.contact { padding: 0 10px 0 8px; background: url(../images/sep-nav.gif) 0 50% no-repeat; } #nav li a { color: #fff468; font-weight: bold; line-height: 200%; } #nav li.side a { color: #fff; } #nav li.current a { color: #000 !important; } #nav li a:hover { color: #fff; text-decoration: none; } #nav li.side a:hover { color: #fff468; } #nav li a em { position: absolute; left: -10001em; top: -10001em; } #nav li ul { z-index: 15; display: none; position: absolute; top: 22px; left: 0; width: 157px; background: #00A0C6; padding-top: 0; padding-left: 0; padding-bottom: 0px; } #nav li ul li { z-index: 20; display: block; width: 147px; padding-left: 10px; padding-right: 0px; margin-left: 0; border-bottom: 1px solid #fff; } #nav li ul li a { display: block; width: 147px; } #nav li:hover ul { display: block; } #nav li.side ul { top: 21px; width: 137px; _width: 142px; } #nav li.side ul li { font-size: 1em; width: 127px; _width: 132px; } #nav li.side ul li a { width: 127px; _width: 132px; } #nav li.side.current ul li a { color: #fff !important; } #nav li.side.current ul li a:hover { color: #fff468 !important; } #nav li.current ul li a { color: #fff468 !important; } #nav li.current ul li a:hover{ color: #fff !important; } #top-search { position: absolute; right: 5px; top: 23px; } #top-search fieldset { width: 175px; margin: 0; } #top-search fieldset legend { display: block; margin: 0 0 0 -3px; color: #394f54; font-size: 0.91em; font-weight: bold; } #top-search fieldset input { width: 150px; border: 1px solid #c3c3c3; border-color: #7c7c7c #c3c3c3 #ddd; } #top-search fieldset button { position: relative; width: 15px; height: 20px; border: none; background: url(../images/bullet-a.gif) 50% 50% no-repeat; text-indent: -10001em; cursor: pointer; } #account-nav { position: absolute; top: 0; right: 28px; list-style: none; margin: 0; padding: 0; } #account-nav li { display: inline; float: left; margin: 0 0 0 2px; } #account-nav li.text { margin-right: 10px; } #account-nav li a { float: left; height: 20px; text-indent: -10001em; } #account-nav li.sign-out a { width: 71px; background: url(../images/tn-sign-out.png) no-repeat; } #account-nav li.sign-in a { width: 75px; background: url(../images/tn-sign-in.png) no-repeat; } #account-nav li.sign-up a { width: 72px; background: url(../images/tn-sign-up.png) no-repeat; } #account-nav li.my-account a { width: 88px; background: url(../images/tn-my-account.png) no-repeat; } #account-nav li.tell-a-friend a { width: 94px; background: url(../images/tn-tell-a-friend.png) no-repeat; } #account-nav li a:hover { background-position: 0 -20px; } #content { display: block; } .content { display: block; } #footer { clear: both; margin: 10px 0 0; padding: 0 0 10px; } #footer p { float: left; padding: 0 10px; color: #9b8f8e; font-size: 0.91em; } #footer p a { color: #9b8f8e; } #footer p.first { float: none; margin: 0 0 5px; padding-bottom: 3px; border-bottom: 2px solid #eaecec; color: #4492a4; font-size: 0.82em; } #footer p.first a img { vertical-align: top; } #footer p.last { float: right; } /* SKIP LINKS ------------------------------------------- */ #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 760px; padding: 2px 0; background: #76d1e4; color: #fff; font-size: 1.4em; text-align: center; } /* HOME ------------------------------------------- */ #home-header { display: block; position: relative; min-height: 157px; margin: 0 0 3px; padding: 8px 390px 10px 22px; background: #76d1e4 url(../images/corner-tl-a.gif) 0 0 no-repeat; } #home-header p.img {position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; } #home-header p.img img { display: block; } #home-header p.issue { margin: 0 0 12px; color: #006a83; font-size: 0.91em; text-transform: uppercase; letter-spacing: -1px; } #home-header p.eyebrow { margin: 0 0 -2px; color: #111; font-size: 2.27em; font-weight: bold; } #home-header h1 { margin: 0; color: #252525; font: bold 2.27em Arial,Helvetica,sans-serif; } #home-header h2 { margin: 0 0 10px; color: #006a83; font: bold 1.27em Arial,Helvetica,sans-serif; } #home-header p { color: #363636; font-size: 1.18em; line-height: 140%; } #home-header p .more a { padding: 0 13px 0 0; background: url(../images/bullet-g.gif) 100% 60% no-repeat; } #home-main { float: left; width: 576px; } #home-main-cols { display: block; margin: 0 0 15px; background: #d1eff2 url(../images/faux-a.gif) 385px 0 repeat-y; } #home-main-cols div.inner { background: url(../images/corner-br-b.gif) 100% 100% no-repeat; } #home-main-cols-a { display: inline; float: left; width: 374px; padding: 5px 0 0 5px; background: #D1EFF2; } #home-main-cols-a-cols { } #home-main-cols-a-cols div.column { float: left; width: 50%; padding: 0; } #home-main-cols-a-cols div.first { width: 45%; padding: 0 4.9% 0 0; } #home-main-cols-a-cols div.column h3 { margin: 0 0 12px; } #home-main-cols-a-cols div.column h3 a { color: #111; } #home-main-cols-a-cols div.column p { margin: -11px 0 12px; color: #363636; } #home-main-cols-a-cols div.column p.more { margin: -11px 0 12px; } #home-main-cols-a-cols div.column p.more a { padding: 0 13px 0 0; background: url(../images/bullet-c.gif) 100% 60% no-repeat; } #home-main-cols-a-cols div.column ul { margin: -11px 0 12px; } #home-main-cols-b { display: inline; float: right; width: 175px; margin: 5px 8px 0 0; } #home-side { float: right; width: 181px; } #tell-a-friend { display: block; overflow: hidden; height: 1%; margin: 0 0 10px; padding: 6px 8px 0 8px; background: #fff468; } #home-side #tell-a-friend { margin: 0; padding: 2px 8px 0 8px; } #home-side #tell-a-friend h2 { margin: 3px 0; } #home-side #tell-a-friend p { padding: 2px 0; margin: 0; } #home-side #tell-a-friend form { margin: 0; padding-bottom: 0; } #home-side #tell-a-friend form dd.submit { padding-bottom: 0; margin-bottom: 0; } #home-side #tell-a-friend form dt.submit { padding-bottom: 0; margin-bottom: 0; } #home-side #tell-a-friend form dd.submit button { margin-bottom: 0; } #home-side #tell-a-friend dl { display: block; padding-bottom: 0; margin: 0 0 5px; } #sign-in-here { margin: 0 0 2px; padding: 6px 8px; background: #fff468; } #sign-in-here p.eyebrow { margin: 0; color: #394f54; } #sign-up { margin: 0 0 10px; padding: 6px 8px; background: #fdf79f; border: 1px solid #ED1515; } #sign-up p.button { margin: 0 0 5px; text-align: right; } #sign-up p.button a { margin: 0 5px 0 0; padding: 0 10px 0 0; border: none; background: url(../images/bullet-b.gif) 100% 50% no-repeat; color: #ed1515; } #sign-up p.button a:hover { text-decoration: none; } #endorsements { clear: both; display: block; overfow: hidden; padding: 5px 0 0 8px; } #endorsements h2 { clear: both; display: block; overfow: hidden; } #endorsements div.item { position: relative; min-height: 60px; margin: 0 0 15px; padding: 0 90px 0 0; } #endorsements div.noimg { padding: 0; } #endorsements div.item h3 { margin: 0 0 2px; color: #111; font-size: 1em; } #endorsements div.item h3 a { color: #111; } #endorsements div.item p.img { position: absolute; top: 0; right: 0; } /* SUBS ------------------------------------------- */ #sub-side { float: left; width: 184px; } #sub-side div.inner { padding: 15px 0 0; background: #d1eff2 url(../images/corner-tl-b.gif) no-repeat; } #date-nav { list-style: none; margin: 0 0 15px; padding: 0 20px 10px; } #date-nav li { font-weight: bold; text-transform: uppercase; line-height: 150%; } #date-nav li.active { margin-left: -10px; padding-left: 10px; background: url(../images/bullet-d.gif) 0 5px no-repeat; } #date-nav li.active-cat a { color: #000; } #date-nav li a { } #date-nav li a:hover { } #date-nav li.active a { color: #000; font-weight: bold; } #date-nav li ul { list-style: none; margin: 0; padding: 0 0 0 10px; } #date-nav li ul li { font-size: 1.09em; font-weight: normal; text-transform: none; } #date-nav li ul li li { font-size: 0.83em; } #date-nav.issues-menu { padding-left: 10px; } #date-nav.issues-menu li ul li { border-bottom: 1px solid #fff; } #sub-main { z-index: 2; float: right; width: 576px; } #sub-header { z-index: 2; position: relative; height: 113px; padding: 10px 192px 5px 10px; background: #76d1e4; } #sub-header p.eyebrow { z-index: 2; margin: 0 0 1px; padding: 10px 0 0; color: #111; font-size: 1.27em; } #sub-header h1 { z-index: 2; color: #111; font-size: 2.18em; } #sub-header p.img { z-index: 2; position: absolute; overflow: hidden; right: 0; bottom: 0; height: 128px; margin: 0; } #sub-header p.img img { z-index: 2; display: block; } .feature { z-index: 2; display: block; clear: both; } .feature p.thumb { z-index: 2; float: left; width: 44px; height: 44px; margin-right: 10px; } #sub-header p { margin: 0; color: #363636; font-size: 1.18em; } #article-nav { } #article-nav ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 12px; padding: 0; } #article-nav li { display: inline; float: left; margin: 0 2px 0 0; background: url(../images/sep-a.gif) 0 100% repeat-x; } #article-nav li:hover { background-color: #e0f7fc; } #article-nav li.active { background-repeat: repeat; color: #111; } #article-nav li a { float: left; background: url(../images/tab-top-left.gif) 0 100% no-repeat; } #article-nav li.active a { background-image: url(../images/tab-top-left-active.gif); color: #111; font-weight: bold; } #article-nav li a:hover { text-decoration: none; } #article-nav li a span { float: left; padding: 0 16px; background: url(../images/tab-top-right.gif) 100% 100% no-repeat; line-height: 18px; cursor: pointer; } #article-nav li.active a span { background-image: url(../images/tab-top-right-active.gif); } #sub-main-primary { z-index: 2; float: left; width: 370px; overflow: hidden; padding: 0 10px 0 12px; } #article-body { color: #252525; } #article-body p { font-size: 1.09em; } #article-body p strong { color: #666; } #article-paging { position: relative; list-style: none; width: 100%; margin: 0 0 15px; padding: 0; text-align: center; } #article-paging li { display: inline; } #article-paging li a { padding: 0 5px; } #article-paging li.prev { position: absolute; left: 0; padding: 0; } #article-paging li.prev a { padding: 0 0 0 15px; background: url(../images/bullet-e.gif) 0 50% no-repeat; } #article-paging li.next { position: absolute; right: 0; padding: 0; } #article-paging li.next a { padding: 0 15px 0 0; background: url(../images/bullet-f.gif) 100% 50% no-repeat; } #article-paging li.active-page { color: #000; } #article-paging li.active-page span { display: inline; margin: 0 5px; } #article-comments { display: block; border-bottom: 1px solid #76d1e4; } #article-comments div.header { display: block; overflow: hidden; height: 1%; padding: 0 0 0 9px; background: url(../images/tab-bottom-left.gif) no-repeat; } #article-comments div.header h2 { display: block; float: left; margin: 0; padding: 0 0 0 2px; background: url(../images/sep-a.gif) repeat-x; line-height: 21px; } #article-comments div.header h2 span { display: block; padding: 0 11px 0 0; background: url(../images/tab-bottom-right.gif) 100% 0 no-repeat; } #article-comments div.comment { clear: left; padding: 11px; border: 1px solid #76d1e4; border-bottom: none; } #article-comments div.comment h3 { margin: 0 0 4px; font-size: 1em; } #article-comments div.comment p { font-size: 1.09em; } #article-comments div.comment p.more { margin: 0; text-align: right; font-size: 1em; } #article-comments div.comment p.more a { padding: 0 15px 0 0; background: url(../images/bullet-f.gif) 100% 50% no-repeat; font-size: 1em; } .issue-link { text-align: right; } .article-categories-list { z-index: 2px; position: relative; display: block; overflow: hidden; list-style: none; padding: 0; margin: 0; } .article-categories-list li { position: relative; float: left; width: 225px; background: #E7E4E1; padding: 10px; padding-bottom: 20px; margin: 10px; height: 100px; } .article-categories-list li .see-more { position: absolute; right: 10px; bottom: 10px; display: block; } #sub-main-long { z-index: 2; float: right; width: 554px; padding: 0 10px 0 12px; } #sub-main-secondary { z-index: 2; float: right; width: 184px; } #article-tools { overflow: hidden; list-style: none; margin: 0 0 10px; padding: 0; } #article-tools li { float: left; width: 100%; height: 100%; margin: 0 0 1px; padding: 0; background: #fff468; } #article-tools li a { float: left; display: block; width: 146px; padding: 4px 10px 4px 28px; color: #363636; font-size: 0.91em; text-transform: uppercase; } #article-tools li.email a { background: url(../images/i-mail.gif) 10px 50% no-repeat; } #article-tools li.print a { background: url(../images/i-print.gif) 10px 50% no-repeat; } #article-tools li.rate a { background: url(../images/i-star.gif) 10px 50% no-repeat; } #article-tools li a:hover { background-color: #f6eb59; text-decoration: none; } #article-tools li form { clear: left; display: block; width: 156px; padding: 4px 10px; margin: 0; } #article-tools li form fieldset { padding: 0; margin: 0; } #article-tools li form textarea { width: 100%; } #email_article_form { display: none; } #rate_article_form { display: none; } #sub-main-secondary #tell-a-friend { margin: 0; padding: 2px 8px 0 8px; width: 167px; } #sub-main-secondary #tell-a-friend h2 { margin: 3px 0; } #sub-main-secondary #tell-a-friend p { padding: 2px 0; margin: 0; } #sub-main-secondary #tell-a-friend form { margin: 0; padding-bottom: 0; } #sub-main-secondary #tell-a-friend form dd.submit { padding-bottom: 0; margin-bottom: 0; } #sub-main-secondary #tell-a-friend form dt.submit { padding-bottom: 0; margin-bottom: 0; } #sub-main-secondary #tell-a-friend form dd.submit button { margin-bottom: 0; } #sub-main-secondary #tell-a-friend dl { display: block; padding-bottom: 0; margin: 0 0 5px; } #poll-a { } #poll-a h3 { margin: 0 0 3px; } #poll-a form { margin: 0; } #poll-a fieldset { margin: 0; } #poll-a p.button { margin: 0; text-align: right; } #poll-a p.button a { margin: 0 5px 0 0; padding: 0 10px 0 0; border: none; background: url(../images/bullet-b.gif) 100% 50% no-repeat; color: #ed1515; } #poll-a p.button a:hover { text-decoration: none; } /* ELEMENTS ------------------------------------------- */ dl.form-a { } dl.form-a dt { margin: 0 0 2px; font-weight: normal; } dl.form-a dt.submit { display: none; } dl.form-a dd { margin: 0 0 3px; } dl.form-a dd.submit { padding: 2px 0 0; text-align: right; } dl.form-a dd.forget { margin: 0 60px -17px 0; font-size: 0.91em; } dl.form-a dd input { width: 98%; border: 1px solid #c3c3c3; border-color: #7c7c7c #c3c3c3 #ddd; } dl.form-a dd textarea { width: 98%; border: 1px solid #c3c3c3; border-color: #7c7c7c #c3c3c3 #ddd; } dl.form-a dd button { margin: 0 5px 0 0; padding: 0 10px 0 0; border: none; background: url(../images/bullet-b.gif) 100% 50% no-repeat; color: #ed1515; } .signup-form { display: block; width: 550px; } dl.form-b { clear: both; display: block; overflow: hidden; width: 400px; } dl.form-b dt { clear: both; float: left; width: 150px; margin: 0 0 2px; padding-top: 3px; font-weight: bold; } dl.form-b dt.submit { clear: both; display: none; } dl.form-b dd { width: 200px; display: block; float: left; margin: 0 0 3px; } dl.form-b dd.submit { clear: both; padding: 2px 0 0; text-align: right; } dl.form-b dd.forget { margin: 0 60px -17px 0; font-size: 0.91em; } dl.form-b dd.long { display: block; clear: both; width: 100%; } dl.form-b h3 { clear: both; display: block; width: 100%; padding-top: 10px; padding-bottom: 0; } dl.form-b dd input { float: left; border: 1px solid #c3c3c3; border-color: #7c7c7c #c3c3c3 #ddd; } dl.form-b dd input.checkbox { width: 15px; border: 0;} dl.form-b dd textarea { width: 98%; border: 1px solid #c3c3c3; border-color: #7c7c7c #c3c3c3 #ddd; } dl.form-b dd button { margin: 0 5px 0 0; padding: 0 10px 0 0; border: none; background: url(../images/bullet-b.gif) 100% 50% no-repeat; color: #ed1515; } dl.form-b dd .form-error { display: block; clear: right; } .signup-form dl.form-b { width: 550px; } .signup-form dl.form-b dd { width: 400px; } #sign-up-form dl.form-b { clear: both; width: 550px; } #sign-up-form dl.form-b dd { width: 380px; } #sign-up-form dl.form-b dd .form-error { clear: left; white-spaces: nowrap; } .form-b a.why { padding: 0 10px; float: left; } .form-b span.why-answer { float: right; width: 190px; } h2#tell-about-you { } h2#tell-about-you span, h2#required span, h2#recomended span { float: left; } h2#tell-about-you a.why, h2#required a.why, h2#recomended a.why { float: left; padding: 2px 10px; font-weight: normal; font-size: 0.77em; } h2#tell-about-you span.why-answer, h2#required span.why-answer, h2#recomended span.why-answer { padding: 2px 0; float: right; font-weight: normal; font-size: 0.77em; color: #666; width: 340px; margin: 0 0 10px; text-align: right; } ul.a { list-style: none; margin: 0 0 10px; padding: 0 0 0 5px; } ul.a li { margin: 0 0 3px; } ul.a li a { padding: 0 13px 0 0; background: url(../images/bullet-c.gif) 100% 60% no-repeat; } ul.b { list-style: none; margin: 0 0 10px; padding: 0; } ul.b li { margin: 0 0 3px; } .expert { display: block; height: 170px; width: 191px; position: relative; margin: 15px -8px 15px -8px; padding: 0; } .expert * { /*position: absolute; left: -10001em; top: -10001em;*/ } .expert-a { display: block; } .expert-a a { overflow: hidden; display: block; height: 170px; width: 191px; background: url(../images/expert-a.jpg) 50% 0 no-repeat; text-indent: -1001em; } .teen-buzz-promo { display: block; width: 191px; position: relative; margin: 15px -8px 15px -8px; padding: 0; } .expert2 { display: block; width: 184px; height: 170px; margin: 0 0 15px; } .expert2 * { /* position: absolute; left: -10001em; top: -10001em;*/ } .expert2-a { display: block; } .expert2-a a { overflow: hidden; display: block; height: 170px; background: url(../images/expert2-a.png) 50% 0 no-repeat; text-indent: -1001em; } .expert2-a.alcohol-and-drugs a { background: url(../images/expert2-a-alcohol-and-drugs.png) 50% 0 no-repeat; } .expert2-a.family a { background: url(../images/expert2-a-family.png) 50% 0 no-repeat; } .expert2-a.health a { background: url(../images/expert2-a-health.png) 50% 0 no-repeat; } .expert2-a.money a { background: url(../images/expert2-a-money.png) 50% 0 no-repeat; } .expert2-a.school a { background: url(../images/expert2-a-school.png) 50% 0 no-repeat; } .expert2-a.social-and-community a { background: url(../images/expert2-a-social-and-community.png) 50% 0 no-repeat; } .expert2-a.sports-and-competing a { background: url(../images/expert2-a-sports-and-competing.png) 50% 0 no-repeat; } .expert2-a.technology-and-media a { background: url(../images/expert2-a-technology-and-media.png) 50% 0 no-repeat; } div.articles-a { margin: 0 0 10px; } div.articles-a div.item { position: relative; min-height: 75px; margin: 0 0 5px; padding: 2px 0 0 87px; } div.articles-a div.item h3 { margin: 0 0 2px; } div.articles-a div.item h3 a { color: #111; } div.articles-a div.item p.img { position: absolute; left: 0; top: 0; } div.articles-a div.item p { margin: 0 0 3px; color: #363636; } div.articles-a div.item p.more { } div.articles-a div.item p.more a { padding: 0 13px 0 0; background: url(../images/bullet-c.gif) 100% 60% no-repeat; } div.article { } div.article h3 { margin: 0 0 2px; } div.article p { margin: 0 0 12px; color: #363636; } div.article p.more { margin: -12px 0 12px; } div.article p.more a { padding: 0 13px 0 0; background: url(../images/bullet-c.gif) 100% 60% no-repeat; } div.box-a { background: #e7e4e1 url(../images/box-a-bottom.gif) 0 100% no-repeat; } div.box-a div.box-a-inner { padding: 15px 10px; background: url(../images/box-a-top.gif) no-repeat; } ol.form-b { list-style: none; margin: 0 0 15px; padding: 0; } ol.form-b li { margin: 0 0 3px; } ol.form-b li input { vertical-align: middle; } ol.form-b li label { vertical-align: middle; } /* MY Account */ .update-data { display: block; float: left; width: 380px; } .update-password { display: block; float: right; width: 360px; } .update-data strong.form-error, .update-password strong.form-error { display: block; } .update-data dl.form-b, .update-password dl.form-b { width: 360px; } .form-error { color: #f00; } .update-success { display: block; padding: 5px 0; color: #779F63; } /* Quiz */ #question-list { display: block; } .question { display: block; float: left; width: 300px; padding: 10px; } .question .row { clear: both; } .question .answer { float: left; width: 220px; } .question .result { width: 60px; float: right; } #question-list p.submit { display: block; clear: both; } /* Comments */ .comment-add { display: block; overflow: hidden; } .comment-add label { display: none; } .comment-add textarea { width: 98%; } .comment-add input { float: right; } .comment-add div.nick-row { display: block; overflow: hidden; margin: 0 0 10px; } .comment-add div.nick-row label { display: block; padding-top: 3px; float: left; } .comment-add div.nick-row input { float: left; margin-left: 15px; } ul.comments { display: block; overflow: hidden; list-style: none; padding: 0; margin: 0; } ul.comments li { display: block; overflow: hidden; height: 1%; border: 1px solid #76D1E4; padding: 5px 10px 10px 10px; margin: 0 0 10px 0; } /* Lists */ ul.list { display: block; font-size: 130%; padding-left: 30px; margin-left: 0; } ul.list.articles-list { font-size: 100%; } ul.list.expert-questions li { padding-top: 10px; padding-bottom: 10px; font-size: 0.92em; } ul.list.expert-questions li a { color: #666; } ul.options { display: block; float: right; list-style: none; } ul.options li { float: left; } ul.options li a { float: left; color: #000; } /* Ask an expert */ .ask-expert-question div { display: block; margin: 10px; padding: 10px; } .authorized span { display: block; text-indent: -1001em; overflow: hidden; } .h { display: block; text-indent: -1001em; overflow: hidden ; } /* Security */ .security-page p { font-size: 1.1em; } .security-page p.text-right { font-size: 1em; } /* Landing Page */ #home-header.landing-page p#intro-title { padding: 20px 0 0 0; margin: 0; font: bold 1.32em Arial !important; } #home-header.landing-page h1 { padding-top: 20px; margin: 0 0 12px; line-height: 20px; } #landing-page-content { background: #D1EFF2; height: 1%; padding: 15px 34px 35px 29px; margin: 0; overflow: hidden; } #landing-page-content #landing-left { float: left; overflow: hidden; width: 284px; margin: 0; padding: 198px 0 0 0; background: url(../images/landing-page-advantages-top.jpg) 0 0 no-repeat; } #landing-page-content #landing-right { float: right; overflow: hidden; width: 373px; margin: 0 0 0 40px; padding: 0; } #landing-page-content #landing-left h2.advantages { display: block; padding: 9px 15px; margin: 0; background: #E3F5F7; border-top: 2px solid #fff; font-size: 1em; } #landing-page-content #landing-left ul.advantages { display: block; overflow: hidden; width: 253px; padding: 12px 15px; margin: 0; background: #fff url(../images/ul-advantages-bg.gif) 0 100% no-repeat; list-style: none; } #landing-page-content #landing-left ul.advantages li { display: block; overflow: hidden; padding: 0 0 0 21px; margin: 6px 0; color: #1F859D; background: url(../images/bullet-c.gif) 0 4px no-repeat; } #landing-page-content #landing-right { padding-top: 32px; } #landing-page-content #landing-right h1 { color: #000; font-weight: normal; } #landing-page-content #landing-right .fields-required { font-weight: bold; color: #000; padding-bottom: 6px; margin-top: 15px; border-bottom: 1px solid #ADE3EC; } #landing-page-content #landing-right form fieldset { padding: 5px 0 10px 0; } #landing-page-content #landing-right form .sign-up { border-top: 1px solid #ade3ec; padding: 10px 0; } #landing-page-content p.special { border-top: 1px solid #ade3ec; padding: 10px 0 0 0; } #landing-page-content strong.form-error { display: block; clear: both; } /* Banners */ .banner { text-align: center; }