/* Styles from global.css */ /* BEGIN MANIFEST CODE *************************************************/ /* BEGIN GLOBAL RESET *************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0;padding:0;} table{/* SA border-collapse:collapse;border-spacing:0;*/} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;} h3{font-size:100%;} q:before,q:after{content:'';} abbr,acronym {border:0;} /* END GLOBAL RESET *************************************************/ /* END MANIFEST CODE *************************************************/ p.xxsmall { font-size: 70%; } p.xsmall { font-size: 77%; } p.small { font-size: 85%; } p.medium { font-size: 100%; width: auto; } p.large { font-size: 114%; } p.xlarge { font-size: 144%; } p.xxlarge { font-size: 189%; } /* Styles from fonts.css */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. * */ body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * 99% for safari; 100% is too large */ select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} /** * Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;*font-size:100%;} /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * {line-height:1.22em;} /* Styles from layout.css */ /* Styles listed for Market Ease of Use */ /* Colors, Backgrounds */ /* BEGIN MANIFEST CODE ******************************************/ /* Headings ----------------------------------------------- */ h2 { color: #003D58; } #heading h1 { color: #666; } h3 { color: #003D58; } h4 { color: #8E181B; } h5 { color: #003D58; } body { background-image:none; } /** END Text ---------------------------------- */ /* Links ----------------------------------------------- */ /* Maintain the order below */ a:link { color: #003D58; } a:visited { color: #003D58; } /** END Text ---------------------------------- */ /* Page - main container ----------------------------------------------- */ #page { background: url(/Baltimore/images/page-bg-nav-only.gif); } /** END Page ---------------------------------- */ /* Header ----------------------------------------------- */ #header { /* background: url(/Baltimore/images/header.gif);*/ background: #FFF; } #header p.date { text-align: right !important; } #header.home { /* background: url(/Baltimore/images/header-home.gif); */ } #header.home p.wu-weather-icon { font-weight: bold; } #header.home p.wu-weather { font-weight: bold; } #subheader { background: url(/Baltimore/images/subheader.gif); color: #FFF; } #subheader #search { background: transparent; } #subheader #personalization a { color: #FFF; } /** END Header -------------------------------- */ /* Navigation ----------------------------------------------- */ #navigation { background: #D4D4D4; } #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active, #navigation span { color: #003D58; } #navigation li.current-subsection a:link, #navigation li.current-subsection a:visited, #navigation li.current-subsection a:hover, #navigation li.current-subsection a:active, #navigation li.current-subsection span { color: #fff; } #navigation li.current-subsection li a:link, #navigation li.current-subsection li a:visited, #navigation li.current-subsection li a:hover, #navigation li.current-subsection li a:active #navigation li.current-subsection li span { color: #688C9D; } #navigation li li li a:link, #navigation li li li a:visited, #navigation li li li a:hover, #navigation li li li a:active, #navigation li li li span { color: #688C9D; } #navigation li li.current-subsection a:link, #navigation li li.current-subsection a:visited, #navigation li li.current-subsection a:hover, #navigation li li.current-subsection a:active, #navigation li li.current-subsection span { color: #fff; } #navigation li li.current-subsection li a:link, #navigation li li.current-subsection li a:visited, #navigation li li.current-subsection li a:hover, #navigation li li.current-subsection li a:active, #navigation li li.current-subsection li span { color: #688C9D; } #navigation li.current.current-section a:link, #navigation li.current.current-section a:visited, #navigation li.current.current-section a:hover, #navigation li.current.current-section a:active, #navigation li.current.current-section span { color: #fff; background-color: #688C9D; } #navigation li.current.current-section li a:link, #navigation li.current.current-section li a:visited, #navigation li.current.current-section li a:hover, #navigation li.current.current-section li a:active, #navigation li.current.current-section li span { color: #003D58; background: none; } #navigation li.current.current-section li li a:link, #navigation li.current.current-section li li a:visited, #navigation li.current.current-section li li a:hover, #navigation li.current.current-section li li a:active, #navigation li.current.current-section li li span { color: #688C9D; } #navigation li.classified.current-section a:link, #navigation li.classified.current-section a:visited, #navigation li.classified.current-section a:hover, #navigation li.classified.current-section a:active, #navigation li.classified.current-section span { color: #fff; background-color: #688C9D; } #navigation li.classified.current-section li a:link, #navigation li.classified.current-section li a:visited, #navigation li.classified.current-section li a:hover, #navigation li.classified.current-section li a:active, #navigation li.classified.current-section li span { color: #003D58; background: none; } #navigation li.classified.current-section li li a:link, #navigation li.classified.current-section li li a:visited, #navigation li.classified.current-section li li a:hover, #navigation li.classified.current-section li li a:active, #navigation li.classified.current-section li li span { color: #688C9D; } #navigation li.classified li.current-subsection a:link, #navigation li.classified li.current-subsection a:visited, #navigation li.classified li.current-subsection a:hover, #navigation li.classified li.current-subsection a:active, #navigation li.classified li.current-subsection span { color: #fff; background-color: #688C9D; } #navigation li.classified li.current-subsection li a:link, #navigation li.classified li.current-subsection li a:visited, #navigation li.classified li.current-subsection li a:hover, #navigation li.classified li.current-subsection li a:active, #navigation li.classified li.current-subsection li span { background: transparent; color: #688C9D; } #navigation ul { background: url(/Baltimore/images/navigation-border-double.gif); } #navigation ul ul { background: none; } #navigation li { background: url(/Baltimore/images/navigation-border-single.gif); } #navigation li li { background: url(/Baltimore/images/bullet-navigation.gif); } #navigation li.current { background: #E9E9E9 url(/Baltimore/images/navigation-border-double.gif); } #navigation li.current.current-section a, #navigation li.current.current-section span { background-color: #688C9D; } #navigation li.current a, #navigation li.current span { background: #E9E9E9 url(/Baltimore/images/navigation-border-double.gif); } #navigation li.current li a, #navigation li.current li span { background: none; } #navigation li.current.current-section li a, #navigation li.current.current-section li { background: none; color: #003D58; } #navigation li.current li.current-subsection { background: #688C9D url(/Baltimore/images/bullet-navigation-current.gif); } #navigation li.classified li.current-subsection { background: #688C9D url(/Baltimore/images/bullet-navigation-current.gif); } #navigation li.current li.current-subsection li { background: #E9E9E9 url(/Baltimore/images/bullet-navigation.gif); color: #688C9D; } #navigation li.classified li.current-subsection li { background: #E9E9E9 url(/Baltimore/images/bullet-navigation.gif); color: #688C9D; } #navigation li.current li li.current-subsection { background: #688C9D url(/Baltimore/images/bullet-navigation-current.gif); } #navigation li.current li.current-subsection li a, #navigation li.current li.current-subsection li span { color: #688C9D; } #navigation li.current li li a, #navigation li.current li li span { color: #688C9D; } #navigation li.classified { background: #E9E9E9 url(/Baltimore/images/navigation-border-double.gif); } /** END Navigation ---------------------------- */ /* Site Index ----------------------------------------------- */ #siteindex { background: url(/Baltimore/images/siteindex.gif); border-top-color: #999; } #siteindex li { background: #D4D4D4; } #siteindex li a { color: #003D58; } #siteindex li li { background: #E9E9E9 url(/Baltimore/images/bullet-4x3.gif); } /** END Site Index ---------------------------- */ /* Footer ----------------------------------------------- */ #footer { background-color: #FFFFFF; border-top-color: #999; } #footer li { font-family: Verdana; } #footer #footer-utility { background-color: #E9E9E9; border-top-color: #999; border-bottom-color: #999; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #003D58; } /** END Footer -------------------------------- */ /* Main Front ----------------------------------------------- */ #page.main-front #content { background: url(/Baltimore/images/white-bg-526x25.gif); } #page.main-front #module-secondary-content-spotlight #container { border-color: #999; } #page.main-front #content div.rail { background: url(/Baltimore/images/section-front-rail-bg.gif); } /** END Main Front ---------------------------- */ /* Section Front ----------------------------------------------- */ #page.section-front #content h1 { background: #fff; color: #8E181B; } #page.section-front #content .rail { background: url(/Baltimore/images/section-front-rail-bg.gif); } /** END Section Front ------------------------- */ /* Classified Front ----------------------------------------------- */ #page.section-front.classified { background: url(/Baltimore/images/page-bg-nav-only.gif) repeat-y; } #page.classified #content p.description { color: #666; } /** END Classified Front ---------------------- */ /* Hyperlocal Front ----------------------------------------------- */ #page.hyperlocal #module-lead-content-tabbed ul.tabs { background: #fff; } /** END Hyperlocal Front ---------------------- */ /* High School Sports ----------------------------------------------- */ #page.highschool #video { background: #fff;; } /** END High School Sports ---------------------- */ /* Article - generic article styles ----------------------------------------------- */ #article dl.byline dt { color: #333; } #article dl.byline dd { color: #990000; } #article p { color: #333; } #article p.last-updated { border-bottom-color: #999; color: #900; } #article p.published { color: #999; } #article div.photo-right p, #article div.photo-left p { color: #999; } #article ul.article-nav a:link, #article ul.article-nav a:visited, #article ul.article-nav a:active, #article ul.article-nav a:hover { text-decoration: underline; } #article ul.article-nav li.previous, #article ul.article-nav li.next { font-style: italic; } #article ul.article-nav li.current a { text-decoration: none; } #article ul.article-nav li.unavailable a { color: #ccc; } /** END Article ------------------------------- */ /* Search Results ----------------------------------------------- */ #page.search-results #content h2 { background: #fff; color: #8E181B; } /** END Search Results ------------------------ */ /* Gallery ----------------------------------------------- */ #page.gallery #gallery-content h2 { color: #8E181B; } #page.gallery #module-related-links { border-color: #999; } /** END Gallery-------------------------------- */ /* Entertainment Front ----------------------------------------------- */ /* This template includes the section-front class for layout, which can be overridden here as necessary. */ #page.entertainment #module-lead-content { border-color: #999; } #page.section-front.entertainment #module-secondary-content-spotlight div.container { border-color: #999; } /** END Entertainment Front ------------------- */ /* Most Popular ----------------------------------------------- */ #page.most-popular h2 { background: #fff; color: #8E181B; } /** END Most Popular -------------------------- */ /* Real Estate ----------------------------------------------- */ #page.real-estate #content h1 { background: #fff; color: #8E181B; }#page.real-estate #real-estate-headlines h4 { font-size: 122%; } #page.real-estate #real-estate-headlines #top-item h4 { font-size: 107%; } /** END Real Estate --------------------------- */ /* Breadcrumbs ----------------------------------------------- */ #breadcrumb { background: #fff; } #breadcrumb, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { color: #003D58; } /** Breadcrumbs ------------------------------- */ /* Modules ----------------------------------------------- */ /* M-001 Lead Content - Tabbed */ /* This module is similar to M-009 -- style consolidation possible. */ #module-lead-content-tabbed { background: #ffffff; border-color: #999; } #module-lead-content-tabbed dl.byline dt { color: #999; } #module-lead-content-tabbed dl.byline dd { background: url(/Baltimore/images/bar-gray-1x11.gif); color: #999; } #module-lead-content-tabbed p.last-updated { color: #990000; } #module-lead-content-tabbed span.last-updated { color: #999; } #module-lead-content-tabbed ul.tabs li a:link, #module-lead-content-tabbed ul.tabs li a:visited { color: #fff; } #module-lead-content-tabbed ul.tabs li a:hover, #module-lead-content-tabbed ul.tabs li a:active { color: #003D58; } #module-lead-content-tabbed ul.tabs li.current a:link, #module-lead-content-tabbed ul.tabs li.current a:visited, #module-lead-content-tabbed ul.tabs li.current a:hover, #module-lead-content-tabbed ul.tabs li.current a:active { color: #666; } /* M-001 Alternate Styles */ #module-lead-content-tabbed.alt h3 { color: #8E181B; } #module-lead-content-tabbed.alt div.columns-container { background: url(/Baltimore/images/bar-medgray-1x11.gif); } #module-lead-content-tabbed.alt p.lead { color: #333; } #module-lead-content-tabbed.alt p.caption { color: #999; } #module-lead-content-tabbed.alt ul.bulleted li { background: transparent url(/Baltimore/images/bullet-lightblue-4x4.gif); } /* END M-001 Alternate Styles */ /* END M-001 Lead Content - Tabbed */ /* M-002 Secondary Content */ #module-secondary-content h2, #module-secondary-content h2 a { border-bottom-color: #ccc; color: #8E181B; } #module-secondary-content li{ font-size: 92%; } #module-secondary-content li h3{ font-size: 100%; } #module-secondary-content li a:link, #module-secondary-content li a:visited, #module-secondary-content li a:hover, #module-secondary-content li a:active { color: #003D58; } #module-secondary-content li span.minutes-ago { color: #990000; } #module-secondary-content li li { background: url(/Baltimore/images/m_002_bullet_4x4.gif); } #module-secondary-content li li a:link, #module-secondary-content li li a:visited, #module-secondary-content li li a:hover, #module-secondary-content li li a:active { color: #003D58; } /* END M-002 Secondary Content */ /* M-004 Secondary Content Spotlight */ #module-secondary-content-spotlight h2 { color: #8E181B; } #module-secondary-content-spotlight div.container { background: #ffffff; border-color: #999; } #module-secondary-content-spotlight h4 { color: #003D58; } #module-secondary-content-spotlight div.content p { color: #666; } #module-secondary-content-spotlight div.links { border-top-color: #ccc; } #module-secondary-content-spotlight div.links li a { color: #003D58; } /* END M-004 Secondary Content Spotlight */ /* M-006 Classifieds Search */ #module-classifieds { border-color: #999; } #module-classifieds form { background: #EDF0F3; border-color: #999; } #module-classifieds label { color: #8E181B; } #module-classifieds div.popular-links h5 { color: #666; } #module-classifieds div.ad-options { background: #84a3be; border-top-color: #999; } #module-classifieds div.ad-options li { background-image: url(/Baltimore/images/bar-white-1x10.gif); } #module-classifieds div.ad-options li a { color: #fff; } /* END M-006 Classified Search */ /* M-007 Popular Stories */ #module-popular-stories h4 { color: #8E181B; } #module-popular-stories div.links-list { background: #ffffff; border-color: #999; } #module-popular-stories li a:link, #module-popular-stories li a:visited, #module-popular-stories li a:hover, #module-popular-stories li a:active { color: #003D58; } #module-popular-stories ul.tabs li a:link, #module-popular-stories ul.tabs li a:visited { color: #fff; } #module-popular-stories ul.tabs li a:hover, #module-popular-stories ul.tabs li a:active { color: #003D58; } #module-popular-stories ul.tabs li.current a:link, #module-popular-stories ul.tabs li.current a:visited, #module-popular-stories ul.tabs li.current a:hover, #module-popular-stories ul.tabs li.current a:active { color: #666; } /* END M-007 Popular Stories */ /* M-008 Poll Module */ .module-poll { border-color: #999; } .module-poll h4 { color: #666; } .module-poll p.question { color: #333; } .module-poll form, .module-poll div.answers { background: #EDF0F3; border-color: #c8c8c8; } .module-poll div.ads { } .module-poll div.ads p{ border-bottom-color: #999; color: #999; } /* END M-008 Poll Module /* M-009 Lead Content */ #module-lead-content { background: #ffffff; border-color: #999; } #module-lead-content dl.byline dt { color: #999; } #module-lead-content dl.byline dd { background: url(/Baltimore/images/bar-gray-2x11.gif); color: #999; } #module-lead-content p.last-updated { color: #990000; } #module-lead-content li a { color: #003D58; } /* END M-009 Lead Content */ /* M-010 Weather */ /* Module eliminated -- leaving styles to maintain a placeholder. To retrieve the deleted styles, see revision 344 of the Gen3 SVN repository. */ #module-weather { border-color: #999; } /* END M-010 Weather */ /* M-011 Traffic */ #module-traffic { border-color: #999; } #module-traffic h4 { color: #8E181B; } #module-traffic dt { color: #333; } #module-traffic dd.high { background: url(/Baltimore/images/icon-traffic-high.gif); } #module-traffic dd.medium { background: url(/Baltimore/images/icon-traffic-medium.gif); } #module-traffic dd a { color: #003D58; } #module-traffic ul { border-top-color: #ccc; border-left-color: #ccc; } #module-traffic li { background: #faf9f1; border-bottom-color: #ccc; border-right-color: #ccc; } #module-traffic li a { color: #003D58; } #module-traffic p { color: #666; } #module-traffic div.sponsored-by { background: url(/Baltimore/images/background-traffic-bottom.gif); border-top-color: #999; } /* END M-011 Traffic */ /* M-012 Weblinks */ #module-weblinks { border-color: #999; } #module-weblinks h4 { color: #8E181B; } #module-weblinks li a { color: #003D58; } #module-weblinks p.more a { color: #003D58; } #module-weblinks p.powered-by { color: #666; } /* END M-012 Weblinks */ /* M-013 Announcements */ #module-announcements { border-bottom-color: #ccc; } #module-announcements h4 { color: #8E181B; } #module-announcements dl.announcement-with-photo dt a:link, #module-announcements dl.announcement-with-photo dt a:visited, #module-announcements dl.announcement-with-photo dt a:hover, #module-announcements dl.announcement-with-photo dt a:active { color: #003D58; } #module-announcements dl.announcement-with-photo dd.announcement p { color: #333; } #module-announcements dl.announcement-with-photo dd.announcement p.more { color: #003D58; } #module-announcements dl.announcement-no-photo dt a:link, #module-announcements dl.announcement-no-photo dt a:visited, #module-announcements dl.announcement-no-photo dt a:hover, #module-announcements dl.announcement-no-photo dt a:active { color: #003D58; } #module-announcements dl.announcement-no-photo dd.announcement p { color: #333; } #module-announcements dl.announcement-no-photo dd.announcement p.more { color: #003D58; } #module-announcements p.view-all { color: #003D58; } /* END M-013 Announcements */ /* M-014 Community Blogs */ /* NOTE: this is similar to M-013 styles */ #module-community-blogs { border-bottom-color: #ccc; } #module-community-blogs h4 { color: #8E181B; } #module-community-blogs dl.blog-with-photo dt a:link, #module-community-blogs dl.blog-with-photo dt a:visited, #module-community-blogs dl.blog-with-photo dt a:hover, #module-community-blogs dl.blog-with-photo dt a:active { color: #003D58; } #module-community-blogs dl.blog-with-photo dd.about p { color: #333; } #module-community-blogs dl.blog-with-photo dd.about p.posted { color: #999; } #module-community-blogs dl.blog-with-photo dd.about p.more { color: #003D58; } #module-community-blogs dl.blog-no-photo dt a:link, #module-community-blogs dl.blog-no-photo dt a:visited, #module-community-blogs dl.blog-no-photo dt a:hover, #module-community-blogs dl.blog-no-photo dt a:active { color: #003D58; } #module-community-blogs dl.blog-no-photo dd.about p { color: #333; } #module-community-blogs dl.blog-no-photo dd.about p.posted { color: #999; } #module-community-blogs dl.blog-no-photo dd.about p.more { color: #003D58; } #module-community-blogs p.view-all { color: #003D58; } /* END M-014 Community Blogs */ /* M-015 Contribute */ #module-contribute h4 { color: #8E181B; } #module-contribute ul { border-color: #999; } #module-contribute li.post-event { background: url(/Baltimore/images/icon-post-event.jpg) no-repeat; } #module-contribute li.add-news { background: url(/Baltimore/images/icon-add-news.jpg) no-repeat; } #module-contribute li.send-picture { background: url(/Baltimore/images/icon-send-picture.jpg) no-repeat; } #module-contribute li.join-conversation { background: url(/Baltimore/images/icon-join-conversation.jpg) no-repeat; } #module-contribute li.start-blog { background: url(/Baltimore/images/icon-start-blog.jpg) no-repeat; } #module-contribute li a { color: #003D58; } /* END M-015 Contribute */ /* M-016 Events Directory */ #module-directory-events { border-color: #999; } #module-directory-events p.description { color: #666; } #module-directory-events ul { background: #E9E9E9; border-color: #ccc; } #module-directory-events li { background: url(/Baltimore/images/background-directory-line.gif); color: #003D58; } #module-directory-events li.first { background: none; } #module-directory-events li.current { background: #003D58; } #module-directory-events li.current a { color: #fff; } #module-directory-events label { color: #8E181B; } /* END M-016 Events Directory */ /* M-017 Message Board */ #module-messageboard-promo { border-color: #999; } #module-messageboard-promo h4 { color: #8E181B; } #module-messageboard-promo p.notice { border-bottom-color: #ccc; color: #333; } #module-messageboard-promo p.notice a { color: #003D58; } #module-messageboard-promo p.author { color: #999; } /* END M-017 Message Board */ /* M-018 Article Tools */ #module-article-tools { border-color: #999; } #module-article-tools #list-box li { background: url(/Baltimore/images/bullet-article-tools-1.gif); } #module-article-tools #list-box li.text-size { background: url(/Baltimore/images/bullet-article-tools-2.gif); color: #666; } #module-article-tools .sponsor-logo-box { border-top-color: #999; } #module-article-tools .sponsor-logo-box p { color: #666; } /* END M-018 Article Tools */ /* M-020 Related Links */ #module-related-links { border-bottom-color: #999; border-top-color: #999; } #module-related-links li a { color: #003D58; } #module-related-links a.more { color: #003D58; } /* END M-020 Related Links */ /* M-020.1 Recent Posts */ #module-recent-posts { border-top-color: #999; } #module-recent-posts li a { color: #003D58; } #module-recent-posts a.more { color: #003D58; } /* END M-020.1 Rrecent Posts */ /* M-021 Ratings & Comments */ #module-ratings-and-comments { border-color: #999; } #module-ratings-and-comments div.topix_postform table.inputTable th.headerText { color: #333; } #module-ratings-and-comments div.topix_commentLink a { color: #003D58; }/* #module-ratings-and-comments div.topix_postform { border-top-color: #ccc; }*/ #module-ratings-and-comments div.topix_postform /*table.inputTable*/ { background: #EDF0F3; border-color: #ccc; } #module-ratings-and-comments td.fieldHeader { color: #333; } #module-ratings-and-comments td.captcha img { border-color: #999; } #module-ratings-and-comments div.ratings h5 { color: #333; } #module-ratings-and-comments div.ratings p { color: #333; } /* END M-021 Ratings & Comments */ /* M-022 Other Stories */ #module-other-stories { border-color: #999; } #module-other-stories h4 { color: #8E181B; } #module-other-stories dt { color: #333; } #module-other-stories dd a { color: #003D58; } #module-other-stories p.more a { color: #003D58; } /* END M-022 Other Stories */ /* M-023 Talkback Promo */ #module-talkback-promo { border-color: #999; } #module-talkback-promo h4 { color: #8E181B; } #module-talkback-promo p.indicator { color: #666; } #module-talkback-promo p.author { color: #999; } #module-talkback-promo p.more a { color: #003D58; } #module-talkback-promo p.read-more a { color: #003D58; } #module-talkback-promo div.inner-box { background: #f9f9f1; border-color: #ccc; } /* END M-023 Talkback Promo */ /* M-025 Classified Categories, Main */ #classified-categories-main { background: url(/Baltimore/images/columns-3column-4line-gray.gif); border-bottom-color: #999; border-top-color: #999; } #classified-categories-main h3, #classified-categories-main h3 a { color: #8E181B; } #classified-categories-main div.column div { background: url(/Baltimore/images/corner-gradient-bg-tan.jpg); border-bottom-color: #999; } #classified-categories-main div.column h4 { color: #996; } #classified-categories-main div.column li a { color: #003D58; } #classified-categories-main div.column div.buy-an-ad ul.more li { background: url(/Baltimore/images/bar-lightblue-1x10.gif); } #classified-categories-main div.column li { background: url(/Baltimore/images/bullet-categories-more.gif); } #classified-categories-main p.more a { color: #003D58; } /* END M-025 Classified Categories, Main */ /* M-026 More Classified Categories */ #classified-categories-more { border-bottom-color: #999; } #classified-categories-more h3 { color: #8E181B; } #classified-categories-more #columns-container { background: url(/Baltimore/images/background-more-categories.gif); } #classified-categories-more #columns-container div h4 { color: #996; } #classified-categories-more #columns-container div li { background: url(/Baltimore/images/bullet-categories-more.gif); } #classified-categories-more #columns-container div li a { color: #003D58; } #classified-categories-more p.more a { color: #003D58; } /* END M-026 More Classified Categories */ /* M-027 Most Popular */ #module-most-popular { background: #EDF0F3; border-color: #999; } #module-most-popular li { background: #fff url(/Baltimore/images/bar-gray-1x53.gif); } #module-most-popular li.even { background-color: #E9E9E9; } #module-most-popular div.item-number { color: #003D58; } #module-most-popular dd.date-and-section { color: #999; } #module-most-popular dd.date-and-section a { background: url(/Baltimore/images/bar-gray-1x11.gif); } #module-most-popular dd.email-this a { background: url(/Baltimore/images/email-this.gif); } #module-most-popular dd.rating { color: #999; } #module-most-popular dd.votes { color: #333; } #module-most-popular ul.tabs li { background: none; } #module-most-popular ul.tabs li a:link, #module-most-popular ul.tabs li a:visited { color: #fff; } #module-most-popular ul.tabs li a:hover, #module-most-popular ul.tabs li a:active { color: #003D58; } #module-most-popular ul.tabs li.current a:link, #module-most-popular ul.tabs li.current a:visited, #module-most-popular ul.tabs li.current a:hover, #module-most-popular ul.tabs li.current a:active { color: #666; } /* END M-027 Most Popular */ /* M-028 Entertainment Search */ #entertainment-search { background: #FFFFFF; border-color: #999; } #entertainment-search div.lead-content { background: url(/Baltimore/images/background-entert-search.gif); } #entertainment-search div.lead-content p { color: #666; } #entertainment-search div.search-tool h4 { color: #8E181B; } #entertainment-search div.search-tool p { color: #333; } #entertainment-search ul.tabs li a:link, #entertainment-search ul.tabs li a:visited { color: #fff; } #entertainment-search ul.tabs li a:hover, #entertainment-search ul.tabs li a:active { color: #003D58; } #entertainment-search ul.tabs li.current a:link, #entertainment-search ul.tabs li.current a:visited, #entertainment-search ul.tabs li.current a:hover, #entertainment-search ul.tabs li.current a:active { color: #666; } /* END M-028 Entertainment Search */ /* M-029 Gallery Photos More */ #gallery-photos-more { background: #EDF0F3; border-color: #999; } #gallery-photos-more h3 { color: #8E181B; } #gallery-photos-more li.current img{ border-color: #fc6; } #gallery-photos-more p a { color: #003D58; } /* END M-029 Gallery Photos More */ /* M-030 Photo Gallery Slideshow */ #gallery-slideshow { background: #EDF0F3; border-color: #999; } #gallery-slideshow #gallery-slideshow-nav .image-number { color: #666; } #gallery-slideshow #gallery-slideshow-nav ul { color: #003D58; } #gallery-slideshow #photo-information p.caption { color: #666; } #gallery-slideshow #photo-information p.credit { color: #999; } /* END M-030 Photo Gallery Slideshow */ /* M-031 Photo Tools */ #gallery-photo-tools { border-color: #999; } #gallery-photo-tools li { background: url(/Baltimore/images/bullet-photo-tools.gif); } #gallery-photo-tools-search { background: #EDF0F3; border-top-color: #999; } #gallery-photo-tools .sponsor-logo-box { border-top-color: #999; } #gallery-photo-tools .sponsor-logo-box p { color: #666; } /* END M-031 Photo Tools */ /* M-033 Gallery Top Photos */ #gallery-top-photos { background: #EDF0F3; border-color: #999; } #gallery-top-photos div.item p { color: #666; } #gallery-top-photos p.view-all a { color: #003D58; } #gallery-top-photos ul.tabs li a:link, #gallery-top-photos ul.tabs li a:visited { color: #fff; } #gallery-top-photos ul.tabs li a:hover, #gallery-top-photos ul.tabs li a:active { color: #003D58; } #gallery-top-photos ul.tabs li.current a:link, #gallery-top-photos ul.tabs li.current a:visited, #gallery-top-photos ul.tabs li.current a:hover, #gallery-top-photos ul.tabs li.current a:active { color: #666; } /* END M-033 Gallery Top Photos */ /* M-034 Real Estate Features */ div.module-box.real-estate-features { /* "div" needed here for previously-set style to be overridden in IE. */ border: none; } .module-box.real-estate-features h4 a { color: #003D58; } .module-box.real-estate-features p { color: #333; } .module-box.real-estate-features ul li a { background: url(/Baltimore/images/bullet-gallery-generic.gif); color: #003D58; } /* END M-034 Real Estate Features */ /* M-036 Columnists */ #module-columnists { border-color: #999; } #module-columnists h4 { color: #8E181B; } #module-columnists div.columnist-container h5 a { color: #003D58; } #module-columnists div.columnist-container p { color: #333; } #module-columnists div.columnist-container p.date { color: #999; } /* END M-036 Columnists */ /* M-037 Features */ #module-features { border-color: #999; } #module-features h4 { color: #8E181B; } #module-features div h5 a { color: #003D58; } #module-features div p { color: #333; } /* END M-037 Features */ /* M-038 Scores */ #module-scores-and-schedule { background: #EDF0F3; border-color: #999; } #module-scores-and-schedule h4 { color: #8E181B; } #module-scores-and-schedule div.section div { /* IE7 doesn't include the bottom margin in this rule. As a fix, the ie-7.css conditional stylesheet adds 8px of bottom-padding to #module-scores-and-schedule div.section. */ background: #fff; border-color: #999; } #module-scores-and-schedule dt { color: #333; } #module-scores-and-schedule dd { color: #333; } #module-scores-and-schedule p.class { color: #999; } #module-scores-and-schedule ul.tabs li a:link, #module-scores-and-schedule ul.tabs li a:visited { color: #fff; } #module-scores-and-schedule ul.tabs li a:hover, #module-scores-and-schedule ul.tabs li a:active { color: #003D58; } #module-scores-and-schedule ul.tabs li.current a:link, #module-scores-and-schedule ul.tabs li.current a:visited, #module-scores-and-schedule ul.tabs li.current a:hover, #module-scores-and-schedule ul.tabs li.current a:active { color: #666; } /* END M-038 Scores */ /* M-039 School Search */ #module-school-search { border-color: #999; } #module-school-search h4 { color: #8E181B; } #module-school-search label { color: #8E181B; } #module-school-search li a { background: url(/Baltimore/images/bullet-school-search.gif); color: #003D58; } /* END M-039 School Search */ /* M-040 Honor Roll */ #module-honor-roll { border-color: #999; } #module-honor-roll h4 { color: #8E181B; } #module-honor-roll h5 { color: #666; } #module-honor-roll dt a { color: #003D58; } #module-honor-roll dd { color: #666; } #module-honor-roll li { border-right-color: #a3a3a3; } #module-honor-roll li a { color: #003D58; } #module-honor-roll p.more a { color: #003D58; } /* END M-040 Honor Roll */ /* M-041 Real Estate Search */ #realestate-search h3 { color: #666; } #realestate-search label, #realestate-search legend { color: #8E181B; } /* M-041 sub-module: quick-search */ #realestate-search div.quick-search { background: #EDF0F3; border-color: #999; } #realestate-search fieldset.search-type { border-bottom-color: #688C9D; } #realestate-search fieldset.search-type label { color: #333; } #realestate-search fieldset.details { border-bottom-color: #688C9D; } #realestate-search div.quick-search fieldset.price-range label { color: #999; } /* END M-041 sub-module: quick-search */ /* M-041 sub-module: new-construction-and-open-house-searches */ #realestate-search div.new-construction-and-open-house-searches { background: #EDF0F3; border-color: #999; } #realestate-search div.new-construction-search form.builder { border-bottom-color: #688C9D; } #realestate-search div.new-construction-search p { /* The "or" between searches. */ background: #EDF0F3; color: #8E181B; } #realestate-search div.open-house-search { border-left-color: #688C9D; } #realestate-search div.open-house-search fieldset.price-range label { color: #999; } /* END M-041 sub-module: new-construction-and-open-house-searches */ /* M-041 sub-module: other-searches */ #realestate-search div.other-searches { background: #EDF0F3; border-color: #999; } #realestate-search div.other-searches ul { border-left-color: #688C9D; } #realestate-search div.other-searches li { background: url(/Baltimore/images/bullet-article-tools-1.gif); } /* END M-041 sub-module: other-searches */ #realestate-search div.sponsored-by { background: #dfdfd8; border-color: #999; border-top: none; } #realestate-search ul.tabs li a:link, #realestate-search ul.tabs li a:visited { color: #fff; } #realestate-search ul.tabs li a:hover, #realestate-search ul.tabs li a:active { color: #003D58; } #realestate-search ul.tabs li.current a:link, #realestate-search ul.tabs li.current a:visited, #realestate-search ul.tabs li.current a:hover, #realestate-search ul.tabs li.current a:active { color: #666; } /* END M-041 Real Estate Search */ /* M-042 Video with Playlist */ /* This module uses some IE-specific styles which are in ie.css. */ #module-video-with-playlist p.add-to-playlist { background: url(/Baltimore/images/arrow-video-playlist.gif); color: #8E181B; } #module-video-with-playlist form { background: #E9E9E9; border-color: #ccc; } #module-video-with-playlist li { border-bottom-color: #fff; } #module-video-with-playlist li label { color: #003D58; } /* END M-042 Video with Playlist */ /* M-043 Real Estate Tools */ #realestate-tools { border: none; } #realestate-tools div.tool-container h4 { color: #000; } #realestate-tools div.tool-container div.content-left { border-right-color: #80adb2; } /* END M-043 Real Estate Tools */ /* M-044 Sell Your Property (example of .module-box) */ .module-box.sell-your-property h4 { border-bottom-color: #c96; color: #c96; } .module-box.sell-your-property p { color: #333; } .module-box.sell-your-property p a:link, .module-box.sell-your-property p a:visited, .module-box.sell-your-property p a:hover, .module-box.sell-your-property p a:active { color: #003D58; } /* END M-044 Sell Your Property */ /* M-046 Search Results */ #search-results { background: #EDF0F3; border-color: #999; } #search-results p.search-terms { color: #666; } #search-results p.search-terms span.term { color: #8E181B; } #search-results ul.pagination li.current { color: #8E181B; } #search-results ul.results-type li { background: url(/Baltimore/images/bar-darkgray-1x11.gif); } #search-results ul.results-type li.current { color: #8E181B; } #search-results ul.results-type li.last { background: none; } #search-results div.sort-by { border-top-color: #ccc; color: #666; } #search-results div.sort-by li.current { color: #8E181B; } #search-results ul.results-list li { background: #fff; } #search-results ul.results-list li.even { background: #E9E9E9; } #search-results ul.results-list div.item-number { color: #003D58; } #search-results ul.results-list dt { color: #003D58; } #search-results ul.results-list dl.article dt a { background: url(/Baltimore/images/icon-article.gif); } #search-results ul.results-list span.byline { color: #666; } #search-results ul.results-list dd.date, #search-results ul.results-list dd.section { color: #333; } #search-results ul.results-list dd.excerpt li { background: transparent url(/Baltimore/images/bullet-lightblue-4x4.gif); } #search-results ul.results-list dd.excerpt span.term { color: #8E181B; } /* NOTE: An example an alternate icon follows (the image does not currently exist. The class of the
sets which icon appears and could be used to set other styles based on search result type. The
was chosen for ease of implementation, since it did not have an existing class.*/ /* #search-results ul.results-list dl.video dt a { background: url(/Baltimore/images/icon-video.gif) no-repeat left 1px; padding-left: 14px; } */ /* END M-046 Search Results */ /* M-048 Scores Module List */ .module-list { background-position: top right; background-repeat: no-repeat; border-color: #999; } .module-list.scores { background-image: url(/Baltimore/images/module-list-bg-scores.jpg); } .module-list.schedules { background-image: url(/Baltimore/images/module-list-bg-schedules.jpg); } .module-list.tickets { background-image: url(/Baltimore/images/module-list-bg-tickets.jpg); } .module-list ul li a { color: #003D58; } /* END M-048 Scores Module List */ /* Mezzanine Module */ #module-mezzanine h3 { border-bottom-color: #999; color: #8E181B; } #module-mezzanine p { color: #333; } #module-mezzanine a.photo img { display: block; } /* END Mezzanine Module */ /** END Modules ------------------------------- */ /* Tabs ----------------------------------------------- */ /* The container of ul.tabs should not have any padding -- abs. positioning is affected by padding in IE. Borders also affect positioning, but this is less significant because borders tend to be only one pixel. The extra pixel is eliminated by using conditional styles for IE6 and below (ie-lte6.css). */ ul.tabs { border-left-color: #999; } ul.tabs li { border-top-color: #999; } ul.tabs li a { background: #68869d url(/Baltimore/images/tabs-bg.gif) repeat-y 0px 0px; border-color: #999; } ul.tabs li.current a { background: #ffffff; border-bottom-color: #ffffff; } /** END Tabs ---------------------------------- */ /* Generic Box ----------------------------------------------- */ .module-box { border-color: #688C9D; } .module-box h3 { background: #688C9D; color: #fff; } .module-box.highlight { border-color: #ccc; } .module-box.highlight h3 { background: #ccc; color: #000; } /** END Generic Box --------------------------- */ /* Ads ----------------------------------------------- */ div.ad.google-wide { background: #fff; } /** END Ads ----------------------------------- */ /* Video ----------------------------------------------- */ #article div.rail #video { border-top-color: #999; } /** END Video --------------------------------- */ /* Breadcrumbs ----------------------------------------------- */ #breadcrumb { background: #fff; } #breadcrumb, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { color: #003D58; } /** Breadcrumbs ------------------------------- */ /* Feeds ----------------------------------------------- */ #feed a { background: url(/Baltimore/images/feed-icon-12x12.gif); } /** Feed -------------------------------------- */ /* Misc: Classes (for use anywhere) ----------------------------------------------- */ a.multimedia-item-type { /* For "Photos" and "Video" anchors. The extra specificity in the selector allows these rules to override cascading styles. */ background: #003d58; color: #fff !important; /* Used to override inherited anchor color. */ } /** END Misc --------------------------------- */ /* END MANIFEST CODE ******************************************/ #navigation .ad { background: url(/Baltimore/images/navigation-border-double.gif); } /* Embeded Graffiti Board */ .graffiti-board { border-color: #999; } .graffiti-board p.topic { color: #333; } .graffiti-board div.response { background: #EDF0F3; border-color: #ccc; } .graffiti-board p.username, .graffiti-board p.date { color: #666; } .graffiti-board h4 { color: #8E181B; } .graffiti-board a:link, .graffiti-board a:visited, .graffiti-board a:hover, .graffiti-board a:active { font-style: italic; text-decoration:underline; } .graffiti-board form { background: #EDF0F3; border-color: #ccc; } .graffiti-board label { color: #333; } /* END Embeded Graffiti Board */ /* Graffiti Board Page */ #page.graffiti h2 { color: #8E181B; } #graffiti-comments div.response { background: #EDF0F3; border-color: #ccc; } #graffiti-comments p.username, #graffiti-comments p.date { color: #666; } #graffiti-form form { background: #EDF0F3; border-color: #ccc; } #graffiti-form label { color: #333; } #graffit-form h4{ color: #8E181B; } /* END Graffiti Board Page */ /* Email Form */ .email-form { border-color: #999; } .email-form form { background: #EDF0F3; border-color: #ccc; } .email-form h3 { color: #666; } .email-form label { color: #333; } /* END Email Form */ /* Stock Module */ #module-stock { border-color: #999; } #module-stock form { background: #EDF0F3; border-color: #ccc; } #module-stock p.sponsor { border-bottom-color: #999; color: #999; } /* END Stock Module */ /* Photo Module */ #page.quiz #quiz-form ul ul { background: #EDF0F3; border-color: #ccc; } /* END Photo Module */ /* Columnists Index */ #columnist p.date { color: #990000; } #columnists h2 { color: #8E181B; } #columnists p.categories a { color: #003D58; } #columnists .category { border-color: black; background-color: #EDF0F3; } #columnists .category h3, #columnists .category h3 a { color: #8E181B; } #columnists .category .columnist h4, #columnists .category .columnist h4 a { color: #003D58; } #columnists .category .columnist p a { color: #003D58; } #columnists .category .columnist p.links a { color: #003D58; } /* END Columnists Index */ /* Hyperlocal Section Front */ #hyperlocal-tabs p.credit { color: #666; } #hyperlocal-tabs .gallery-photo #photo-title { color: #666; } /* END Hyperlocal Section Front */ /* Story Gallery */ #content.story-gallery #description { color:#666; } #content.story-gallery .story-item h3 { font-weight: bold; } /* END Story Gallery */ /* Special Package */ #content.special-package .story-item { border-color: #999; } #content.special-package .story-item h3{ border-bottom-color: #999; background-color: #688C9D; } #content.special-package #description { color: #666; } /* END Special Package */ /* quote-module */ #module-related-links .quote-module h4 { border-bottom-color: #999; } /* END quote-module */ /* Quigo ads */ .quigo-ad-top { background-color: #999; text-align: center; padding: 2px; } .quigo-ad { border: 1px solid #999; } /* end Quigo ads */ /* Top Jobs */ #navigation #top-jobs { background-color: #FFF; border: #000 solid 1px; } #navigation #top-jobs ul { background: none; } #navigation #top-jobs ul li { background: none; } #navigation #top-jobs a { color: #369; } #navigation #top-jobs ul li p.titleline { color: #F60; } /* END Top Jobs */ /* END Colors */ /* Fonts */ /* BEGIN MANIFEST CODE ******************************************/ /* Headings ----------------------------------------------- */ h2 { font-size: 189%; /* See headers on article page templates. */ font-weight: bold; } #heading h1 { padding: 5px 0px; font-size: 110%; font-weight: bold; } h4 { font-size: 122%; font-weight: bold; } /** END Text ---------------------------------- */ /* Header ----------------------------------------------- */ #header p.date { font-weight: bold; font-size: 85%; } #subheader #search label { font-size: 85%; font-weight: bold; } #subheader #search input { font-size: 85%; } #subheader #search span.google-enhanced { font-size: 77%; font-weight: normal; } #subheader #personalization { font-size: 85%; } /** END Header -------------------------------- */ /* Site Index ----------------------------------------------- */ #siteindex li a { font-size: 85%; font-weight: bold; } #siteindex li li a { font-size: 77%; } /** END Site Index ---------------------------- */ /* Footer ----------------------------------------------- */ #footer h4, #footer li { font-family: Verdana; font-size: 77%; } #footer h4 { font-weight: bold; } /** END Footer -------------------------------- */ /* Section Front ----------------------------------------------- */ #page.section-front #content h1 { font-size: 246%; font-weight: normal; } /** END Section Front ------------------------- */ /* Classified Front ----------------------------------------------- */ #page.classified #content p.description { font-size: 85%; font-style: italic; } /** END Classified Front ---------------------- */ /* Article - generic article styles ----------------------------------------------- */ #article dl.byline dt { font-size: 92%; } #article dl.byline dd { font-size: 85%; font-style: italic; } #article p.copyright { font-size: 92%; } #article p.copyright a { font-style: italic; } #article p.last-updated { font-size: 77%; font-style: italic; } #article p.published { font-size: 85%; font-style: italic; } #article div.photo-right p, #article div.photo-left p { font-size: 85%; font-style: italic; } #article ul.article-nav li { font-size: 92%; } #article ul.article-nav li.previous, #article ul.article-nav li.next { font-style: italic; } #article ul.article-nav li.unavailable a { color: #ccc; } /** END Article ------------------------------- */ /* Search Results ----------------------------------------------- */ #page.search-results #content h2 { font-size: 246%; font-style: italic; font-weight: normal; } #page.search-results #content a.search-help { font-style: italic; } /** END Search Results ------------------------ */ /* Gallery ----------------------------------------------- */ #page.gallery #gallery-content h2 { font-size: 246%; font-weight: normal; } /** END Gallery-------------------------------- */ /* Most Popular ----------------------------------------------- */ #page.most-popular h2 { font-size: 246%; font-style: italic; font-weight: bold; } /** END Most Popular -------------------------- */ /* Real Estate ----------------------------------------------- */ #page.real-estate #content h1 { font-size: 246%; font-style: normal; font-weight: normal; }#page.real-estate #real-estate-headlines h4 { font-size: 122%; } #page.real-estate #real-estate-headlines #top-item h4 { font-size: 107%; } /** END Real Estate --------------------------- */ /* Modules ----------------------------------------------- */ #module-lead-content-tabbed h2, #module-lead-content-tabbed h3 { /* Use an

if the page already has an

. */ font-size: 159%; font-weight: bold; } #module-lead-content-tabbed dl.byline { font-size: 85%; } #module-lead-content-tabbed p.lead { font-size: 92%; } #module-lead-content-tabbed li { font-size: 92%; font-weight: bold; } #module-lead-content-tabbed p.more { font-style: italic; } #module-lead-content-tabbed p.last-updated { font-size: 77%; } #module-lead-content-tabbed span.last-updated { font-size: 84%; /* Assuming 12px (92%) context and 10px (77%) desired font size, 77/92 = approx 84% */ } #module-lead-content-tabbed ul.tabs li { font-size: 92%; } /* M-001 Alternate Styles */ #module-lead-content-tabbed.alt h3 { font-size: 107%; font-weight: bold; } #module-lead-content-tabbed.alt p.caption { font-size: 85%; font-style: italic; } /* END M-001 Alternate Styles */ /* END M-001 Lead Content - Tabbed */ /* M-002 Secondary Content */ #module-secondary-content h2 { font-size: 122%; } #module-secondary-content li{ font-size: 92%; } #module-secondary-content li h3{ font-size: 100%; } #module-secondary-content li a:link, #module-secondary-content li a:visited, #module-secondary-content li a:hover, #module-secondary-content li a:active { font-weight: bold; } #module-secondary-content li span.minutes-ago { font-size: 85%; } #module-secondary-content li li { font-size: 100%; } #module-secondary-content li li a:link, #module-secondary-content li li a:visited, #module-secondary-content li li a:hover, #module-secondary-content li li a:active { font-weight: normal; } /* END M-002 Secondary Content */ /* M-004 Secondary Content Spotlight */ #module-secondary-content-spotlight h2 { font-size: 136%; font-style: italic; font-weight: normal; } #module-secondary-content-spotlight h4 { font-size: 92%; } #module-secondary-content-spotlight div.content p { font-size: 85%; } #module-secondary-content-spotlight div.links li { font-size: 92%; font-weight: bold; } /* END M-004 Secondary Content Spotlight */ /* M-006 Classifieds Search */ #module-classifieds label { font-size: 92%; } #module-classifieds input, #module-classifieds select { font-size: 85%; } #module-classifieds div.popular-links h5 { font-size: 85%; } #module-classifieds div.popular-links li { font-size: 92%; } #module-classifieds li a:link, #module-classifieds li a:visited, #module-classifieds li a:hover, #module-classifieds li a:active { font-style: italic; } #module-classifieds div.ad-options { font-size: 85%; } #module-classifieds div.ad-options li a:link, #module-classifieds div.ad-options li a:visited, #module-classifieds div.ad-options li a:hover, #module-classifieds div.ad-options li a:active { font-style: normal; } /* END M-006 Classified Search */ /* M-007 Popular Stories */ #module-popular-stories h4 { font-size: 122%; } #module-popular-stories li { font-size: 92%; } #module-popular-stories li a:link, #module-popular-stories li a:visited, #module-popular-stories li a:hover, #module-popular-stories li a:active { font-weight: bold; } #module-popular-stories ul.tabs li { font-size: 92%; } /* END M-007 Popular Stories */ /* M-009 Lead Content */ #module-lead-content h3 { font-size: 159%; font-weight: bold; } #module-lead-content dl.byline { font-size: 85%; } #module-lead-content p.last-updated { font-size: 77%; font-style: italic; } #module-lead-content li { font-weight: bold; } #module-lead-content li a { font-size: 92%; } /* END M-009 Lead Content */ /* M-011 Traffic */ #module-traffic h4 { font-size: 122%; } #module-traffic dt { font-size: 85%; } #module-traffic dd { font-size: 92%; } #module-traffic dd a { font-style: italic; } #module-traffic li a { font-size: 92%; font-weight: bold; } #module-traffic p { font-size: 92%; } #module-traffic p.more { font-style: italic; } #module-traffic div.sponsored-by p { font-size: 85%; font-style: italic; } /* END M-011 Traffic */ /* M-012 Weblinks */ #module-weblinks h4 { font-size: 122%; } #module-weblinks li { font-size: 92%; font-weight: bold; } #module-weblinks p.more { font-size: 92%; } #module-weblinks p.more a:link, #module-weblinks p.more a:visited, #module-weblinks p.more a:hover, #module-weblinks p.more a:active { font-style: italic; } #module-weblinks p.powered-by { font-size: 77%; } /* END M-012 Weblinks */ /* M-013 Announcements */ #module-announcements h4 { font-size: 122%; } #module-announcements dl.announcement-with-photo dt { font-size: 92%; font-weight: bold; } #module-announcements dl.announcement-with-photo dd.announcement p { font-size: 85%; } #module-announcements dl.announcement-with-photo dd.announcement p.more { font-size: 92%; } #module-announcements dl.announcement-with-photo dd.announcement p.more a { font-style: italic; } #module-announcements dl.announcement-no-photo dt { font-size: 92%; font-weight: bold; } #module-announcements dl.announcement-no-photo dd.announcement p { font-size: 85%; } #module-announcements dl.announcement-no-photo dd.announcement p.more { font-size: 92%; } #module-announcements dl.announcement-no-photo dd.announcement p.more a { font-style: italic; } #module-announcements p.view-all { font-size: 92%; } #module-announcements p.view-all a { font-style: italic; } /* END M-013 Announcements */ /* M-014 Community Blogs */ /* NOTE: this is similar to M-013 styles */ #module-community-blogs h4 { font-size: 122%; } #module-community-blogs dl.blog-with-photo dt { font-size: 92%; font-weight: bold; } #module-community-blogs dl.blog-with-photo dd.about p { font-size: 85%; } #module-community-blogs dl.blog-with-photo dd.about p.posted { font-size: 85%; } #module-community-blogs dl.blog-with-photo dd.about p.more { font-size: 92%; } #module-community-blogs dl.blog-with-photo dd.about p.more a { font-style: italic; } #module-community-blogs dl.blog-no-photo dt { font-size: 92%; font-weight: bold; } #module-community-blogs dl.blog-no-photo dd.about p { font-size: 85%; } #module-community-blogs dl.blog-no-photo dd.about p.posted { font-size: 85%; } #module-community-blogs dl.blog-no-photo dd.about p.more { font-size: 92%; } #module-community-blogs dl.blog-no-photo dd.about p.more a { font-style: italic; } #module-community-blogs p.view-all { font-size: 92%; } #module-community-blogs p.view-all a { font-style: italic; } /* END M-014 Community Blogs */ /* M-015 Contribute */ #module-contribute h4 { font-size: 122%; } #module-contribute li { font-size: 92%; } #module-contribute li a { font-style: italic; } /* END M-015 Contribute */ /* M-016 Events Directory */ #module-directory-events p.description { font-size: 92%; font-style: italic; } #module-directory-events li { font-size: 85%; } #module-directory-events li a { font-weight: bold; } #module-directory-events form p { font-size: 100%; } #module-directory-events label { font-size: 92%; } #module-directory-events input, #module-directory-events select { font-size: 85%; font-style: italic; } #module-directory-events input.button { font-style: normal; } /* END M-016 Events Directory */ /* M-017 Message Board */ #module-messageboard-promo h4 { font-size: 122%; } #module-messageboard-promo p.notice { font-size: 92%; font-style: italic; } #module-messageboard-promo p.comment { font-size: 92%; font-style: italic; font-weight: bold; } #module-messageboard-promo p.author { font-size: 85%; font-style: italic; } #module-messageboard-promo p.more { font-size: 92%; } #module-messageboard-promo p.more a { font-style: italic; } /* END M-017 Message Board */ /* M-018 Article Tools */ #module-article-tools { font-size: 85%; } #module-article-tools #list-box li { font-style: italic; } #module-article-tools #list-box li.text-size { font-style: normal; } #module-article-tools .sponsor-logo-box p { font-style: italic; } /* END M-018 Article Tools */ /* M-020 Related Links */ #module-related-links li { font-size: 92%; font-weight: bold; } #module-related-links a.more { font-style: italic; } /* END M-020 Related Links */ /* M-022 Other Stories */ #module-other-stories h4 { font-size: 122%; } #module-other-stories dt { font-size: 92%; font-style: italic; } #module-other-stories dd { font-size: 92%; font-weight: bold; } #module-other-stories p.more { font-size: 92%; } #module-other-stories p.more a { font-style: italic; } /* END M-022 Other Stories */ /* M-023 Talkback Promo */ #module-talkback-promo h4 { font-size: 122%; } #module-talkback-promo p.question { font-size: 92%; font-style: italic; } #module-talkback-promo p.indicator { font-size: 92%; } #module-talkback-promo p.comment { font-size: 92%; font-style: italic; font-weight: bold; } #module-talkback-promo p.author { font-size: 85%; font-style: italic; } #module-talkback-promo p.more { font-size: 92%; } #module-talkback-promo p.more a { font-style: italic; } #module-talkback-promo p.read-more { font-size: 92%; } #module-talkback-promo p.read-more a { font-style: italic; } #module-talkback-promo div.inner-box div.buttons input { font-size: 85%; } /* END M-023 Talkback Promo */ /* M-025 Classified Categories, Main */ #classified-categories-main h3 { font-size: 122%; font-weight: bold; } #classified-categories-main div.column h4 { font-size: 92%; font-weight: normal; } #classified-categories-main div.column li a { font-style: italic; font-weight: bold; } #classified-categories-main div.column div.buy-an-ad ul.more li { font-size: 85%; } #classified-categories-main div.column div.buy-an-ad ul.more li a { font-weight: normal; } #classified-categories-main div.column li { font-size: 92%; } #classified-categories-main p.more { font-size: 85%; } #classified-categories-main p.more a { font-style: italic; } /* END M-025 Classified Categories, Main */ /* M-026 More Classified Categories */ #classified-categories-more h3 { font-size: 122%; font-weight: bold; } #classified-categories-more #columns-container div h4 { font-size: 92%; font-weight: normal; } #classified-categories-more #columns-container div li { font-size: 92%; } #classified-categories-more #columns-container div li a { font-style: italic; font-weight: bold; } #classified-categories-more p.more { font-size: 85%; } #classified-categories-more p.more a { font-style: italic; } /* END M-026 More Classified Categories */ /* M-027 Most Popular */ #module-most-popular div.item-number { font-size: 92%; font-weight: bold; } #module-most-popular dt { font-size: 92%; } #module-most-popular dt a { font-weight: bold; } #module-most-popular dd { font-size: 85%; } #module-most-popular dd a { font-style: italic; } #module-most-popular ul.tabs li { font-size: 92%; } /* END M-027 Most Popular */ /* M-028 Entertainment Search */ #entertainment-search div.lead-content p { font-size: 85%; } #entertainment-search div.search-tool h4 { font-size: 107%; } #entertainment-search div.search-tool p { font-size: 92%; } #entertainment-search ul.tabs li { font-size: 92%; } /* END M-028 Entertainment Search */ /* M-029 Gallery Photos More */ #gallery-photos-more h3 { font-size: 136%; } #gallery-photos-more select { font-size: 85%; } #gallery-photos-more p { font-size: 92%; } #gallery-photos-more p a { font-style: italic; font-weight: bold; } /* END M-029 Gallery Photos More */ /* M-030 Photo Gallery Slideshow */ #gallery-slideshow #gallery-slideshow-nav { font-size: 92%; font-weight: bold; } #gallery-slideshow #gallery-slideshow-nav li { font-style: italic; } #gallery-slideshow #photo-information p.caption { font-size: 85%; } #gallery-slideshow #photo-information p.credit { font-size: 77%; } /* END M-030 Photo Gallery Slideshow */ /* M-031 Photo Tools */ #gallery-photo-tools li { font-size: 92%; font-style: italic; } #gallery-photo-tools-search h5 { font-size: 92%; } #gallery-photo-tools .sponsor-logo-box p { font-size: 77%; font-style: italic; } /* END M-031 Photo Tools */ /* M-033 Gallery Top Photos */ #gallery-top-photos div.item p { font-size: 85%; } #gallery-top-photos p.view-all { font-size: 92%; } #gallery-top-photos p.view-all a { font-style: italic; } #gallery-top-photos ul.tabs li { font-size: 92%; } /* END M-033 Gallery Top Photos */ /* M-034 Real Estate Features */ .module-box.real-estate-features h4 a { font-size: 107%; font-weight: bold; } .module-box.real-estate-features p { font-size: 92%; } .module-box.real-estate-features ul { font-size: 92%; } /* END M-034 Real Estate Features */ /* M-036 Columnists */ #module-columnists h4 { font-size: 122%; } #module-columnists div.columnist-container h5 { font-size: 92%; font-weight: bold; } #module-columnists div.columnist-container p { font-size: 85%; } /* END M-036 Columnists */ /* M-037 Features */ #module-features h4 { font-size: 122%; } #module-features div h5 { font-size: 92%; font-weight: bold; } #module-features div p { font-size: 85%; } /* END M-037 Features */ /* M-038 Scores */ #module-scores-and-schedule h4 { font-size: 100%; } #module-scores-and-schedule dt { font-size: 77%; font-weight: bold; } #module-scores-and-schedule dd { font-size: 77%; } #module-scores-and-schedule p.class { font-size: 77%; } #module-scores-and-schedule ul.tabs li { font-size: 92%; } /* END M-038 Scores */ /* M-039 School Search */ #module-school-search h4 { font-size: 122%; } #module-school-search label { font-size: 92%; } #module-school-search select { font-size: 85%; font-style: italic; } #module-school-search li a { font-size: 92%; font-style: italic; } /* END M-039 School Search */ /* M-040 Honor Roll */ #module-honor-roll h4 { font-size: 122%; } #module-honor-roll h5 { font-size: 92%; font-style: italic; font-weight: bold; } #module-honor-roll dt { font-size: 92%; } #module-honor-roll dt a { font-weight: bold; } #module-honor-roll dd { font-size: 92%; } #module-honor-roll li { font-size: 92%; } #module-honor-roll li a { font-weight: bold; } #module-honor-roll p.more { font-size: 92%; } #module-honor-roll p.more a { font-style: italic; } /* END M-040 Honor Roll */ /* M-041 Real Estate Search */ #realestate-search h3 { font-size: 92%; font-weight: bold; } #realestate-search label, #realestate-search legend { font-size: 92%; } #realestate-search input, #realestate-search select { font-size: 85%; } #realestate-search a { font-size: 85%; font-style: italic; } /* M-041 sub-module: quick-search */ #realestate-search fieldset.search-type label { font-size: 100%; } #realestate-search div.quick-search fieldset.price-range label { font-size: 85%; font-style: italic; } /* END M-041 sub-module: quick-search */ /* M-041 sub-module: new-construction-and-open-house-searches */ #realestate-search div.new-construction-search p { /* The "or" between searches. */ font-size: 92%; } #realestate-search div.open-house-search fieldset.price-range label { font-size: 85%; font-style: italic; } /* END M-041 sub-module: new-construction-and-open-house-searches */ #realestate-search ul.tabs li a { font-size: 92%; font-style: normal; font-weight: bold; } /* END M-041 Real Estate Search */ /* M-042 Video with Playlist */ /* This module uses some IE-specific styles which are in ie.css. */ #module-video-with-playlist p.add-to-playlist { font-size: 85%; font-style: italic; } #module-video-with-playlist li { font-size: 77%; } #module-video-with-playlist li label { font-weight: bold; } #module-video-with-playlist input.play-all { font-size: 77%; } #module-video-with-playlist input.play-checked { font-size: 77%; } /* END M-042 Video with Playlist */ /* M-043 Real Estate Tools */ #realestate-tools div.tool-container h4 { font-size: 107%; font-weight: bold; } #realestate-tools div.tool-container div.content-left p { font-size: 77%; } #realestate-tools div.tool-container div.content-right p { font-size: 77%; } #realestate-tools div.tool-container div.content-right p select#tool-find-mortgage-loan-purpose, #realestate-tools div.tool-container div.content-right p select#tool-find-mortgage-loan-type, #realestate-tools div.tool-container div.content-right p select#tool-find-mortgage-discount-range { font-weight: bold; } #realestate-tools div.tool-container div.content-right p input#tool-find-mortgage-loan-amount { font-weight: bold; } /* END M-043 Real Estate Tools */ /* M-044 Sell Your Property (example of .module-box) */ .module-box.sell-your-property h4 { font-size: 136%; font-style: italic; font-weight: bold; } .module-box.sell-your-property p { font-size: 107%; } .module-box.sell-your-property p a { font-style: italic; } /* END M-044 Sell Your Property */ /* M-046 Search Results */ #search-results p.search-terms { font-size: 92%; } #search-results ul.pagination li { font-size: 92%; } #search-results ul.pagination li.previous, #search-results ul.pagination li.next { font-style: italic; } #search-results ul.results-type li { font-size: 92%; font-style: italic; } #search-results ul.results-type li.current { font-style: normal; font-weight: bold; } #search-results div.sort-by { font-size: 92%; } #search-results div.sort-by li.current { font-style: normal; font-weight: bold; } #search-results ul.results-list div.item-number { font-size: 92%; font-weight: bold; } #search-results ul.results-list dt a { font-size: 92%; font-weight: bold; } #search-results ul.results-list dd { font-size: 92%; } #search-results ul.results-list span.byline { font-size: 85%; font-style: italic; } #search-results ul.results-list dd.excerpt li { font-style: italic; } #search-results ul.results-list dd.excerpt span.term { font-weight: bold; } /* NOTE: An example an alternate icon follows (the image does not currently exist. The class of the
sets which icon appears and could be used to set other styles based on search result type. The
was chosen for ease of implementation, since it did not have an existing class.*/ /* #search-results ul.results-list dl.video dt a { background: url(/Baltimore/images/icon-video.gif) no-repeat left 1px; padding-left: 14px; } */ /* END M-046 Search Results */ /* M-048 Scores Module List */ .module-list ul li a { font-size: 92%; font-style: italic; font-weight: bold; } /* END M-048 Scores Module List */ /* Mezzanine Module */ #module-mezzanine h3 { font-weight: bold; } #module-mezzanine a.more { font-style: italic; } #module-mezzanine.layout-c a { font-weight: bold; } /* END Mezzanine Module */ /*Register Done Content */ #register-done-content ul { padding: 5px; } /* END Register Done Content */ /** END Modules ------------------------------- */ /* Breaking News ----------------------------------------------- */ #module-breaking { border-top-color: #999; } /* For a version with border and padding, see the comments in this section starting with "With border". */ #breaking-news h2 { font-size: 122%; /* With border - uncomment the following line: */ /* margin: 0px 11px; */ } #breaking-news a.more { font-style: italic; } /** END Breaking News ------------------------- */ /* Generic Box ----------------------------------------------- */ .module-box h3 { font-size: 100%; font-weight: bold; } /** END Generic Box --------------------------- */ /* Breadcrumbs ----------------------------------------------- */ #breadcrumb { font-size: 85%; } /** Breadcrumbs ------------------------------- */ /* Feeds ----------------------------------------------- */ #feed a { font-size: 85%; } /** Feed -------------------------------------- */ /* Make us your homepage ----------------------------------------------- */ #add-as-homepage a { font-size: 85%; } /** Make us your homepage --------------------- */ /* Misc: Classes (for use anywhere) ----------------------------------------------- */ html body #page a.multimedia-item-type { font-size: 10px; /* Font size in pixels to avoid issues with nested percentages. */ font-weight: bold; } /** END Misc --------------------------------- */ /* END MANIFEST CODE ******************************************/ /* Article Resize */ p.xxsmall { font-size:70%; } p.xsmall { font-size:77%; } p.small { font-size:85%; } p.medium { font-size:100%; } p.large { font-size:114%; } p.xlarge { font-size:144%; } p.xxlarge { font-size:189%; } /* END Article Resize */ /* Embeded Graffiti Board */ .graffiti-board a:link, .graffiti-board a:visited, .graffiti-board a:hover, .graffiti-board a:active { font-style: italic; } /* END Embeded Graffiti Board */ /* Stock Module */ #module-stock label { font-style: italic; } #module-stock ul p { font-style: italic; } #module-stock li a { font-style: italic; } /* END Stock Module */ /* Columnists Index */ #columnists h2 { font-style: italic; font-weight: bold; } #columnists p.categories a { font-weight: bold; } #columnists .category h3, #columnists .category h3 a { font-style: italic; font-weight: bold; } #columnists .category .columnist h4, #columnists .category .columnist h4 a { font-weight: bold; } #columnists .category .columnist p a { font-weight: bold; } #columnists .category .columnist p.links a { font-weight: bold; } /* END Columnists Index */ /* Jobs */ #page.jobs #headline-rail h4{ font-size: 107%; } #page.jobs #headline-rail p{ font-size: 100%; } /* END Jobs */ /* Cars */ #page.cars #module-secondary-content h4{ font-size: 107%; } #page.cars #module-secondary-content p{ font-size: 100%; } /* END Cars */ /* quote-module */ #module-related-links .quote-module h4 { border-bottom-style: solid; border-bottom-width: 1px; } #module-related-links .quote-module p { font-style: italic; } /* END quote-module */ /* Quigo ads */ .quigo-ad { font-size: 77%; } /* end Quigo ads */ /* Top Jobs */ #navigation #top-jobs a { font-size: 100%; font-weight: normal; } #navigation #top-jobs ul li p { font-size: 85%; } /* END Top Jobs */ #subheader #subscription-button a#subsription-text { color: #ffffff; } #subheader #subscription-button a#subsription-text { font-size: 85%; } /* END Fonts */ /* Styles from fixed.css Common stylesheet across all pages */ /* Common stylesheet across all pages */ /* Headings ----------------------- */ h1#masthead { left: 0px; position: relative; top: 0px; } /** END Text ---------------------------------- */ /* Links ----------------------------------------------- */ /* Maintain the order below */ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline !important; } a:active { } /** END Text ---------------------------------- */ /* Page - main container ----------------------------------------------- */ #page { background-repeat: repeat-y; margin: 0px auto; /*position: relative;*/ width: 970px; } /** END Page ---------------------------------- */ #front-container { position: relative; } /* Header ----------------------------------------------- */ #header-container { width: 970px; } #header { background-repeat: repeat-x; height: 90px; } #header p.date, #header p.date-vendor { font-weight: bold !important; font-size: 85% !important; width: 225px !important; margin: 0px 10px !important; } #header.home { background-repeat: repeat-x; height: 90px; position: relative; } #header.home #masthead, #header.home #masthead img{ clear: both; } #header.home .ad { float: right; position: absolute; right: 10px; top: 10px; width: 120px; } #header.home h1 { display: inline; } #header.home #header-weather { display: inline; position: relative; bottom: 19px; } #header.home p.date { text-align: right; display: inline; } #header.home p.weather-icon { text-align: left; position: relative; top: 7px; display: inline; margin-right: 10px; } #header.home p.weather { text-align: left; display: inline; } #header.home p.wu-weather-icon { text-align: left; position: relative; top: 7px; display: inline; margin-right: 10px; } #header.home p.wu-weather { text-align: left; display: inline; } #subheader { background-repeat: repeat-x; height: 33px; } #subheader #search { background: transparent; display: inline; /* Fixes IE double-margin float bug */ float: left; position: relative; margin: 6px 0px 0px 20px; } #subheader #search label { vertical-align: middle; } #subheader #search input.radio { margin-left: 6px; } #subheader #search img.google-logo { position: absolute; right: -63px; top: 0px; } #subheader #personalization { display: inline; /* Fixes IE double-margin float bug */ float: right; margin: 9px 8px 0px 0px; } #subheader #personalization a { text-decoration: underline; } /** END Header -------------------------------- */ /* Navigation ----------------------------------------------- */ #navigation { clear: both; display: inline; /* Fixes IE double-margin float bug */ float: left; margin-right: 10px; width: 124px; } #navigation a, #navigation span { font-size: 85%; font-weight: bold; } #navigation ul { background-repeat: no-repeat; background-position: 0px bottom; } #navigation ul ul { background: none; } #navigation li { background-repeat: no-repeat; background-position: 0px bottom; line-height: 100%; padding: 0px 0px 9px 0px; } #navigation li li { background-repeat: no-repeat; background-position: 8px .5em; margin-left: 0px; padding: 0px 0px 0px 15px; } #navigation li.current { background-repeat: no-repeat; background-position: 0px bottom; margin-top: -1px; } #navigation li.classified.current { margin-top: 0px; } #navigation li a, #navigation li span { display: block; padding: 6px 0px 0px 7px; } #navigation li.current.current-section a, #navigation li.current.current-section span { padding-bottom: 0px; } #navigation li li a, #navigation li li span { display: inline; padding: 0px; font-weight: normal; } #navigation li.current a, #navigation li.current span { background-repeat: no-repeat; background-position: 0px top; padding-top: 8px; } #navigation li.current li a, #navigation li.current li span { padding-top: 0px; } #navigation li.current li.current-subsection { background-repeat:no-repeat; background-position: 9px .5em; padding-bottom: 0px; } #navigation li.classified li.current-subsection { background-repeat: no-repeat; background-position: 9px .5em; } #navigation li.current li.current-subsection li { background-repeat: no-repeat; background-position: 24px .5em; margin-left:-15px; padding-left:30px; } #navigation li.classified li.current-subsection li { background-repeat: no-repeat; background-position: 24px .5em; margin-left:-15px; padding-left:30px; } #navigation li.current li li.current-subsection { background-repeat: no-repeat; background-position: 24px .5em; margin-left:-15px; padding-left:30px; } #navigation li.classified { background-repeat: no-repeat; background-position: left bottom; } #navigation li.classified.current a, #navigation li.classified.current span{ background: none; } #navigation li.current.below-classified { margin-top: -3px; /* Covers up double-line border. Applied to any
  • that appears directly below the Classified section, which is always "open". */ } /** END Navigation ---------------------------- */ /* Content ----------------------------------------------- */ #content { display: inline; /* Fixes IE double-margin float bug */ float: left; margin-right: 10px; width: 526px; } #page.poll #content { width: 666px; } /** END Content ------------------------------- */ /* Most Popular ----------------------------------------------- */ #page.most-popular #content { padding-top: 13px; width: 356px; } #page.most-popular div.ad-160x600 { float: left; margin-right: 10px; margin-top: 73px; width: 160px; z-index: 9999; } #page.most-popular div.ad-160x600 img { margin-bottom: 10px; } #page.most-popular #promo-rail { margin-top: 73px; } /** END Most Popular -------------------------- */ /* Rails ----------------------------------------------- */ .rail { float: left; width: 300px; } .rail.medium { width: 160px; } .rail.narrow { width: 144px; } /** END Rails --------------------------------- */ /* Site Index ----------------------------------------------- */ #siteindex { border-top-width: 1px; border-top-style: solid; clear: both; } #siteindex h4 { margin: 3px 0px 1px 8px; } #siteindex ul { padding-bottom: 9px; } #siteindex ul ul { padding: 0px; } #siteindex li { display: inline; float: left; margin: 0px 0px 0px 10px; width: 130px; } #siteindex li.first { margin-left: 0px; } #siteindex li a { display: block; line-height: 14px; padding-left: 3px; } #siteindex li.first a { padding-left: 9px; } #siteindex li li { background-repeat: no-repeat; background-position: 3px 8px; display: list-item; float: none; margin: 0px; padding-left: 7px; width: auto; } #siteindex li.first li { background-position: 9px 8px; } #siteindex li li a { display: inline; line-height: normal; } /** END Site Index ---------------------------- */ /* Footer ----------------------------------------------- */ #footer { border-top-width: 1px; border-top-style: solid; clear: both; background-repeat: repeat-x; } #footer li { font-family: Verdana; line-height: normal; display: inline; } #footer .footer-partners { text-align: center; padding: 6px 0px; } #footer #footer-utility { border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: center; padding: 6px 0px; } /** END Footer -------------------------------- */ /* Main Front ----------------------------------------------- */ #page.main-front { background-repeat: repeat-y; } #page.main-front #content { background-repeat: no-repeat; } #page.main-front #promo-rail { margin-top: 45px; } #page.main-front #content .rail { background-repeat: no-repeat; background-position: right top; } #page.main-front #module-lead-content-tabbed { margin-top: 20px; } #page.main-front #heading h2 { margin-top: 20px; padding-bottom: 4px; } #page.main-front #module-classifieds, #page.main-front #module-poll { margin-top: 10px; } /** END Main Front ---------------------------- */ /* Section Front ----------------------------------------------- */ #page.section-front { background-repeat: repeat-y; } #page.section-front #content { padding-top: 13px; } #page.section-front #breaking-news { /* Padding covers up #page background (gray line), negative margin pulls the page content back up. */ margin-bottom: -18px; padding-bottom: 10px; } #page.section-front #promo-rail { margin-top: 30px; } #page.section-front #module-classifieds, #page.section-front #module-poll, #page.section-front #module-talkback-promo, #page.section-front #module-messageboard-promo { margin-top: 10px; } #page.section-front #content .rail { background-repeat: no-repeat; background-position: right top; } #page.section-front div.module-list { margin-top: 10px; } /** END Section Front ------------------------- */ /* Article - generic article styles ----------------------------------------------- */ #page.article { background-repeat: repeat-y; position: relative; } #page.article #content, #page.poll #content, #page.graffiti #content, #page.quiz #content, #page.email #content { padding-top: 14px; } #article { padding-top: 4px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #article ul li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 5px; padding-left: 11px; height: 1%; float: none; } #article h2 { line-height: 93%; margin-top: 6px; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; } #page.article #promo-rail, #page.poll #promo-rail, #page.graffiti #promo-rail, #page.email #promo-rail { margin-top: 7px; } #page.article #promo-rail div.ad-160x600 img { margin-top: 10px; } #article p.subhead { margin-top: 2px; margin-bottom: 10px; } #article dl.byline dd { margin-bottom: 10px; } #article p { margin: 1.25em 0px 1.25em 0px; } #article p.copyright { clear: left; text-align: center; } #article p.last-updated { border-bottom-width: 1px; border-bottom-style: solid; margin: 2px 0px 0px 0px; padding-bottom: 4px; text-align: right; } #article p.published { margin: 0px; margin-bottom: 10px } #article p.caption { width: 500px; margin-top: 1px; float: left; font-weight: bold; } #article p.credit { width: 500px; text-align: right; margin-bottom: 2px; } #article img.full-width { margin-bottom: 8px; float: left; margin-bottom: 2px; } #article ul.article-nav li { float: left; margin-right: 11px; background-image: none; padding: 0px; } #article ul.article-nav a:link, #article ul.article-nav a:visited, #article ul.article-nav a:active, #article ul.article-nav a:hover { text-decoration: underline; } #article ul.article-nav li.current a { text-decoration: none; } #article .rail { margin: 10px 0; } /** END Article ------------------------------- */ /* Search Results ----------------------------------------------- */ #page.search-results #content { padding-top: 13px; width: 666px; } #page.search-results #content h2 { float: left; width: 333px; } #page.search-results #content a.search-help { display: block; float: right; margin-top: 17px; text-align: right; width: 200px; } #page.search-results #promo-rail { margin-top: 52px; } #page.search-results #promo-rail div.ad-160x600 img { margin-bottom: 10px; } /** END Search Results ------------------------ */ /* Gallery ----------------------------------------------- */ #page.gallery { background-repeat: repeat-y; } #page.gallery #gallery-content h2 { width: 830px; } #page.gallery #gallery-content { display: inline; float: left; padding-top: 18px; margin-bottom: 10px; } #page.gallery #gallery-photos-more, #page.gallery #gallery-slideshow { display: inline; /* Fixes IE double-margin float bug */ float: left; margin-right: 8px; } #page.gallery #gallery-slideshow { margin-top: 0px; } #page.gallery #gallery-photos-more { margin-top: 0px; width: 163px; } #page.gallery #gallery-utility-rail { padding-top: 0px; } #page.gallery #module-related-links { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 6px 4px 10px 4px; } #page.gallery #module-related-links ul { margin-right: 0px; } #page.gallery #gallery-subcontent { clear: both; padding-top: 10px; } #page.gallery #module-ratings-and-comments { margin-bottom: 31px; } /** END Gallery-------------------------------- */ /* Breadcrumbs ----------------------------------------------- */ #breadcrumb { left: 134px; position: absolute; top: 123px; width: 526px; padding-top: 2px; padding-bottom: 3px; } #breadcrumb.front { top: 0px; clear: both; } /** Breadcrumbs ------------------------------- */ /* Real Estate ----------------------------------------------- */ #page.real-estate #content { padding-top: 13px; width: 430px; } #page.real-estate #promo-rail { margin: 30px 10px 0px 0px; width: 226px; } #page.real-estate div.rail.medium { float: left; margin-top: 14px; } #page.real-estate div.rail.medium img { margin-bottom: 10px; } #page.real-estate #module-video-with-playlist { margin-top: 7px; } #page.real-estate #realestate-tools { margin-top: 10px; } #page.real-estate div.module-box { margin-bottom: 10px; } #page.real-estate div.module-box.real-estate-features, #page.real-estate #realestate-tools.module-box { margin-bottom: 0px; } /** END Real Estate --------------------------- */ /* Feeds ----------------------------------------------- */ #feed { position: absolute; right: 0px; top: 0px; } #feed a { background: url(/Baltimore/images/icons/feed-icon-12x12.gif) no-repeat right center; padding-right: 15px; } /** Feed -------------------------------------- */ /* Make us your homepage ----------------------------------------------- */ #add-as-homepage { position: absolute; right: 0px; top: 15px; clear: both; } #add-as-homepage a.subscriber { margin-right: 15px; } /** Make us your homepage --------------------- */ /* Modules ----------------------------------------------- */ /* M-001 Lead Content - Tabbed */ /* This module is similar to M-009 -- style consolidation possible. */ #module-lead-content-tabbed { border-style: solid; border-width: 1px; min-height:245px; height:auto !important; height:245px; margin-top: 21px; margin-bottom: 25px; padding: 10px; position: relative; } #module-lead-content-tabbed .section-link { text-align: right; margin-top: 15px; } #module-lead-content-tabbed h2, #module-lead-content-tabbed h3 { line-height: 100%; } #module-lead-content-tabbed img.lead-photo { float: left; margin-right: 10px; display: block; position: relative; } #module-lead-content-tabbed img.lead-photo-right { float: right; margin-left: 10px; display: block; position: relative; } #module-lead-content-tabbed img.full-photo { text-align: center; margin: 0px auto; padding: 0px; display: block; position: relative; } #module-lead-content-tabbed hr { height: 1px; } #module-lead-content-tabbed dl.byline { font-size: 85%; margin-bottom: 5px; } #module-lead-content-tabbed dl.byline dt { display: inline; } #module-lead-content-tabbed dl.byline dd { background-repeat:no-repeat; background-position: left 2px; display: inline; padding-left: 4px; } #module-lead-content-tabbed ul.bulleted p.last-updated { display: inline; } #module-lead-content-tabbed p.last-updated, #module-lead-content-tabbed ul p.last-updated, #module-lead-content-tabbed p.caption { font-size: 10px; margin-top: 1px; font-weight: normal; } #module-lead-content-tabbed p.lead { font-size: 92%; line-height: 16px; display: inline; } #module-lead-content-tabbed ul { margin-top: 5px; } #module-lead-content-tabbed li { font-size: 92%; font-weight: bold; line-height: 14px; margin-bottom: 6px; } #module-lead-content-tabbed ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } #module-lead-content-tabbed ul.tabs li { font-size: 92%; } #module-lead-content-tabbed ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 5px; padding-left: 11px; height: 1%; float: none; } /* M-001 Alternate Styles */ #module-lead-content-tabbed .alt div.columns-container { background: url(/Baltimore/images/bar-medgray-1x11.gif) repeat-y 319px 0px; } #module-lead-content-tabbed .alt div.column-1 { float: left; width: 305px; } #module-lead-content-tabbed .alt div.column-2 { float: right; } #module-lead-content-tabbed .layout-a div.column-2, #module-lead-content-tabbed .layout-b div.column-2, #module-lead-content-tabbed .layout-d div.column-2, #module-lead-content-tabbed .layout-e div.column-2, #module-lead-content-tabbed .layout-f div.column-2 { width: 169px; } #module-lead-content-tabbed .alt div.column-2 .more-links-1 { width: 80px; float: left; padding-right: 5px; font-size: 85%; background: url(/Baltimore/images/bar-medgray-1x11.gif) repeat-y right; } #module-lead-content-tabbed .alt div.column-2 .more-links-2 { width: 80px; float: right; font-size: 85%; } #module-lead-content-tabbed .alt div.column-2 .more-links-1 ul.bulleted li, #module-lead-content-tabbed .alt div.column-2 .more-links-2 ul.bulleted li { margin-bottom: 5px; } /* END M-001 Alternate Styles */ /* M-001 Layout C */ #module-lead-content-tabbed .layout-c div.columns-container { background-position: 251px 0px; } #module-lead-content-tabbed .layout-c div.column-1, #module-lead-content-tabbed .layout-c div.column-2 { width: 235px; } /* END M-001 Lead Content - Tabbed */ /* M-002 Secondary Content */ #module-secondary-content { float: right; padding: 0px 0px 0px 12px; width: 213px; } #module-secondary-content div { margin-bottom: 25px; } #module-secondary-content div.last { margin: 0px; } #module-secondary-content h2 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 122%; line-height: 95%; margin: 0px; padding-bottom: 3px; font-weight:bold; } #module-secondary-content ul { margin-top: 8px; } #module-secondary-content li { font-size: 92%; line-height: 14px; margin-bottom: 11px; } #module-secondary-content li a:link, #module-secondary-content li a:visited, #module-secondary-content li a:hover, #module-secondary-content li a:active { font-weight: bold; } #module-secondary-content li span.minutes-ago { font-size: 85%; display: inline; } #module-secondary-content li img { margin-left: 4px; vertical-align: middle; } #module-secondary-content ul ul { margin-top: 8px; } #module-secondary-content li li { background-repeat: no-repeat; background-position: 0px 6px; font-size: 100%; margin: 0px; padding-left: 8px; line-height: normal; margin-bottom: -5px; } #module-secondary-content li li a:link, #module-secondary-content li li a:visited, #module-secondary-content li li a:hover, #module-secondary-content li li a:active { font-weight: normal; } /* END M-002 Secondary Content */ /* M-004 Secondary Content Spotlight */ #module-secondary-content-spotlight div.container { border-style: solid; border-width: 1px; padding: 10px; } #module-secondary-content-spotlight div.content { margin-bottom: 10px; } #module-secondary-content-spotlight h4 { margin-bottom: 4px; } #module-secondary-content-spotlight img.lead-photo { float: left; margin-right: 10px; display: block; position: relative; } #module-secondary-content-spotlight img.full-photo { text-align: center; margin: 0px auto; padding: 0px; display: block; position: relative; } #module-secondary-content-spotlight ul.bulleted p.last-updated { display: inline; } #module-secondary-content-spotlight p.last-updated, #module-secondary-content-spotlight ul p.last-updated, #module-secondary-content-spotlight .minutes-ago { margin-top: 1px; } #module-secondary-content-spotlight ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 2px; padding-left: 11px; } #module-secondary-content-spotlight div.content p, #module-secondary-content-spotlight div.content ul li { margin-bottom: 4px; } #module-secondary-content-spotlight div.links { clear: both; border-top-style: solid; border-top-width: 1px; padding-top: 3px; } /* END M-004 Secondary Content Spotlight */ /* M-007 Popular Stories */ #module-popular-stories { margin-bottom: 15px; } #module-popular-stories h3 { margin: 3px 0px; } #module-popular-stories #popular-tabs-container { position: relative; padding-top: 21px; } #module-popular-stories div.links-list { border-style: solid; border-width: 1px; } #module-popular-stories ul { margin: 11px 10px; } #module-popular-stories li { margin-bottom: 9px; } #module-popular-stories ul.tabs { left: 0px; margin: 0px; position: absolute; top: 0px; } /* END M-007 Popular Stories */ /* M-008 Poll Module */ .module-poll { border-style: solid; border-width: 1px; padding: 7px 5px 13px 5px; margin-bottom:15px; } .module-poll h4 { margin-bottom: 3px; } .module-poll p.question { margin-left: 11px; } .module-poll form, .module-poll div.answers { border-style: solid; border-width: 1px; margin: 10px 0px 10px 0px; padding: 5px; position: relative; } .module-poll label { display: block; line-height: 20px; } .module-poll span.radio { margin-right: 6px; } .module-poll input.vote { bottom: 7px; right: 7px; position: absolute; } .module-poll li { line-height: 17px; } .module-poll li a:link, .module-poll li a:visited, .module-poll li a:hover, .module-poll li a:active { text-decoration: underline; } .module-poll p.bar { width: 80%; margin-bottom:10px; } .module-poll div.ads p{ text-align: center; border-bottom-style: solid; border-bottom-width: 1px; } #page.poll #content { padding-top: 13px; } #page.poll .rail { float: right; } #page.poll .ad-rail{ float: right; width: 160px; } #page.poll .ad-rail .ad{ float: right; z-index: 9998; } /* END M-008 Poll Module */ /* M-009 Lead Content */ #module-lead-content { position: relative; border-style: solid; border-width: 1px; margin-bottom: 25px; padding: 10px; } #module-lead-content h2, #module-lead-content h3 { line-height: 100%; } #module-lead-content img.lead-photo { float: left; margin-right: 10px; display: block; /*position: relative;*/ } #module-lead-content img.lead-photo-right { float: right; margin-left: 10px; display: block; position: relative; } #module-lead-content img.full-photo { text-align: center; margin: 0px auto; padding: 0px; display: block; position: relative; } #module-lead-content hr { height: 1px; } #module-lead-content dl.byline { font-size: 85%; margin-bottom: 5px; } #module-lead-content dl.byline dt { display: inline; } #module-lead-content dl.byline dd { background-repeat:no-repeat; background-position: left 2px; display: inline; padding-left: 4px; } #module-lead-content ul.bulleted p.last-updated { display: inline; } #module-lead-content p.last-updated, #module-lead-content ul p.last-updated, #module-lead-content p.caption { font-size: 10px; margin-top: 1px; font-weight: normal; } #module-lead-content p.lead { font-size: 92%; line-height: 16px; display: inline; } #module-lead-content ul { margin-top: 5px; } #module-lead-content li { font-size: 92%; font-weight: bold; line-height: 14px; margin-bottom: 6px; } #module-lead-content ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } #module-lead-content ul.tabs li { font-size: 92%; } #module-lead-content ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 10px; padding-left: 11px; height: 1%; float: none; } /* M-001 Alternate Styles */ #module-lead-content .alt div.columns-container { background: url(/Baltimore/images/bar-medgray-1x11.gif) repeat-y 319px 0px; } #module-lead-content .alt div.column-1 { float: left; width: 305px; } #module-lead-content .alt div.column-2 { float: right; } #module-lead-content .layout-a div.column-2, #module-lead-content .layout-b div.column-2, #module-lead-content .layout-d div.column-2, #module-lead-content .layout-e div.column-2, #module-lead-content .layout-f div.column-2 { width: 169px; } #module-lead-content .alt div.column-2 .more-links-1 { width: 80px; float: left; padding-right: 5px; font-size: 85%; background: url(/Baltimore/images/bar-medgray-1x11.gif) repeat-y right; } #module-lead-content .alt div.column-2 .more-links-2 { width: 80px; float: right; font-size: 85%; } #module-lead-content .alt div.column-2 .more-links-1 ul.bulleted li, #module-lead-content .alt div.column-2 .more-links-2 ul.bulleted li { margin-bottom: 5px; } /* END M-001 Alternate Styles */ /* M-001 Layout C */ #module-lead-content .layout-c div.columns-container { background-position: 251px 0px; } #module-lead-content .layout-c div.column-1, #module-lead-content .layout-c div.column-2 { width: 235px; } /* END M-009 Lead Content */ /* M-010 Weather */ #module-weather { border-style: solid; border-width: 1px; margin-bottom: 15px; height: 300px; /* TEMPORARY */ } #module-weather div.main { padding: 8px 7px; } /* END M-010 Weather */ /* M-013 Announcements */ #module-announcements { border-bottom-style: solid; border-bottom-width: 1px; margin-right: 11px; padding-bottom: 11px; } #module-announcements h3 { margin-bottom: 2px; } #module-announcements dl.announcement-with-photo { height: 77px; margin-bottom: 11px; position: relative; } #module-announcements dl.announcement-with-photo dt { margin-left: 71px; } #module-announcements dl.announcement-with-photo dd.announcement p { line-height: 13px; margin-left: 71px; } #module-announcements dl.announcement-with-photo dd.photo { left: 0px; position: absolute; top: 3px; } #module-announcements dl.announcement-with-photo dd.announcement p.more { text-align: right; } #module-announcements dl.announcement-with-photo dd.announcement p.more a:link, #module-announcements dl.announcement-with-photo dd.announcement p.more a:visited, #module-announcements dl.announcement-with-photo dd.announcement p.more a:hover, #module-announcements dl.announcement-with-photo dd.announcement p.more a:active { text-decoration: underline; } #module-announcements dl.announcement-no-photo { height: 70px; margin: 0px; position: relative; } #module-announcements dl.announcement-no-photo dd.announcement p { line-height: 13px; } #module-announcements dl.announcement-no-photo dd.announcement p.more { text-align: right; } #module-announcements dl.announcement-no-photo dd.announcement p.more a:link, #module-announcements dl.announcement-no-photo dd.announcement p.more a:visited, #module-announcements dl.announcement-no-photo dd.announcement p.more a:hover, #module-announcements dl.announcement-no-photo dd.announcement p.more a:active { text-decoration: underline; } #module-announcements p.view-all { text-align: right; } #module-announcements p.view-all a:link, #module-announcements p.view-all a:visited, #module-announcements p.view-all a:hover, #module-announcements p.view-all a:active { text-decoration: underline; } /* END M-013 Announcements */ /* M-014 Community Blogs */ /* NOTE: this is similar to M-013 styles */ #module-community-blogs { border-bottom-style: solid; border-bottom-width: 1px; margin-right: 11px; padding-bottom: 11px; } #module-community-blogs h3 { font-size: 122%; margin-bottom: 2px; } #module-community-blogs dl.blog-with-photo { height: 77px; margin-bottom: 9px; position: relative; } #module-community-blogs dl.blog-with-photo dt { font-size: 92%; font-weight: bold; margin-left: 71px; } #module-community-blogs dl.blog-with-photo dd.about p { font-size: 85%; line-height: 13px; margin-left: 71px; } #module-community-blogs dl.blog-with-photo dd.about p.posted { font-size: 85%; line-height: 13px; margin-left: 71px; } #module-community-blogs dl.blog-with-photo dd.about p.more { font-size: 92%; text-align: right; } #module-community-blogs dl.blog-with-photo dd.about p.more a { font-style: italic; } #module-community-blogs dl.blog-with-photo dd.about p.more a:link, #module-community-blogs dl.blog-with-photo dd.about p.more a:visited, #module-community-blogs dl.blog-with-photo dd.about p.more a:hover, #module-community-blogs dl.blog-with-photo dd.about p.more a:active { text-decoration: underline; } #module-community-blogs dl.blog-with-photo dd.photo { left: 0px; position: absolute; top: 3px; } #module-community-blogs dl.blog-no-photo { height: 58px; margin: 0px; position: relative; } #module-community-blogs dl.blog-no-photo dt { font-size: 92%; font-weight: bold; } #module-community-blogs dl.blog-no-photo dd.about p { font-size: 85%; line-height: 13px; } #module-community-blogs dl.blog-no-photo dd.about p.posted { font-size: 85%; line-height: 13px; } #module-community-blogs dl.blog-no-photo dd.about p.more { font-size: 92%; text-align: right; } #module-community-blogs dl.blog-no-photo dd.about p.more a { font-style: italic; } #module-community-blogs dl.blog-no-photo dd.about p.more a:link, #module-community-blogs dl.blog-no-photo dd.about p.more a:visited, #module-community-blogs dl.blog-no-photo dd.about p.more a:hover, #module-community-blogs dl.blog-no-photo dd.about p.more a:active { text-decoration: underline; } #module-community-blogs p.view-all { font-size: 92%; text-align: right; } #module-community-blogs p.view-all a { font-style: italic; } #module-community-blogs p.view-all a:link, #module-community-blogs p.view-all a:visited, #module-community-blogs p.view-all a:hover, #module-community-blogs p.view-all a:active { text-decoration: underline; } /* END M-014 Community Blogs */ /* M-018 Article Tools */ #module-article-tools { border-style: solid; border-width: 1px; float: right; margin: 0px 0px 10px 10px; position: relative; width: 126px; } #module-article-tools #list-box { margin: 5px 5px 6px 8px; } #module-article-tools #list-box li { line-height: 16px; background-repeat:no-repeat; background-position: 1px 8px; padding: 0px 0px 0px 7px; margin-bottom: 0px; } #module-article-tools #list-box li.text-size { background-repeat:no-repeat; background-position: 1px 10px; } #module-article-tools #list-box a:link, #module-article-tools #list-box a:visited, #module-article-tools #list-box a:active, #module-article-tools #list-box a:hover { text-decoration: underline; } #module-article-tools #list-box li.text-size img { margin-left: 3px; display: inline; vertical-align: middle; } #module-article-tools .sponsor-logo-box { border-top-style: solid; border-top-width: 1px; padding: 3px; } #module-article-tools .sponsor-logo-box p { margin: 0px 0px 3px 0px; } /* END M-018 Article Tools */ /* M-020 Related Links */ #module-related-links { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; padding: 6px 0px 10px 0px; } #article #module-related-links { /* Provides gutter when Related Links is inside article. */ margin-right: 10px; } #module-related-links ul { margin-right: 30px; } #module-related-links li { margin: 8px 0px; background-image: none; padding: 0px; height: auto; } #article #module-related-links ul li{ margin: 8px 0px; background-image: none; padding: 0px; height: auto; } #module-related-links a.more { display: block; text-align: right; } #module-related-links a.more:link, #module-related-links a.more:visited, #module-related-links a.more:active, #module-related-links a.more:hover { text-decoration: underline; } /* END M-020 Related Links */ /* M-020.1 Recent Posts */ #module-recent-posts { border-top-style: solid; border-top-width: 1px; padding: 6px 0px 5px 0px; } #article #module-recent-posts { /* Provides gutter when Related Links is inside article. */ margin-right: 10px; } #module-recent-posts ul { margin-right: 30px; } #module-recent-posts li { margin: 8px 0px; } #module-recent-posts a.more { display: block; text-align: right; } #module-recent-posts a.more:link, #module-recent-posts a.more:visited, #module-recent-posts a.more:active, #module-recent-posts a.more:hover { text-decoration: underline; } /* END M-020.1 Recent Posts */ /* M-021 Ratings & Comments */ #module-ratings-and-comments { border-style: solid; border-width: 1px; padding: 0px 9px 18px 9px; position: relative; margin-bottom: 10px; clear: both; } #module-ratings-and-comments div.topix_postform table.inputTable th.headerText { margin: 6px 0; } /* #module-ratings-and-comments div.topix_postform { border-top-style: solid; border-top-width: 1px; margin-top: 9px; }*/ #module-ratings-and-comments div.topix_postform /*table.inputTable*/ { border-style: solid; border-width: 1px; margin-top: 0px; padding: 12px 15px 14px 5px; margin-top: 9px; } #module-ratings-and-comments td.fieldHeader { text-align: right; width: 54px; } #module-ratings-and-comments td.fieldContent { height: 113px; width: 415px; } #module-ratings-and-comments td.leftBorder.fieldContent{ height: 19px; width: 415px; } #module-ratings-and-comments table.captchaTable td.captchaText { height: auto; line-height: 190%; margin-bottom: 14px; margin-right: 0px; text-align: left; width: 215px; } #module-ratings-and-comments td.captchaText input { width: 155px; } #module-ratings-and-comments td.captchaText div input.submitButton { width: auto; } #module-ratings-and-comments td.captcha img { border-style: solid; border-width: 1px; } #module-ratings-and-comments .pick-rating-label { float:left; padding-top: .25em; } #module-ratings-and-comments .pick-rating{ float: right; } #module-ratings-and-comments div.ratings { right: 10px; top: 4px; width: 270px; margin-bottom: 10px; } #module-ratings-and-comments div.label { float:left; } #module-ratings-and-comments div.label, #module-ratings-and-comments #numberOfVotes { padding-top: .25em; } #module-ratings-and-comments div.rating-icons { float: left; margin-right: 5px; } #module-ratings-and-comments div.ratings p { line-height: 13px; margin-top: 9px; text-align: right; } #module-ratings-and-comments div.ratings p img { vertical-align: middle; } /* END M-021 Ratings & Comments */ /* M-025 Classified Categories, Main */ #classified-categories-main { background-repeat: repeat-y; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; margin-bottom: 15px; } #classified-categories-main h3 { margin: 3px 0px 0px 0px; } #classified-categories-main div.column { float: left; } #classified-categories-main div.column.first { width: 170px; } #classified-categories-main div.column.second { width: 176px; } #classified-categories-main div.column.third { width: 180px; } #classified-categories-main div.column div { background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; padding: 2px 0px 10px 10px; } #classified-categories-main div.column.first div { background-position: 56px top; } #classified-categories-main div.column.second div { background-position: 62px top; } #classified-categories-main div.column.third div { background-position: 66px top; } #classified-categories-main div.column div { min-height: 140px; } #classified-categories-main div.column div.bottom{ border-bottom-width: 0px; } #classified-categories-main div.column h4 { margin: 9px 0 0 0; } #classified-categories-main div.column div a.logo img { display: block; margin-left: auto; } #classified-categories-main div.column ul { margin: 10px 0px 0px 0px; } #classified-categories-main div.column div ul.special { margin: 0px; } #classified-categories-main div.column div ul.more { margin-top: 18px; } #classified-categories-main div.column div ul.more li { background-repeat: no-repeat; background-position: right 3px; float: left; line-height: normal; margin-right: 7px; padding: 0px 8px 0px 0px; } #classified-categories-main div.column div ul.more li.last { background: none; padding: 0px; margin: 0px; } #classified-categories-main div.column li { background-repeat: no-repeat; background-position: 1px 5px; line-height: 13px; padding-left: 11px; } #classified-categories-main p.more { margin: 0px 10px 0px 0px; text-align: right; } #classified-categories-main p.more a:link, #classified-categories-main p.more a:visited, #classified-categories-main p.more a:hover, #classified-categories-main p.more a:active { text-decoration: underline; } /* END M-025 Classified Categories, Main */ /* M-026 More Classified Categories */ #classified-categories-more { border-bottom-style: solid; border-bottom-width: 1px; } #classified-categories-more h3 { margin-bottom: 10px; } #classified-categories-more #columns-container { background-repeat: repeat-y; } #classified-categories-more #columns-container div.special { float: left; padding: 0px 0px 0px 10px; width: 160px; } #classified-categories-more #columns-container div.column.first { padding-left: 0px; width: 164px; } #classified-categories-more #columns-container div h4 { line-height: 14px; } #classified-categories-more #columns-container div ul { margin-bottom: 13px; } #classified-categories-more #columns-container div li { background-repeat: no-repeat; background-position: 1px 5px; line-height: 13px; margin: 0px; padding-left: 11px; } #classified-categories-more p.more { margin: 0px 12px 10px 0px; text-align: right; } #classified-categories-more p.more a:link, #classified-categories-more p.more a:visited, #classified-categories-more p.more a:hover, #classified-categories-more p.more a:active { text-decoration: underline; } /* END M-026 More Classified Categories */ /* M-027 Most Popular */ #module-most-popular { border-style: solid; border-width: 1px; margin-top: 21px; position: relative; } #module-most-popular ul { margin: 13px 6px; } #module-most-popular li { background-repeat: no-repeat; background-position: 182px 8px; padding: 7px 0px 8px 0px; position: relative; } #module-most-popular div.item-number { float: left; margin-top: 19px; text-align: right; width: 20px; } #module-most-popular dt { position: absolute; top: 26px; left: 25px; width: 152px; } #module-most-popular dd { clear: right; display: inline; float: right; margin: 0px 3px 0px 0px; width: 150px; } #module-most-popular dd a { text-decoration: underline; } #module-most-popular dd.date-and-section { clear: none; float: none; margin: 0px 0px 0px 5px; width: 140px; } #module-most-popular dd.date-and-section a { background-repeat: no-repeat; background-position: 3px 2px; padding-left: 9px; } #module-most-popular dd.email-this, #module-most-popular dd.rating { margin-bottom: 6px; } #module-most-popular dd.email-this a { background-repeat: no-repeat; background-position: 0 2px; padding-left: 25px; } #module-most-popular dd.rating img { vertical-align: middle; } #module-most-popular ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } #module-most-popular ul.tabs li { background: none; padding: 0px; position: static; } /* END M-027 Most Popular */ /* M-028 Entertainment Search */ #entertainment-search { border-style: solid; border-width: 1px; margin: 21px 0px 15px 0px; padding: 12px 0px; position: relative; } #entertainment-search div.lead-content { background-repeat: repeat-y; float: left; width: 232px; } #entertainment-search div.lead-content.left{ border-right: solid #999 1px; } #entertainment-search div.lead-content.right{ border-left: solid #999 1px; } #entertainment-search div.lead-content img { display: block; margin: 0px auto; } #entertainment-search div.lead-content h4 { margin: 7px 8px 0px 8px; } #entertainment-search div.lead-content p { margin: 7px 8px 0px 8px; } #entertainment-search div.search-tool { float: left; width: 282px; } #entertainment-search div.search-tool h4 { line-height: 100%; margin-bottom: 6px; margin-left: 10px } #entertainment-search div.search-tool p { margin-bottom: 10px; margin-left: 10px } #entertainment-search div.search-tool p label { float: left; line-height: 18px; text-align: right; width: 60px; } #entertainment-search div.search-tool p label.inline { display: inline; /* Fixes IE double-margin float bug */ margin-left: 5px; width: 45px; } #entertainment-search div.search-tool p input { display: inline; /* Fixes IE double-margin float bug */ float: left; margin-left: 5px; } #entertainment-search div.search-tool p input#entertainment-movie-search-zip-code { width: 59px; } #entertainment-search div.search-tool p select { display: inline; /* Fixes IE double-margin float bug */ float: left; margin-left: 4px; } #entertainment-search div.search-tool p select#entertainment-movie-search-radius { width: 87px; } #entertainment-search div.search-tool p select#entertainment-movie-search-movie-title, #entertainment-search div.search-tool p select#entertainment-movie-search-theater { width: 205px; } #entertainment-search div.search-tool p.submit-button { margin-bottom: 0px; margin-right: 0px; text-align: right; width: 270px; } #entertainment-search div.search-tool p.submit-button input#entertainment-movie-search-submit { display: inline; /* Fixes IE double-margin float bug */ float: none; height: 24px; width: 61px; } #entertainment-search ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } /* END M-028 Entertainment Search */ /* TOP STORY PHOTO */ #top-photo { display: block; margin: auto 0px; overflow: hidden; margin-bottom: 0px; } #top-photo #photo-information { padding: 0px 12px 0px 12px; } #top-photo #photo-information p.caption { margin: 5px 0px 2px 0px; } #top-photo #photo-information p.credit { text-align: right; margin-bottom: 2px; } /* END TOP STORY PHOTO */ /* M-029 Gallery Photos More */ #gallery-photos-more { border-style: solid; border-width: 1px; } #gallery-photos-more h3, #gallery-photos-more select, #gallery-photos-more p { margin-left: 5px; } #gallery-photos-more h3 { margin: 2px 0px 0px 5px; } #gallery-photos-more select { margin-top: 4px; width: 140px; } #gallery-photos-more ul { margin: 0px 0px 0px 6px; width: 150px; } #gallery-photos-more li { padding: 5px 0px 2px 5px; margin: 0px; margin-left: -5px; padding-left: -5px; } #gallery-photos-more li img{ margin: 0px auto; display:block; } #gallery-photos-more li.current img{ border-style: solid; border-width: 5px; } #gallery-photos-more p { margin: 0px 18px 4px 0px; text-align: right; } #gallery-photos-more a:link, #gallery-photos-more a:visited, #gallery-photos-more a:hover, #gallery-photos-more a:active { text-decoration: underline; } /* END M-029 Gallery Photos More */ /* M-030 Photo Gallery Slideshow */ #gallery-slideshow { border-style: solid; border-width: 1px; width: 509px; display: block; margin: auto 0px; overflow: hidden; } #gallery-slideshow #gallery-slideshow-nav { margin: 12px 13px 0px 11px; } #gallery-slideshow #gallery-slideshow-nav .image-number { float: left; line-height: 20px; } #gallery-slideshow #gallery-slideshow-nav ul { text-align: right; } #gallery-slideshow #gallery-slideshow-nav li { display: inline; float: left; line-height: 18px; margin-left: 18px; } #gallery-slideshow #gallery-slideshow-nav a:link, #gallery-slideshow #gallery-slideshow-nav a:visited, #gallery-slideshow #gallery-slideshow-nav a:active, #gallery-slideshow #gallery-slideshow-nav a:hover { text-decoration: underline; } #gallery-slideshow img.gallery-slideshow-photo { margin: 0px auto; display:block; } #gallery-slideshow #photo-information { padding: 0px 12px 12px 12px; } #gallery-slideshow #photo-information p.caption { margin-top: 5px; } #gallery-slideshow #photo-information p.credit { text-align: right; } /* END M-030 Photo Gallery Slideshow */ /* M-031 Photo Tools */ #gallery-photo-tools { border-width: 1px; border-style: solid; } #gallery-photo-tools #list-box { padding: 5px 5px 6px 8px; } #gallery-photo-tools #list-box ul { margin: 5px 0px 4px 0px; } #gallery-photo-tools #list-box a:link, #gallery-photo-tools #list-box a:visited, #gallery-photo-tools #list-box a:active, #gallery-photo-tools #list-box a:hover { text-decoration: underline; } #gallery-photo-tools li { line-height: 16px; background-repeat: no-repeat; background-position: 0px 7px; padding: 0px 0px 0px 7px; } #gallery-photo-tools-search { border-top-width: 1px; border-top-style: solid; padding: 4px 0px 9px 5px; } #gallery-photo-tools-ratings { padding: 4px 0px 9px 5px; } #gallery-photo-tools-search #gallery-photo-tools-search-field { width: 102px; } #gallery-photo-tools .sponsor-logo-box { border-top-style: solid; border-top-width: 1px; padding: 2px 7px 7px 7px; } #gallery-photo-tools .sponsor-logo-box p { margin: 0px 0px 3px 0px; } #gallery-photo-tools .sponsor-logo-box img { display: block; margin: 0 auto; } /* END M-031 Photo Tools */ /* M-033 Gallery Top Photos */ #gallery-top-photos { border-style: solid; border-width: 1px; margin-top: 21px; padding: 17px 0px 7px 26px; position: relative; } #gallery-top-photos div.item { display: inline; float: left; height: 175px; margin-bottom: 4px; margin-right: 26px; width: 140px; } #gallery-top-photos div.item img { display: block; } #gallery-top-photos div.item p { line-height: 118%; margin: 5px 0; } #gallery-top-photos p.view-all { clear: both; margin: 0px 26px 0px 24px; text-align: right; } #gallery-top-photos p.view-all a:link, #gallery-top-photos p.view-all a:visited, #gallery-top-photos p.view-all a:hover, #gallery-top-photos p.view-all a:active { text-decoration: underline; } #gallery-top-photos ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } /* END M-033 Gallery Top Photos */ /* M-034 Gallery Generic Module */ #module-generic h4 { margin: 1px 8px 0px 8px; } #module-generic h4 a:link, #module-generic h4 a:visited, #module-generic h4 a:hover, #module-generic h4 a:active { text-decoration: underline; } #module-generic p, #module-generic ul { margin: 0px 8px; } #module-generic p { line-height: 14px; } #module-generic ul { margin-top: 19px; } #module-generic ul li { line-height: 15px; } #module-generic ul li a { background-repeat: no-repeat; background-position: 5px 6px; color: #036; padding: 0px 0px 0px 20px; } #module-generic ul li a:link, #module-generic ul li a:visited, #module-generic ul li a:hover, #module-generic ul li a:active { text-decoration: underline; } /* END M-034 Gallery Generic Module */ /* M-046 Search Results */ #search-results { border-style: solid; border-width: 1px; clear: both; padding: 3px 8px 6px 8px; margin-bottom: 15px; } #search-results p.search-terms { float: left; margin-bottom: 8px; } #search-results h3.search-terms.search-name { clear: both; float: none; } #search-results p#did-you-mean { clear:both; margin-bottom: 8px; } #search-results ul.pagination { float: right; } #search-results ul.pagination li { float: left; margin-right: 10px; } #search-results ul.pagination a:link, #search-results ul.pagination a:visited, #search-results ul.pagination a:active, #search-results ul.pagination a:hover { text-decoration: underline; } #search-results ul.pagination li.next { margin-right: 0px; } #search-results ul.results-type { clear: both; margin-bottom: 7px; } #search-results ul.results-type li { background-repeat: no-repeat; background-position: right 2px; float: left; padding-right: 9px; margin-right: 8px; } #search-results ul.results-type li.last { background: none; } #search-results ul.results-type a:link, #search-results ul.results-type a:visited, #search-results ul.results-type a:active, #search-results ul.results-type a:hover { text-decoration: underline; } #search-results div.sort-by { border-top-style: solid; border-top-color: #ccc; padding: 3px 0px; } #search-results div.sort-by p { display: inline; /* Fixes IE double-margin float bug */ float: left; margin-left: 45px; width: 60px; } #search-results div.sort-by ul { float: left; } #search-results div.sort-by li { float: left; } #search-results div.sort-by li#search-sort-by-relevance { width: 298px; } #search-results div.sort-by li#search-sort-by-date { text-align: center; width: 94px; } #search-results div.sort-by li#search-sort-by-section { text-align: center; width: 143px; } #search-results ul.results-list { clear: both; margin-bottom: 3px; } #search-results ul.results-list li { padding: 8px 8px 0px 8px; } #search-results ul.results-list div.item-number { float: left; margin-right: 5px; text-align: right; width: 23px; } #search-results ul.results-list dl { float: left; width: 604px; } #search-results ul.results-list dt { float: left; line-height: 100%; width: 367px; } #search-results ul.results-list dl.article dt a { background-repeat: no-repeat; background-position: left 1px; padding-left: 14px; } #search-results ul.results-list span.byline { display: block; margin: 0px 0px 4px 14px; } #search-results ul.results-list dd.date, #search-results ul.results-list dd.section { float: left; text-align: center; } #search-results ul.results-list dd.date { width: 94px; } #search-results ul.results-list dd.section { width: 143px; } #search-results ul.results-list dd.excerpt { clear: both; margin-left: 14px; } #search-results ul.results-list dd.excerpt p { margin-bottom: 8px; } #search-results ul.results-list dd.excerpt img { float: left; margin: 0px 8px 10px 0px; } #search-results ul.results-list dd.excerpt ul { float: left; margin-bottom: 8px; } #search-results ul.results-list dd.excerpt li { background-repeat: no-repeat; background-position: 1px 4px; padding: 0px 0px 0px 11px; } /* NOTE: An example an alternate icon follows (the image does not currently exist. The class of the
    sets which icon appears and could be used to set other styles based on search result type. The
    was chosen for ease of implementation, since it did not have an existing class.*/ /* #search-results ul.results-list dl.video dt a { background: url(../images/icon-video.gif) no-repeat left 1px; padding-left: 14px; } */ /* END M-046 Search Results */ /* Mezzanine Module */ #module-mezzanine { margin-bottom: 25px; } #module-mezzanine div.item { float: left; } #module-mezzanine h3 { border-bottom: 1px solid; font-size: 122%; margin-bottom: 5px; } #module-mezzanine h4 { font-size: 92%; } #module-mezzanine p { font-size: 92%; } #module-mezzanine a.more { font-style: italic; } #module-mezzanine a.mezz-photo img { display: block; } /* Mezzanine Layout A */ #module-mezzanine.layout-a { padding-left: 11px; } #module-mezzanine.layout-a div.item { width: 242px; } #module-mezzanine.layout-a div.item.first { margin-right: 20px; } #module-mezzanine.layout-a a.mezz-photo { float: right; margin-left: 3px; } /* Mezzanine Layout B */ #module-mezzanine.layout-b h3 { margin: 0px 11px 5px 11px; } #module-mezzanine.layout-b h4, #module-mezzanine.layout-b p { margin: 0px 11px; } #module-mezzanine.layout-b a.mezz-photo { float: left; margin: 0px 11px 0px 11px; } /* Mezzanine Layout C */ #module-mezzanine.layout-c div.item { display: inline; /* Fixes IE double-margin float bug */ margin-left: 33px; width: 140px; } #module-mezzanine.layout-c div.item.first { margin-left: 20px; } #module-mezzanine.layout-c a.mezz-photo { display: block; } /* END Mezzanine Module */ /** END Modules ------------------------------- */ /** Breaking News Module (1 - 4 items : 826 layout*/ #module-breaking { margin-top: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; } #module-breaking div.item { float: left; margin-right: 10px; } #module-breaking h4 { font-size: 92%; } #module-breaking p { font-size: 92%; } #module-breaking a.breaking-photo img { float: left; margin: 0px 3px 0px 3px; } /* Breaking News ----------------------------------------------- */ #breaking-news { float: left; padding-top: 21px; width: 836px; } #breaking-news h2, #breaking-news h2 a { font-size: 24px; width: 610px; } #breaking-news img { float: left; padding-right: 10px; } #breaking-news #related-items { margin-left: 20px; margin-top: 3px; } #breaking-news ul.bulleted li, #breaking-news-500 ul.bulleted li { font-size: 85%; font-weight: bold; display: inline; background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 10px; padding-left: 11px; } #breaking-news p.last-updated { font-size: 10px; font-style: italic; } #breaking-news img.full-photo { text-align: center; margin: 0px auto; padding: 0px; display: block; position: relative; clear: both; } #breaking-news p.caption, #breaking-news-500 p.caption { font-size: 77%; margin-top: 1px; clear: both; } #breaking-news-500 { padding: 10px 0px; } #breaking-news-500 #main { float: left; width: 311px; background: url(/Baltimore/images/bar-medgray-1x11.gif) repeat-y right; } #breaking-news-500 #related { float: right; width: 205px; } #breaking-news-500 div.item { float: left; } #breaking-news-500 h3 { border-bottom: 1px solid; font-size: 122%; margin-bottom: 5px; } #breaking-news-500 h4 { font-size: 92%; } #breaking-news-500 p { font-size: 92%; } #breaking-news-500 a.more { font-style: italic; } #breaking-news-500 a.photo img { display: block; } /* Breaking News Layout A */ #breaking-news-500.layout-a { padding-left: 11px; } #breaking-news-500.layout-a div.item { width: 242px; } #breaking-news-500.layout-a div.item.first { margin-right: 20px; } #breaking-news-500.layout-a a.photo { float: right; margin-left: 3px; } /* Breaking News Layout B */ #breaking-news-500.layout-b h3 { margin: 0px 11px 5px 11px; } #breaking-news-500.layout-b h4, #breaking-news-500.layout-b p { margin: 0px 11px; } #breaking-news-500.layout-b a.photo { float: left; margin: 0px 11px; } /* Breaking News Layout C */ #breaking-news-500.layout-c div.item { display: inline; /* Fixes IE double-margin float bug */ margin-left: 33px; width: 140px; } #breaking-news-500.layout-c div.item.first { margin-left: 20px; } #breaking-news-500.layout-c a.photo { display: block; } /** END Breaking News ------------------------- */ /* Text Banner ----------------------------------------------- */ #text-banner { float: left; padding-top: 21px; width: 836px; } #text-banner img { float: left; padding-right: 10px; } /** END Text Banner ------------------------- */ /* Tabs ----------------------------------------------- */ ul.tabs { border-left-width: 1px; border-left-style: solid; height: 21px; } ul.tabs li { border-top-width: 1px; border-top-style: solid; float: left; } ul.tabs li a { border-style: solid; border-width: 0px 1px 1px 0px; display: block; line-height: 20px; padding: 0px 6px; } /** END Tabs ---------------------------------- */ /* Play Controls ----------------------------------------------- */ div.play-controls { position: absolute; right: -1px; top: -13px; } /** END Play Controls ------------------------- */ /* Ads ----------------------------------------------- */ #header .ad { float: right; position: absolute; right: 0px; top: 0px; width: 728px; z-index: 9999; } div.ad.google-wide { clear: both; margin-left: 135px; padding: 10px 0px 10px 0px; } /** END Ads ----------------------------------- */ /* Video ----------------------------------------------- */ #video { margin-bottom: 15px; } #video h4 { margin-bottom: 4px; } #article div.rail #video { border-top-style: solid; border-top-width: 1px; margin-right: 10px; padding: 0px 0px 10px 0px; } #article div.rail #video h4 { margin-bottom: 4px; } /** END Video --------------------------------- */ /* Misc: Classes (for use anywhere) ----------------------------------------------- */ a.multimedia-item-type { /* For "Photos" and "Video" anchors. The extra specificity in the selector allows these rules to override cascading styles. */ font-size: 10px; /* Font size in pixels to avoid issues with nested percentages. */ font-weight: bold; margin-left: 4px; padding: 0px 2px 1px 2px; } /* Misc: Temporary - For testing only *---------------------------------------------- */ /* BEGIN Clearfix: Allows clearing of floats without structural markup. More info: http://tinyurl.com/dh352 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Holly Hack targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* Holly Hack targets IE Win only \*/ /* END Clearfix */ .clear { clear: both; } /* Misc: Temporary - For testing only *---------------------------------------------- */ /* #navigation, #content, .rail { height: 300px; } #siteindex { height: 150px; } #footer { height: 50px; } */ p.placeholder { background: #ccc; height: 150px; width: 280px; } /** END Misc --------------------------------- */ /* END MANIFEST CODE ******************************************/ #navigation .ad { background-repeat: no-repeat; background-position: 0px bottom; padding: 20px 2px; z-index: 9997; margin: 0px auto; text-align: center; } /* Embeded Graffiti Board */ .graffiti-board { border-style: solid; border-width: 1px; padding: 7px 9px 13px 9px; margin-bottom: 15px; } .graffiti-board img { float: left; margin-right: 5px; } .graffiti-board p.topic { font-size: 92%; font-style: italic; margin-left: 11px; } .graffiti-board div.response { /* border-style: solid; border-width: 1px; */ margin: 11px 0px 10px 0px; padding: 5px; background-color: #FFF; } .graffiti-board div.preview { display: none; } .graffiti-board div.response p.lead { font-style: italic; } .graffiti-board p.comment { margin-bottom: 0px; } .graffiti-board p.username, .graffiti-board p.date { font-size: 77%; font-style: italic; text-align:right; } .graffiti-board h4 { font-size: 122%; margin-bottom: 3px; } .graffiti-board a:link, .graffiti-board a:visited, .graffiti-board a:hover, .graffiti-board a:active { font-style: italic; text-decoration:underline; } .graffiti-board p.instructions { font-size: 85%; } .graffiti-board form{ border-style: solid; border-width: 1px; margin: 11px 0px 10px 0px; padding: 5px; position: relative; } .graffiti-board form p { margin-bottom: 14px; } .graffiti-board label { display: block; float: left; font-size: 85%; height: 19px; margin-right: 4px; text-align: right; width: 54px; } .graffiti-board input#username, .graffiti-board textarea#comments { width: 205px; } .graffiti-board textarea#comments { height: 113px; } /* END Embeded Graffiti Board */ /* Graffiti Board Page */ #page.graffiti .topic{ font-size: 114%; font-style: italic; } #graffiti-comments div.response { margin: 11px 0px 10px 0px; padding: 5px; background-color: #FFF; } #graffiti-comments div.preview { display: none; } #graffiti-comments div.response p.lead { font-style: italic; } #graffiti-comments p.comment { margin-bottom: 0px; } #graffiti-comments p.username, #graffiti-comments p.date { font-size: 77%; font-style: italic; text-align:right; } #graffiti-form p.instructions { font-size: 85%; } #graffiti-form form{ border-style: solid; border-width: 1px; margin: 7px 0px 10px 0px; padding: 5px; position: relative; } #graffiti-form form p { margin-bottom: 14px; } #graffiti-form label { display: block; float: left; font-size: 85%; height: 19px; margin-right: 4px; text-align: right; width: 54px; } #graffiti-form input#username, #graffiti-form textarea#comments { width: 135px; } #graffiti-form textarea#comments { height: 113px; } #graffit-form h4{ font-size: 122%; } /* END Graffiti Board Page */ /* Email Form */ .email-form { border-style: solid; border-width: 1px; padding: 7px 9px 13px 9px; margin-bottom: 15px; } .email-form h3 { font-size: 122%; margin-bottom: 3px; font-weight:bold; } .email-form form{ border-style: solid; border-width: 1px; margin: 7px 0px 10px 0px; padding: 5px; position: relative; } .email-form form p { margin-bottom: 14px; } .email-form label { display: block; float: left; font-size: 85%; height: 19px; margin-right: 4px; text-align: right; width: 75px; } .email-form input.field{ width: 135px; } .email-form textarea { width: 180px; height: 100px; } .email-form .buttons { float: right; } #page.email h3 { margin-bottom: 5px; } #page.email #brief{ margin-bottom: 5px; } #page.email #byline { font-weight: bold; } #page.email .tip { display: block; margin-left: 80px; font-size: 85%; } #page.email #date{ font-style: italic; margin-bottom: 5px; color: #666; } #page.email .email-form input.field{ width: 300px; } #page.email .email-form textarea { width: 300px; height: 100px; } /* END Email Form */ /* Stock Module */ #module-stock { border-style: solid; border-width: 1px; padding: 7px 9px 13px 9px; margin-bottom: 15px; } #module-stock h4 { font-size: 122%; } #module-stock #content { float: left; width: 137px; padding: 0px; margin: 0px; } #module-stock form { border-style: solid; border-width: 1px; padding: 6px 3px 6px 4px; margin-bottom: 7px; } #module-stock label { font-size: 92%; } #module-stock input { display: inline; font-size: 92%; } #module-stock input.button { display: inline; } #module-stock img { float: right; } #module-stock li { font-size: 92%; line-height: 17px; } #module-stock li a:link, #module-stock li a:visited, #module-stock li a:hover, #module-stock li a:active { text-decoration: underline; } #module-stock p.sponsor { text-align: center; font-size: 77%; border-bottom-style: solid; border-bottom-width: 1px; clear: both; } /* END Stock Module */ /* Photo Module */ #photo { margin: 0px auto; } #photo #gallery-slideshow { border-style: solid; border-width: 1px; display: inline; margin: 0px 0px 10px 10px; overflow: hidden; float: left; } #photo #gallery-slideshow img.gallery-slideshow-photo { margin: 5px auto; display:block; text-align: center; } #photo .rail { margin-left: 10px; width: 220px; float: left; } #photo #module-related-links { border-top: none; margin-bottom: 10px; } #photo #photo-footer { background: none; clear: both; border-top-style: solid; border-top-width: 1px; border-top-color: #999; padding-top:5px; } /* END Photo Module */ /* Photo Module */ #page.quiz .rail { margin-top: 7px; } #page.quiz #quiz-form ul ul { border-style: solid; border-width: 1px; padding: 7px 9px 7px 9px; margin-bottom: 15px; } #page.quiz #quiz-form ul ul li{ padding-bottom: 0px; } /* END Photo Module */ /* Columnists Index */ #columnists { clear: both; } #columnists h2 { font-size: 246%; } #columnists h3 { margin-bottom: 10px; } #columnists p.categories { font-size: 85%; margin-bottom: 10px; } #columnists .category { clear: both; margin-bottom: 20px; border: 1px solid; padding: 10px; } #columnists .category h3, #columnists .category h3 a { font-size: 122%; padding-bottom: 5px; } #columnists .category .columnist { clear: both; margin-bottom: 10px; } #columnists .category .columnist h4, #columnists .category .columnist h4 a { font-size: 107%; } #columnists .category .columnist p { font-size: 92%; } #columnists .category .columnist img { float: left; margin-right: 10px; } #columnists .category .columnist p.links { font-size: 85%; } /* END Columnists Index */ .misc-ad { margin-bottom: 15px; z-index: 9998; } /* Hyperlocal Section Front */ #hyperlocal-tabs { position: relative; } #hyperlocal-tabs .gallery-photo { float: right; } #hyperlocal-tabs p { margin-right: 10px; } #hyperlocal-tabs p.credit { font-size: 77%; } #hyperlocal-tabs #photo-navigation { position: absolute; bottom: 0px; left: 0px; } #hyperlocal-tabs .gallery-photo #photo-title { text-align: center; display: block; } #hyperlocal-widget { margin-bottom: 5px; } /* END Hyperlocal Section Front */ /* Directory Events */ #module-directory-events ul { float: left; margin: 0px 5px 0px 0px; border-style: solid; border-width: 1px; width: 90px; } #module-directory-events { margin-bottom: 10px; border-style: solid; border-width: 1px; padding:5px; } #module-directory-events #directory-tabs { float: right; min-height: 175px; height: auto; width: 190px } /* END Directory Events */ /* Story Gallery */ #content.story-gallery #special { margin: 0px auto; margin-bottom: 10px; display: block; } #content.story-gallery .multimedia { margin: 0px auto; display: block; } #content.story-gallery #description { color:#666; margin-bottom: 10px; } #content.story-gallery .story-item { margin-bottom: 10px; } #content.story-gallery .story-item .thumbnail{ margin-right: 5px; float: left; } #content.story-gallery .story-item h3 { font-weight: bold; } /* END Story Gallery */ /* Special Package */ #content.special-package .story-item { margin-bottom: 10px; } #content.special-package .story-item .contents{ padding: 10px; border-style: none; } #content.special-package .story-item h3{ border-bottom-style: solid; border-bottom-width: 1px; padding: 2px; } #content.special-package .story-item .thumbnail{ margin-right: 10px; margin-bottom: 10px; } #content.special-package .story-item p.more{ text-align: right; } #content.special-package #description { margin-bottom: 10px; } #navigation .ad.special { padding: 5px 2px 5px 2px; z-index: 9997; } /* END Special Package */ #page.gallery .copyright { clear: both; text-align: center; } /* Registration */ #registration { width: 836px; _width: 830px; float: right; margin: 20px 0px; background-color: #FFF; } #registration h1, #registration h2 { font-size: 150%; font-weight: bold; color: black; } #registration #heading { margin-bottom: 15px; } #registration #loginbox { float: right; width: 350px; border-left: 1px solid gray; padding-left: 25px; } #registration #loginbox input { margin-bottom: 5px; } #registration #loginbox label { width: 65px; display: block; float: left; margin-top: 3px; } #registration p.note { font-size: 77%; } #registration #loginbox p { margin: 0px 0px 5px 0px; } #registration h3 { font-size: 122%; color: black; } #registration #benefits { float: left; width: 430px; } #registration #benefits p { margin-bottom: 5px; } #registration ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 10px; padding-left: 15px; margin-left: 15px; margin-top: 10px; } #registration #errors { margin-bottom: 15px; color: red; } #registration #errors p.larger { font-size: 122%; } #registration #password-recovery { width: 300px; } #registration #password-recovery input { margin-bottom: 5px; } #registration #password-recovery label { width: 150px; display: block; float: left; margin-top: 3px; } #registration #create-profile h4 { margin-bottom: 0px; margin-top: 10px; } #registration #create-profile #mynews h4 { margin-bottom: 0px; margin-top: 0px; font-size: 100%; } #registration #create-profile #mynews tr, #registration #create-profile #mynews td { margin: 0px; padding: 0px; } #registration #create-profile #info { width: 561px; _width: 555px; float: left; } #registration #create-profile #newsletters { width: 275px; float: right; } #registration #create-profile a.why { font-size: 77%; } #registration #create-profile td.type { width: 170px; } #registration #create-profile td { padding: 0px 10px 5px 0px; } #registration #unregister, #registration #activation { width: 400px; } #registration #unregister input, #registration #activation input { margin-bottom: 5px; } #registration #unregister label, #registration #activation label { width: 100px; display: block; float: left; margin-top: 3px; } /* END Registration */ /* Columnist */ #columnist img.photo { float: left; margin: 0px 10px 10px 0px; } #columnist p.caption { font-size: 77%; } #columnist p.date { font-size: 77%; font-style: italic; margin-top: 1px; } #columnist h3.title { margin-bottom: 10px; } #columnist h3 { font-size: 136%; font-weight: bold; } #columnist h5 { font-size: 100%; font-weight: bold; } #columnist ul.recent-columns { margin-top: 15px; } #columnist ul.recent-columns li { font-size: 85%; margin-bottom: 10px; } /* END Columnist */ /* Jobs */ #content.jobs #jobs-search { margin-bottom: 15px; } #content.jobs #headline-rail { float: left; width: 258px; } #content.jobs #headline-rail div{ margin-bottom: 10px; } #content.jobs #headline-rail .thumbnail{ float: left; margin: 0px 5px 0px 0px; } #content.jobs #utility-rail { float: left; width: 258px; margin-left: 10px; } /* END Jobs */ /* Cars */ #page.cars #cars-search { margin-bottom: 15px; } #page.cars #module-secondary-content div{ margin-bottom: 10px; } /* END Cars */ /* quote-module */ #module-related-links .quote-module h4 { border-bottom-style: solid; border-bottom-width: 1px; } #module-related-links .quote-module p { padding: 0px 10px; margin-top: 5px; } /* END quote-module */ /* Travel Front */ #module-travel-front { margin-bottom: 10px; } #module-travel-front h4{ margin-bottom: 5px; } #module-travel-front #destinations { float: left; width: 280px; padding: 0px 10px 10px 10px; } #module-travel-front #destinations li { padding-bottom: 5px; } #module-travel-front #city-guide { float: left; width: 206px; padding: 0px 10px 10px 10px; } #module-travel-front #city-guide li { padding-bottom: 5px; } #module-travel-front #links { clear: both; text-align: center; } #module-travel-front #links span.travel-link { margin: 0px 10px; } #module-travel-front ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; padding-left: 10px; } /* END Travel Front */ /* Weather */ #wu-tropical-weather .column-1 { width: 250; float: left; } #wu-tropical-weather .column-2 { width: 250; float: right; } table.wu_regions { margin-top: 3px; border: 1px solid gray; width: 300px; } td.wu_wthrsmall, th.wu_wthrsmall { padding: 3px 10px; } th.wu_wthrsmall { font-weight: bold; } .wu_blacklink, .wu_blacklink a, .wu_blackcaps, .wu_10pointtext, .wu_w11pointtext, .wu_w12pointtext, .wu_w13pointtext, .wu_w10pointtext-bold, .wu_w11pointtext-bold, .wu_w12pointtext-bold, .wu_w13pointtext-bold, .wu_11pointtextverdana, .wu_13pointredverdana, .wu_25pointtext, .wu_5dayforecastdaytext, .wu_regionbox, .wu_topboder { color: #000; } .wu_blacklink a:visited, .wu_blacklink a:hover { color: #666; } .wu_blacklink a, .wu_blacklink a:visited, .wu_blacklink a:hover, .wu_blackcaps, .wu_w25pointtext, .wu_w5dayforecastdaytext, .wu_w10pointtext-bold, .wu_w11pointtext-bold, .wu_w12pointtext-bold, .wu_w13pointtext-bold { font-weight: bold; } .wu_w5dayforecastdaytext { text-align: center; } .wu_w10pointtext, wu_w10pointtext-bold { font-size: 10px; } .wu_blackcaps, .wu_w5dayforecastdaytext, .wu_w11pointtext, wu_w11pointtext-bold,wu_w11pointredverdana { font-size: 11px; } .wu_w12pointtext, wu_w12pointtext-bold { font-size: 12px; } .wu_w13pointtext, wu_w13pointtext-bold, wu_w13pointredverdana { font-size: 13px; } .wu_w25pointtext { font-size: 25px; } .wu_w5dayforecastdaytext { padding: 3px; display: block; margin: 5px 0 2px 0; width: 100%; } span.wu_w13pointredverdana { font-weight: bold; font-size: 14px; } table.wu_marine { border: 1px solid gray; width: 213px; margin-top: 3px; margin-bottom: 5px; } table.wu_marine td { padding: 3px 10px; } tr.wu_w2ptpadding .w12pointtext { font-size: 11px; } table.wu_almanac td { padding: 3px 10px; } table.wu_almanacinner td { padding: 0px; } table.wu_almanacinner { margin-top: 3px; } table.wu_almanac { border: 1px solid gray; width: 213px; } /* END Weather */ /* Search */ #sponsored-links { clear:both; } #sponsored-links h4 { margin-bottom: 10px; } .sponsored-link { margin-bottom: 10px; } .sponsored-link a, .sponsored-link span.title { font-weight: bold; } #search-google-ads { clear: both; } #search-google-ads h4 { font-size: 100%; font-weight: bold; margin-bottom: 5px; } #search-google-ads .google-ad { margin-bottom: 5px; background-color: #EEE; padding: 5px; } #search-google-ads .google-ad .url a { color: #666; } /* END Search */ /* Advanced Search */ #page.advanced-search #content { width: 666px; } #advanced-search-form { padding: 10px; } #advanced-search-form p { margin-bottom: 10px; } #advanced-search-form label { font-weight: bold; } #advanced-search-form #date { margin-bottom: 10px; } #advanced-search-form #date ul li span { font-weight: bold; } /* END Advanced Search */ /* MyNews */ #content.mynews .section { margin-bottom: 15px; } #content.mynews ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; padding-left: 11px; } /* END MyNews */ /* Realestate */ #headline-collection #top-item { margin-bottom: 5px; } #headline-collection #module-secondary-content-spotlight ul.bulleted { margin-left: 10px; } #headline-collection #module-secondary-content-spotlight ul.bulleted li { display: list-item; } /* Top Jobs */ #navigation #top-jobs { margin-top: 10px; } #navigation #top-jobs ul li { padding: 0px; margin: 0px 0px 5px 5px; } #navigation #top-jobs a { padding: 0px; margin: 0px; } /* END Top Jobs */ /* UGC Message Board Promo Module */ .module-ugc-promo { border-style: solid; border-width: 1px; padding: 8px; margin-bottom:15px; } .module-ugc-promo h4 { margin-bottom: 3px; } .module-ugc-promo img { float: left; padding-right: 4px; } .module-ugc-promo div.content { border-top-style: solid; border-top-width: 1px; margin-top: 5px; } .module-ugc-promo div.entry { padding-top: 10px; } .module-ugc-promo div.link { margin-top: 10px; text-align: right; } /* End UGC Promo Module */ /* Print Edition */ .printedition-thumbnail { display: block; width: 140px; height: 270px; } /* END Print Edition */ /* Windoid */ #windoid { margin: 20px 30px; background-color: #FFF; } #windoid h1, #windoid h2 { font-size: 150%; font-weight: bold; color: black; } #windoid #heading { margin-bottom: 15px; } #windoid #description { margin-bottom: 15px; } #windoid #description img { float: left; margin-right: 10px; margin-bottom: 10px; } #windoid #loginbox { float: right; width: 350px; border-left: 1px solid gray; padding-left: 25px; } #windoid #loginbox input { margin-bottom: 5px; } #windoid #loginbox label { width: 65px; display: block; float: left; margin-top: 3px; } #windoid p.note { font-size: 10px; } #windoid #loginbox p { margin: 0px 0px 5px 0px; } #windoid h3 { font-size: 122%; color: black; } #windoid #benefits { float: left; width: 430px; } #windoid #benefits p { margin-bottom: 5px; } #windoid ul.bulleted li { background: transparent url(/Baltimore/images/bullet-4x3.gif) no-repeat left 5px; margin-bottom: 10px; padding-left: 15px; margin-left: 15px; margin-top: 10px; } #windoid #errors { margin-bottom: 15px; color: red; } #windoid #errors p.larger { font-size: 122%; } #windoid #verify { width: 250px; margin-bottom: 15px; } #windoid #verify.screenname { width: 300px; } #windoid #verify.upload { width: 400px; } #windoid #verify input { margin-bottom: 5px; } #windoid #verify label { width: 100px; display: block; float: left; margin-top: 3px; } #windoid #create-profile h4 { margin-bottom: 5px; } #windoid #create-profile #info { width: 561px; _width: 555px; float: left; } #windoid #create-profile #newsletters { width: 275px; float: right; } #windoid #create-profile a.why { font-size: 77%; } #windoid #create-profile td.type { width: 170px; } #windoid #create-profile td { padding: 0px 10px 5px 0px; } #windoid #footing { margin-top: 15px; } /* END Windoid */ /* M-021.5 UGC Ratings & Comments */ #module-ratings-and-comments #ugc-comment-form h4 { margin: 8px 0px 6px 0px; } #module-ratings-and-comments #ugc-comment-form div.comment-form h5 { font-size: 92%; margin: 6px 0; } #module-ratings-and-comments #ugc-comment-form p.read-all-comments a { color: #036; font-size: 85%; font-weight: bold; } #module-ratings-and-comments #comment-group { border-top: solid 1px #ccc; margin-top: 9px; } #module-ratings-and-comments #ugc-comment-form div.comment-form { width: 290px; float: left; } #module-ratings-and-comments #ugc-comment-form p.standard { color: #333; font-size: 92%; margin: 6px 0; } #module-ratings-and-comments #ugc-comment-form form { background: #fafaf2; border: solid 1px #ccc; margin-top: 0px; padding: 12px 15px 14px 5px; } #module-ratings-and-comments #commentDisplay { float: left; margin-left: 10px; width: 200px; } #module-ratings-and-comments #ugc-comment-form form p { margin-bottom: 14px; } #module-ratings-and-comments #ugc-comment-form label { color: #333; display: block; float: left; font-size: 85%; height: 19px; margin-right: 4px; text-align: right; width: 54px; } #module-ratings-and-comments #ugc-comment-form input#post-comment-author, #module-ratings-and-comments #ugc-comment-form textarea#post-comment-text { width: 250
    px; } #module-ratings-and-comments #ugc-comment-form textarea#post-comment-text { height: 113px; } #module-ratings-and-comments #ugc-comment-form div.validate { margin: -8px 0px 0px 58px; width: 120px; } #module-ratings-and-comments #ugc-comment-form div.validate label { display: inline; float: left; height: auto; line-height: 190%; margin-bottom: 14px; margin-right: 0px; text-align: left; width: 120px; } #module-ratings-and-comments #ugc-comment-form div.validate input { width: 120px; } #module-ratings-and-comments #ugc-comment-form div.validate input.button { width: auto; } #module-ratings-and-comments #commentDisplay h5{ margin: 6px 0px 2px 0px; } #module-ratings-and-comments .user-comment { margin-bottom: 10px; overflow: hidden; } #module-ratings-and-comments .user-comment .user{ float: right; font-size: 85%; color: #666; } #module-ratings-and-comments #commentDisplay p.comment-nav { float: right; } /* END M-021.5 UGC Ratings & Comments */ /* Sub-Header Subscription */ #subheader #subscription-button { float: right; display: inline; position: relative; } #subheader #subscription-button a#subsription-text { position: relative; top: -12px; } #subheader #subscription-button a#subsription-text-noimage { position: relative; top: 8px; margin-right: 5px; } #subheader #subscription-button img { position: relative; top: 0px; margin-right: 5px; } /* END Sub-Header Subscription */ #form-errors { color: #F00; font-weight: bold; margin-top: 5px; } #brochure-lead-content { margin-bottom: 25px; margin-top: 25px; } h2.image-header img{ margin-top: 5px; } .rail-ad-top { text-align: center; padding: 2px; text-decoration: underline; } /* Multimedia Gallery */ #multimedia-gallery-content { } #multimedia-gallery-content #module-most-popular { border-style: solid; border-width: 1px; margin-top: 21px; position: relative; } #multimedia-gallery-content #module-most-popular ul { margin: 13px 6px; } #multimedia-gallery-content #module-most-popular li { background-repeat: no-repeat; background-position: 182px 8px; padding: 7px 0px 8px 0px; position: relative; } #multimedia-gallery-content #module-most-popular div.item-number { float: left; margin-top: 5px; margin-right: 5px; text-align: right; } #multimedia-gallery-content #module-most-popular div.description { float: left; margin-top: 5px; width: 152px; } #multimedia-gallery-content #module-most-popular div.description .brief { margin-top: 5px; } #multimedia-gallery-content #module-most-popular dd { clear: right; display: inline; float: right; margin: 0px 3px 0px 0px; width: 150px; } #multimedia-gallery-content #module-most-popular dd a { text-decoration: underline; } #multimedia-gallery-content #module-most-popular dd.date-and-section { clear: none; float: none; margin: 0px 0px 0px 5px; width: 140px; } #multimedia-gallery-content #module-most-popular dd.date-and-section a { background-repeat: no-repeat; background-position: 3px 2px; padding-left: 9px; } #multimedia-gallery-content #module-most-popular dd.email-this, #multimedia-gallery-content #module-most-popular dd.rating { margin-bottom: 6px; } #multimedia-gallery-content #module-most-popular dd.email-this a { background-repeat: no-repeat; background-position: 0 2px; padding-left: 25px; } #multimedia-gallery-content #module-most-popular dd.rating img { vertical-align: middle; } #multimedia-gallery-content #module-most-popular ul.tabs { left: -1px; margin: 0px; position: absolute; top: -22px; } #multimedia-gallery-content #module-most-popular ul.tabs li { background: none; padding: 0px; position: static; } /* END M-027 Most Popular */ /* Skysraper ad */ .skyscraper-ad { float: right; z-index: 9998; margin-bottom: 15px; } .hidden { display: none; } /* END Skysraper ad */ /* SA */ #header.sa { height: 161px; position: relative; } #header.sa #loginbox { position: absolute; top: 79px; right: 80px; font-size: 85%; } #header.sa #loginbox a { text-decoration: underline; } #content.sa-styles { margin-top: 20px; } #content.sa-styles #promo { margin-bottom: 20px; } #content.sa-styles .sa-item { margin-bottom: 15px; } #content.sa-styles #sa-rail-left { float: left; width: 250px; } #content.sa-styles #sa-rail-right { float: right; width: 250px; } #content.sa-styles h3 { font-size: 17px; font-weight: bold; line-height: 100%; } #content.sa-styles img.lead-photo { float: left; margin-right: 10px; display: block; } /* END SA */ #content-horoscopes-utility-rail { width: 526px; float: left; }