.story { color: #333333; } .hr { clear: both; } .sectionname { font-family: din-medium, arial, helvetica, sans-serif; font-weight: normal; white-space: nowrap; text-decoration: none; color: #a9bd27; text-transform: uppercase; font-size: 13px; margin: 0px 0px 3px 0px; } .sectiondesc { font-family: din-regular, arial, helvetica, sans-serif; font-weight: normal; white-space: nowrap; color: #8f8f8f; text-transform: uppercase; font-size: 12px; line-height: 13px; padding: 0px 3px 4px 0px; } .headline { font-family: Georgia, serif; font-weight: normal; font-size: 18px; color: #22558A; margin: 4px 0px; } .story .sectionname, .story .sectiondesc { display: inline; } /* lead story */ .lead .story .headline { font-weight: bold; font-size: 22px; } .lead .story .abstract { font-size: 130%; line-height: 120%; } .story .header a { text-decoration: none; } .story .header .headline a:hover { text-decoration: underline; } .story .header a.byline { text-decoration: underline; } .story .header .dateline,.story .header .byline { color: #8F8F8F; font-size: 11px; margin: 5px 0px; } .story .header img.premium { margin-right: 5px; } .story .abstract { margin: 5px 0px 12px 0px; font-family: Georgia, serif; line-height: 150%; } .story .figure { margin: 1.5em 0; padding: 0; } .story .body { font-family: Georgia, serif; margin-top: 1em; line-height: 150%; } .story p { margin-top: 0px; margin-bottom: 1em; } .story .image { } .story .image img { max-width: 25%; float: left; display: inline-block; margin: .3em 1.2em 1.2em 0; border: 1px solid #C5C8D1; padding: 1px; } a.otherarticles { display: block; color: #8F8F8F; font-size: 11px; } .story a.otherarticles { margin: 7px 0px; } .story .topics { margin-bottom: 12px; } .popular h5, .topics h5, .picks h5 { font-size:11px; color: #a9bd27; font-family: din-bold, arial, helvetica, sans-serif; margin: 0; } .story .topics a { font-size: 12px; } .story .topics a:hover { text-decoration: underline; } .story .picks { margin: 12px 7px; } /* article actions */ .actions a { width: 130px; color: #8F8F8F; font-size: 11px; display: block; height: 16px; padding-left: 20px; background-repeat: no-repeat; margin: 2px 0px; float: left; } .actions a.email { background-image: url('/images/articleactions/email-hp4s1j.gif'); } .actions a.signup { background-image: url('/images/articleactions/signup-qsdgdw.gif'); } .actions a.suggest { background-image: url('/images/articleactions/suggest-1v5u6u3.gif'); width: 200px; } /***** BEGIN ARTICLE PAGE ******/ body.article #centerContent { padding: 28px 53px 20px 58px; } body.article .story .header .headline { font-weight: bold; font-size: 20px; } body.article .story .header .sectionname { font-size: 17px; margin-right: 5px; } body.article .story .header .sectiondesc { font-size: 13px; } body.article .rateBox { color: #8F8F8F; font-size: 12px; } body.article .rateBox div.hr { margin: 5px 0; } body.article .authorBio { margin: 10px 10px 10px 0px; font-size: 90%; } body.article .authorBio .image { float: left; padding:1px; border: 1px solid #C5C8D1; margin: 3px 7px 10px 0px; } body.article #centerContent .actions { margin: 1em 0; } body.article #centerContent .topics { margin: 1em 0; } body.article #centerContent .topics a { font-size: 12px; } body.article #centerContent .authorBio .otherarticles { margin-top: 1em; } body.article #rightContent .module { background-repeat: repeat-x; background-image: url('/images/common/dottedhr-1c6jhid.gif'); padding: 5px 5px 5px 2px; margin: 8px 0px; } body.article #rightContent .module.actions { background-image: none; } body.article #rightContent .module.actions a { float: none; margin: 4px 0px; } body.article #rightContent .topic h6 { margin: 8px 0px 0px 0px; font-size: 11px; } body.article #rightContent .topic h6 a { color: #8F8F8F; text-decoration: none; } body.article #rightContent .topic h6 a:hover { text-decoration: underline; } body.article #rightContent .picks .note { font-size: 11px; margin-bottom: 1.5em; } body.article .authorBio .image img.small { max-width: 76px; max-height: 96px; } /*** END ARTICLE PAGE ***/ /***** BEGIN SECTION PAGE ******/ body.section #centerContent { padding: 28px 53px 20px 58px; } body.section .pageheader { margin-bottom: 20px; } body.section .pageheader .sectionname, .pageheader .sectiondesc { line-height: 16px; height: 16px; margin: 0px 3px 0px 0px; display: inline; } body.section .pageheader .sectionname { font-size: 24px; line-height: 24px; margin-right: 10px; } body.section .pageheader .sectiondesc { font-size: 14px; } body.section .story { padding: 10px 7px 7px 0px; } body.section .rightNav h2.webfont { font-family: din-bold, arial, helvetica, sans-serif; color: #a9bd27; font-size: 12px; text-transform: uppercase; margin: 20px 0px 0px 5px; } body.section .rightNav h3.webfont { font-family: din-bold, arial, helvetica, sans-serif; color: #aaa; line-height: 12px; font-size: 12px; text-transform: uppercase; } body.section .rightNav a { display: block; text-decoration: none; padding-left: 15px; } body.section .rightNav a.selected h3 { color: #333333; } body.section .rightNav a.selected { background-image: url('/images/common/smgreenarrow-14u9y6q.gif'); background-repeat: no-repeat; background-position: 6px 2px; } /***** END SECTION PAGE ******/