/* COLORS =========================================== main blue: #0073ae hyperlink blue: #0e81bc darker blue: #136189 main green: #9ca92d hyperlink green: #99aa29 beige (bg): #f4f2ec grey 1: #212121 grey 2: #2b2f33 grey 3: #353535 grey 4: #3d3d3d grey 5: #55544d */ /* FONTS =========================================== */ @font-face { font-family: 'Myriad Bold Condensed'; src: url('./faces/myriadpro-boldcond-webfont.eot'); src: local('☺'), url('./faces/myriadpro-boldcond-webfont.woff') format('woff'), url('./faces/myriadpro-boldcond-webfont.ttf') format('truetype'), url('./faces/myriadpro-boldcond-webfont.svg#webfontYmIYYIkS') format('svg'); font-weight: normal; font-style: normal; } /* GENERAL TYPOGRAPHY =========================================== */ body { color: #3d3d3d; font-family: Georgia, Times, serif; } p { color: #55544d; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; } .post p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 15px; } .post p.subnote { font-style: italic; color: #777575; } .footerContainer p { color: #fff; font-family: Helvetica, Arial, sans-serif; margin: 0 0 21px 0; line-height: 15px; font-size: 11px; } .footerContainer#footerColumn2 p { line-height: 18px; margin-bottom: 15px; } .footerContainer#aboutEAI p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; text-transform: none; } .post .aboutAuthor p { color: #777575; font-size: 12px; line-height: 17px; margin-bottom: 10px; } #afterPost #submitComment p { margin-bottom: 5px; } #slideshowHolder ul#slides li.item .slideshowContent p { font-family: Georgia, Times, serif; font-size: 14px; line-height: 22px; } #slideshowHolder ul#slides li.item .slideshowContent .slideshowAuthor .authorMeta p { line-height: 15px; } #infoTabs ul#tabs li.active div.tab_content p { font-size: 12px; line-height: 19px; color: #212121; margin-bottom: 12px; } .sidebarContainer#newsletterForm p { font-family: Georgia, Times, serif; font-style: italic; font-size: 11px; margin-bottom: 5px; } .sidebarContainer#featuredSponsor p { font-family: Georgia, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 5px; } h1, .post h1 { color: #99aa29; font-style: italic; font-size: 23px; line-height: 26px; margin-bottom: 20px; } h1.bottom10 { margin-bottom: 10px; } #infoTabs ul#tabs li.active div.tab_content h1 { font-size: 25px; line-height: 28px; } .tab_content h1 { font-size: 24px; font-weight: normal; } h2 { color: #55544d; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 20px; } .post h2 { margin-bottom: 12px; clear: both; } .post .related h2 { color: #212121; font-size: 12px; margin-bottom: 3px; } .post .quickLinks h2 { color: #212121; font-size: 12px; margin: 3px 0 3px 7px; } .post .aboutAuthor h2 { font-size: 17px; color: #000000; line-height: 19px; margin-bottom: 8px; } #afterPost h2 { font-size: 17px; color: #0b0b0b; } .tab_content h2 { font-size: 12px; margin-bottom: 10px; color: #99aa29; font-family: Georgia, Times, serif; text-transform: uppercase; } h3 { font-size: 24px; line-height: 26px; } h3.sidebar { font-family: "Myriad Bold Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #626156; font-weight: normal; } .post h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 20px; margin-top: 30px; margin-bottom: 5px; color: #99aa29; } #mainFeature #learnMoreHome h3.learnMore { font-family: "Myriad Bold Condensed"; font-size: 24px; color: #838173; text-transform: uppercase; font-weight: normal; } #mainFeature #learnMoreHome h3.learnMore a { color: #9ca92d; } #mainFeature #learnMoreHome h3.learnMore a:hover { color: #899925; } h4 { font-size: 11px; font-weight: bold; line-height: 13px; margin: 2px 0; font-family: Helvetica, Arial, sans-serif; } .caption h4 { width: 96%; margin: 0 5px; float: left; } h4 span.lead, .caption h4 span.lead, table.image-left tr td.caption h4 span.lead { color: #a7a59a; font-weight: normal; } .quickLinks h4 { margin: 8px 0 4px 8px; } .footerContainer h4 { font-family: Georgia, Times, serif; font-size: 13px; text-transform: uppercase; line-height: 15px; margin: 10px 0 8px 0; letter-spacing: .01em; } h4.sponsorHeader { font-family: "Myriad Bold Condensed"; font-size: 19px; color: #bbbbbb; text-transform: uppercase; font-weight: normal; } .post .aboutAuthor h5, .sidebarContainer#contributors .contributor .contributorMeta h5 { font-size: 14px; color: #2c3034; line-height: 15px; margin-bottom: 3px; font-family: Helvetica, Arial, sans-serif; } #slideshowHolder ul#slides li.item .slideshowContent .slideshowAuthor .authorMeta h5 { font-family: "Myriad Bold Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #2c3034; font-weight: normal; font-size: 16px; } /* HYPERLINKS =========================================== */ a { color: #0e81bc; text-decoration: none; cursor: pointer; } a:visited { color: #0073ae; } a:hover, a:active { color: #99aa29; } #loginButton a, #loginButton a:visited { display: block; position: absolute; top: 11px; left: 18px; font-size: 12px; font-weight: bold; font-style: italic; color: #136189; } #loginButton a:hover, #loginButton a:active { color: #99aa29; } #globalNav ul li a, #globalNav ul li a:visited { color: #47423c; font-weight: bold; } #globalNav ul li a:hover, #globalNav ul li a:active { color: #898b88; } #mainNav ul#primary li a, #mainNav ul#primary li a:visited { color: #eae8e3; padding: 0 14px; border-left: 1px solid #eae8e3; border-right: 1px solid #eae8e3; float: left; width: auto; height: auto; } #mainNav ul#primary li#building-green-building-green a { border-left: none; } #mainNav ul#primary li#resources-resources a { border-right: none; } #mainNav ul#primary li:hover a, #mainNav ul#primary li.active:hover a, #mainNav ul#primary li.parent-active:hover a { color: #ffffff; border: none; padding-left: 15px; padding-right: 15px; } #mainNav ul#primary li#building-green-building-green:hover a { padding: 0 15px 0 14px; border-right: none; } #mainNav ul#primary li.last a { border-right: none; } #mainNav ul#primary li.active a, #mainNav ul#primary li.parent-active a { color: #99aa29; } #mainNav ul#primary li ul.secondary li a, #mainNav ul#primary li ul.secondary li a:visited, #mainNav ul#primary li.active ul.secondary li a, #mainNav ul#primary li.active ul.secondary li a:visited, #mainNav ul#primary li#building-green-building-green ul.secondary li a, #mainNav ul#primary li#building-green-building-green ul.secondary li a:visited, #mainNav ul#primary li.parent-active ul.secondary li a, #mainNav ul#primary li.parent-active ul.secondary li a:visited { color: #ffffff; border-right: none; border-left: none; margin: 0; font-weight: normal; width: 160px; font-size: 11px; line-height: 14px; padding: 0; font-weight: bold; border-bottom: 1px solid #fff; } #mainNav ul#primary li ul.secondary li a:hover, #mainNav ul#primary li.active ul.secondary li a:hover, #mainNav ul#primary li#building-green-building-green ul.secondary li a:hover, #mainNav ul#primary li.parent-active ul.secondary li a:hover { color: #4f4e47; padding: 0; margin: 0; border-bottom: 1px solid #fff; background: transparent; font-weight: bold; } #mainNav ul#primary li ul.secondary li ul.tertiary li a, #mainNav ul#primary li ul.secondary li ul.tertiary li a:visited, #mainNav ul#primary li.active ul.secondary li ul.tertiary li a, #mainNav ul#primary li.active ul.secondary li ul.tertiary li a:visited, #mainNav ul#primary li#building-green-building-green ul.secondary li ul.tertiary li a, #mainNav ul#primary li#building-green-building-green ul.secondary li ul.tertiary li a:visited, #mainNav ul#primary li.parent-active ul.secondary li ul.tertiary li a, #mainNav ul#primary li.parent-active ul.secondary li ul.tertiary li a:visited { color: #ffffff; border-bottom: none; font-weight: normal; border-bottom: none; background: transparent; } #mainNav ul#primary li ul.secondary li ul.tertiary li a:hover, #mainNav ul#primary li ul.secondary li:hover ul.tertiary li a:hover, #mainNav ul#primary li.active ul.secondary li ul.tertiary li a:hover, #mainNav ul#primary li#building-green-building-green ul.secondary li ul.tertiary li a:hover, #mainNav ul#primary li.parent-active ul.secondary li ul.tertiary li a:hover { color: #4F4E47; padding: 0; margin: 0; border-bottom: none; font-weight: normal; } #breadcrumbs a { color: #4d4c45; } #breadcrumbs a:hover { text-decoration: underline; } #globalNavCopyright ul li a { color: #6f6f6f; } #globalNavCopyright ul li a:hover { color: #0e81bc; } #sidebarNav ul.primary li.active a, #sidebarNav ul.primary li.parent-active a { font-weight: bold; } #sidebarNav ul.primary li.active ul li a, #sidebarNav ul.primary li.parent-active ul li a { font-weight: normal; } #sidebarNav ul.primary li.parent-active ul li.active a, #sidebarNav ul.primary li.parent-active ul li.parent-active a, #sidebarNav ul.primary li.parent-active ul li.active a, #sidebarNav ul.primary li.parent-active ul li.parent-active ul li.active a, #sidebarNav ul.primary li.parent-active ul li.parent-active ul li.parent-active a { font-weight: bold; color: #99aa29; } #sidebarNav ul.primary li.parent-active ul li.active ul li a, #sidebarNav ul.primary li.parent-active ul li.parent-active ul li a { text-decoration: none; font-weight: normal; color: #0E81BC;} #sidebarNav ul.primary li.parent-active ul li.active ul li a:hover, #sidebarNav ul.primary li.parent-active ul li.parent-active ul li a:hover { color: #99aa29; } .featuredArticle a { font-size: 13px; line-height: 16px; font-weight: bold; } .footerContainer a, .footerContainer a:visited { color: #ffffff; } .footerContainer a:hover { text-decoration: underline; } .footerContainer a.footerLink { color: #c86e04; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; } a.topLink { width: auto; height: auto; float: right; text-align: right; font-family: "Myriad Bold Condensed"; font-size: 24px; color: #adadaa; padding: 3px 22px 0 0; text-transform: uppercase; background: url(./img/bg-topLink.png) top right no-repeat; margin: 0 40px 25px 0; } a.topLink:hover { color: #818180; background-position: 100% 100%; } a#ck_sharethis { font-family: Helvetica, Arial, sans-serif; font-size: 12px; } .postHeader a { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #2c3034; text-transform: uppercase; } .postHeader a:hover { color: #666666; } .post h1 a, .post h1 a:visited { color: #99aa29; } .post h1 a:hover, .post h1 a:active { color: #0e81bc; } #afterPost #entryPagination a, #afterPost #entryPagination a:visited { color: #ffffff; font-size: 12px; font-weight: bold; } #afterPost #entryPagination a:hover { text-decoration: underline; } a.tag, a.tag:visited, a.category, a.category:visited { float: left; display: inline; width: auto; height: auto; padding: 5px 10px; background: #d6e0e6; color: #0e81bc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 5px 5px 0; font-family: Helvetica, Arial, sans-serif; font-size:13px; } a.tag:hover, a.tag:active, a.category:hover, a.category:active { background: #0e81bc; color: #ffffff; } a.category, a.category:visited { background: #e7e5df; } a.category:hover:visited, a.tag:hover:visited { background: #0e81bc !important; } .post .aboutAuthor h5, .sidebarContainer#contributors .contributor .contributorMeta a { font-family: Georgia, Times, serif; font-size: 12px; color: #0073ac; font-weight: bold; font-style: italic; } .sidebarContainer#contributors .contributor .contributorMeta a:hover { text-decoration: underline; } #slideshowHolder ul#slides li.item .slideshowContent a { font-weight: bold; font-style: italic; } #slideshowHolder ul#slides li.item .slideshowContent .slideshowAuthor .authorMeta a { font-size: 12px; } /*.sidebarContainer#twitter #twitterFeed #tweet a.tweet_link, .sidebarContainer#twitter #twitterFeed #tweet a.tweet_link:visited { color: #99aa29; } .sidebarContainer#twitter #twitterFeed #tweet a.tweet_link:hover, .sidebarContainer#twitter #twitterFeed #tweet a.tweet_link:active { text-decoration: underline; }*/ .sidebarContainer#twitter #twitterFeed a#followLink { width: 200px; height: 30px; margin: 150px 0 0 50px; display: block; } #main .content .result .resultHeader a { font-weight: bold; } #footerFollow a { width: 24px; height: 24px; float: left; display: inline; margin: 4px 6px 0 0; } #footerFollow a#footerFB { background: url(./img/foot_facebook.jpg) top left no-repeat; } #footerFollow a#footerRSS { background: url(./img/foot_rss.jpg) top left no-repeat; } #footerFollow a#footerTwitter { background: url(./img/foot_twitter.jpg) top left no-repeat; } .tab_content table.twoLists tr td a.readmore, .tab_content table.twoLists tr td a.readmore:visited { font-family: Georgia, Times, serif; font-weight: bold; font-style: italic; margin-left: 10px; } sup { vertical-align: baseline; position: relative; top: -7px; } /* LISTS =========================================== */ #main div.post ul, #infoTabs ul#tabs li .tab_content ul { width: 450px; height: auto; display: block; margin: 0 0 10px 15px; } #infoTabs ul#tabs li .tab_content ul { margin: 0; width: auto; } #main div.post ul li, #infoTabs ul#tabs li .tab_content ul li { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; margin: 0 0 5px 0; color: #55544D; background: url(./img/bg-li.png) 0 6px no-repeat; padding: 0 0 0 11px; } #infoTabs ul#tabs li .tab_content ul li { font-size: 12px; line-height: 15px; background-position: 0px 3px; } #globalNav ul { float: right; display: inline; margin-right: 165px; margin-top: 7px; font-family: Helvetica, Arial, sans-serif; } #globalNav ul li { display: inline; margin-left: 18px; font-size: 12px; } #mainNav ul#primary { width: auto; height: auto; float: left; display: inline; font-family: Helvetica, Arial, sans-serif; z-index: 4001; } #mainNav ul#primary li { width: auto; height: auto; display: inline; float: left; padding: 18px 0 17px 0; font-size: 13px; text-transform: uppercase; font-weight: bold; cursor: pointer; z-index: 4002; } #mainNav ul#primary li:hover { background: #899925; } #mainNav ul#primary li ul, #mainNav ul#primary li ul.secondary, #mainNav ul#primary li.active ul.secondary { width: 972px; height: auto; float: left; position: absolute; top: 48px; left: 0; background: #899925; z-index: 4003; padding: 15px 0 20px; display: none; } #mainNav ul#primary li ul li, #mainNav ul#primary li.active ul li, #mainNav ul#primary li ul.secondary li, #mainNav ul#primary li.active ul.secondary li { width: 160px; height: auto; float: left; display: inline; border-right: none; cursor: pointer; padding: 0; z-index: 4004; margin-left: 30px; } #mainNav ul#primary li ul li:hover, #mainNav ul#primary li.active ul li:hover, #mainNav ul#primary li ul.secondary li:hover, #mainNav ul#primary li.active ul.secondary li:hover { background: transparent; } #mainNav ul#primary li ul li ul, #mainNav ul#primary li.active ul li ul, #mainNav ul#primary li ul.secondary li ul.tertiary, #mainNav ul#primary li.active ul.secondary li ul.tertiary { width: 160px; height: auto; float: left; position: relative; padding: 0; margin: 15px 0 0 0; top: 0; left: 0; display: inline; clear: both; background: transparent; } #mainNav ul#primary li ul li ul li, #mainNav ul#primary li ul.secondary li ul.tertiary li, #mainNav ul#primary li.active ul.secondary li ul.tertiary li { border-bottom: none; display: block; clear: both; margin: 0 0 10px 0; width: 160px; left: 0; } #mainNav ul#primary li ul li, #mainNav ul#primary li ul.secondary li, #mainNav ul#primary li.active ul.secondary li { background: none; } #globalNavCopyright ul { width: auto; height: auto; float: right; display: inline; margin-right: 20px; line-height: 12px; } #globalNavCopyright ul li { display: inline; font-size: 11.5px; font-family: Helvetica, Arial, sans-serif; color: #6f6f6f; } #main div.post td.quickLinks ul, td.quickLinks ul { width: auto; margin: 0 0 10px 15px; } #main div.post .related ul li, #main div.post td.quickLinks ul li { font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 5px; font-weight: bold; color: #6b6b6b; line-height: 15px; background-position: 0px 3px; } #main div.post .related ul, .related ul { margin-bottom: 0; } #sidebarNav ul.primary { width: 290px; height: auto; float: left; display: inline; } #sidebarNav ul.primary li { font-family: Helvetica, Arial, sans-serif; padding: 10px; border-bottom: 1px solid #d4d2cb; font-size: 14px; } #sidebarNav ul.primary li.active, #sidebarNav ul.primary li.parent-active { background: #eceae3; } #sidebarNav ul.primary > li.active, #sidebarNav ul.primary > li.parent-active { padding-bottom: 6px; } #sidebarNav ul.primary > li:first-child.active, #sidebarNav ul.primary > li:first-child.parent-active { border-top: 1px solid #d4d2cb; } #sidebarNav ul.primary li ul { margin-top: 5px; } #sidebarNav ul.primary li ul li { border-bottom: none; font-size: 13px; padding: 7px 14px; } #footer .footerContainer#footerColumn1 ul { margin-bottom: 18px; } #footer .footerContainer#footerColumn1 ul li { font-size: 11px; text-transform: none; line-height: 15px; margin-bottom: 6px; font-family: Helvetica, Arial, sans-serif; } /* IMAGES =========================================== */ .post .aboutAuthor img { float: left; border: 3px solid #3d3d3b; display: inline; margin-right: 8px; } img.left, .post img.left, .tab_content img.left { float: left; padding: 5px 12px 5px 0; } img.right, .post img.right, .tab_content img.right { float: right; padding: 5px 0 5px 12px; } img.focus, .post img.focus { border: 12px solid #ffffff; /*background: url(./img/bg-focusShadow.png) bottom left no-repeat; padding: 0 20px 20px 53px;*/ box-shadow: 4px 4px 5px #bbbbbb; -moz-box-shadow: 4px 4px 5px #bbbbbb; -webkit-box-shadow: 4px 4px 5px #bbbbbb; margin-bottom: 15px; display: block; filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb',direction='120',strength='5'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb',direction='120',strength='5')"; } .sidebarContainer#contributors .contributor .contributorAvatar img, #slideshowHolder ul#slides li.item .slideshowContent .slideshowAuthor .authorAvatar img { float: left; border: 3px solid #3d3d3b; display: inline; } img.avatar { border: 3px solid #ffffff; } table.image-left td img, .post table.image-left td img, table.image-right td img, .post table.image-right td img { padding: 0; margin: 0; float: left; } /* TABLES =========================================== */ table.image-left, .post table.image-left { float: left; margin: 5px 12px 7px 0; width: 237px; padding: 0; } table.image-right, .post table.image-right { float: right; margin: 5px 0 7px 12px; width: 237px; padding: 0; } table.image-left tr, .post table.image-left tr, table.image-right tr, .post table.image-right tr { padding: 0; margin: 0; } table.image-left td, .post table.image-left td, table.image-right td, .post table.image-right td { padding: 0; } table.image-left td.quickLinks, .post table.image-left td.quickLinks, table.image-right td.quickLinks, .post table.image-right td.quickLinks, td.quickLinks, .post td.quickLinks { background: #e8e7e0; } table.image-left td.caption, .post table.image-left td.caption, table.image-right td.caption, .post table.image-right td.caption, td.caption, .post td.caption { background: #e8e7e0; padding: 15px 10px; } .tab_content table.twoLists tr td { vertical-align: top; width: 48%; padding-right: 2%; } table.data { float: left; width: 580px; height: auto; font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 15px 0; } table.data caption { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 20px; color: #99aa29; text-align: left; margin: 5px 0 3px 0; } table.data tr td, table.data tr th { padding: 5px; vertical-align: middle; } table.data tr.alt td { background: #ccc; } table.data tr th, table.data tr td.header { font-weight: bold; background: #88bbdd; } table.data tr:hover, table.data tr:hover td { background: #cceeff; } table.featuredSponsorInfo { width: 88%; margin: 10px 0; } table.featuredSponsorInfo tr td { width: 50%; vertical-align: middle; color: #99aa29; font-weight: bold; font-size: 12px; text-transform: uppercase; line-height: 16px; } /*table.featuredSponsorInfo tr td img { border: 4px solid #4a4948; background: #ffffff; }*/ table.featuredSponsorInfo tr td img { border: 4px solid #ffffff; background: #ffffff; }