/* ---------------------------------------------------------------------- */ /* RESET /* ---------------------------------------------------------------------- */ .clear { clear: both } .imgtxt { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden } .element-invisible { display: none } .hidden { display: none; visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both } .clearfix { zoom: 1 } .layout { background: white; } /* ---------------------------------------------------------------------- */ /* GENERAL /* ---------------------------------------------------------------------- */ body { background: #f9faf5 url(../images/layout/background.jpg) top center repeat-x } #container { margin: 0 auto; width: 992px; } #mainWrapper { width: 960px; padding: 0 16px; background: url(../images/layout/bg-container.png) 0 0 repeat-y; } #main .wrapper { background: url(../images/layout/bg-home.png) bottom left repeat-x } .main { float: left; width: 615px; } /* ---------------------------------------------------------------------- */ /* TYPOGRAPHY /* ---------------------------------------------------------------------- */ body { font-family: Arial, sans-serif; font-size: 12px; color: #333; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'CabinSemiBold', Arial, sans-serif; } h1 { color: #598954; font-size: 32px; padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 5px solid #e0eade; } h2 { color: #a24e2b; font-size: 22px; padding: 0 0 5px 0; } h3 { color: #494645; font-size: 16px; text-transform: uppercase; padding: 10px 0 5px 0; } a, a:active, a:visited { color: #A24E2B } a:hover { color: #79361b } p { font-family: Arial, sans-serif; color: #333; line-height: 20px; margin: 9px 0 18px; } p.intro { padding: 0 5px 30px 5px; font-size: 16px; line-height: 28px; } p.intro a { font-weight: bold } p.bigger { padding: 0 5px 25px 5px; font-size: 14px; line-height: 24px; } em { font-style: italic } strong { font-weight: bold; } blockquote { padding: 0 0 0 10px; margin-left: 10px; border-left: 1px solid #BED3B8; } blockquote p { color: #555; } img.right { float: right; margin: 0 0 15px 15px; } img.left { float: left; margin: 0 15px 15px 0; } img.borderShadow { border: 5px solid #fff; -webkit-box-shadow: 0 0 4px #555; -moz-box-shadow: 0 0 4px #555; box-shadow: 0 0 4px #555; behavior: url(PIE.php); } .ie7 img.borderShadow, .ie8 .main img.borderShadow { position: relative } .alignright, .alignleft, .aligncenter, img[style*="float: right"], img[style*="float: left"], img[style*="vertical-align: middle"] { border: 7px solid #FFF; -moz-box-shadow: 0 0 7px #AAA; -webkit-box-shadow: 0 0 7px #AAA; box-shadow: 0 0 7px #AAA; } .alignright, img[style*="float: right"] { float: right; margin: 0 0 15px 15px; } .alignleft, img[style*="float: left"] { float: left; margin: 0 15px 15px 0; } .aligncenter, img[style*="vertical-align: middle"] { display: block; text-align: center; margin: 0 auto 15px; } .caption { text-transform: none; } .caption img { vertical-align: bottom; } .caption p { font-size: 11px; line-height: 140%; color: #AAA; font-style: italic; margin: 0; padding: 4px 0 0; } .show-hide-toggle { display: inline-block; *display: inline; zoom: 1; padding: 4px 10px; font-size: 12px; background: #EEE; color: #888; text-shadow: 1px 1px 1px #FFF; margin-left: 15px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 100%; } .show-hide-toggle:hover { background: #DDD; color: #555; } ul, ol { margin: 5px 0 15px 35px; } ul { list-style: disc; } ul ul { list-style: circle; margin-bottom: 0; } ul ul ul { list-style: square; } ol { list-style: decimal; } li { line-height: 16px; padding: 0 0 5px; } /* ---------------------------------------------------------------------- */ /* FORMS /* ---------------------------------------------------------------------- */ /* Buttons */ button, input[type='submit'], a.button { border: 0; display: inline-block; font-size: 16px; text-transform: uppercase; padding: 10px 15px; font-family: 'CabinBold', Arial, sans-serif; text-decoration: none; color: #fff; background: #498d3e url(../images/layout/bg-standard-button.png) 0 0 repeat-x; text-shadow: 0 1px #23411f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666; box-shadow: 0 1px 3px #666; behavior: url(assets/css/PIE.php); } button:hover, input[type='submit']:hover, a.button:hover { cursor: pointer; background-position: 0 -40px; background-color: #67af5c; } a.smallButton { display: inline-block; font-size: 14px; text-transform: uppercase; padding: 7px 12px; font-family: 'CabinBold', Arial, sans-serif; text-decoration: none; color: #fff; background: #498d3e url(../images/layout/bg-standard-button.png) 0 0 repeat-x; text-shadow: 0 1px #23411f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666; box-shadow: 0 1px 3px #666; behavior: url(assets/css/PIE.php); } a.smallButton:hover { background-position: 0 -40px; background-color: #67af5c; } .ie7 a.button, .ie8 a.button, .ie7 a.smallbutton, .ie8 a.smallButton { position: relative } input[type='text'], textarea { border: 1px solid #d1cbbd; background: #FFF; padding: 5px; font-size: 14px; color: #393d37; } input[type='text']:focus, textarea:focus { border-color: #a24e2b; } /* ---------------------------------------------------------------------- */ /* HEADER /* ---------------------------------------------------------------------- */ #masthead { width: 960px; padding: 0 16px; } .ie7 #masthead { position: relative; z-index: 20; } #topLinks { float: right } #topLinks ul { float: left; padding: 8px 10px 0 0; list-style: none; } #topLinks ul li { float: left; padding: 0 10px 0 0; } #topLinks .social li a { display: block; width: 16px; height: 16px; background-position: 0 0; background-repeat: none; } #topLinks .social li a.facebook { background-image: url(../images/icons/facebook.png) } #topLinks .social li a.twitter { background-image: url(../images/icons/twitter.png) } #topLinks .social li a.youtube { background-image: url(../images/icons/youtube.png) } #topLinks ul.links { margin-left: 5px; } #topLinks .links li { } #topLinks .links li.pike { font-weight: normal; color: #658861; font-size: 15px; } #topLinks .links li a { color: #658861; font-weight: bold; text-decoration: none; } a#globalDonate { float: left; display: block; width: 107px; height: 30px; background: url(../images/layout/btn-global-donate.png) 0 0 no-repeat; } a#globalWork { float: left; display: block; width: 172px; height: 30px; background: url(../images/layout/btn-see-work-button.png) 0 0 no-repeat; margin-right: 10px; } a#globalDonate:hover, a#globalWork:hover { background-position: 0 -30px } #logo { float: left; margin: 9px 0 0 35px; display: block; width: 225px; height: 112px; background: url(../images/layout/logo-gbm.png) 0 0 no-repeat; } /* ---------------------------------------------------------------------- */ /* NAVIGATION /* ---------------------------------------------------------------------- */ #navigation { float: left; margin: -20px 0 0 0; display: block; width: 960px; height: 48px; background: url(../images/layout/bg-navigation.png) 0 0 no-repeat; } #navigation ul { float: right; margin: 0; list-style: none; } #navigation ul li { float: left; position: relative; } #navigation ul li a { display: inline-block; padding: 14px 18px; color: #fff; text-decoration: none; font-family: 'CabinBold'; font-size: 15px; text-shadow: 0 1px 0 #234b1e; background: url(../images/layout/bg-navigation-sep.png) top right no-repeat; } #navigation ul li ul { display: none; margin: 0; } #navigation ul li:hover ul { display: block; position: absolute; z-index: 10 !important; top: 40px; left: 0; padding: 10px 0 10px 0; background: #23431e url(../images/layout/bg-dropdown.png) 0 0 repeat-x; -webkit-box-shadow: 0 3px 3px #000; -moz-box-shadow: 0 3px 3px #000; box-shadow: 0 3px 3px #000; behavior: url(assets/css/PIE.php); } #navigation ul li.last:hover ul { right: 0 !important; left: auto; } #navigation ul li:hover ul li { float: left; width: 200px; padding: 0; } #navigation ul li:hover ul li a { display: block; color: #fff; font-weight: bold; text-shadow: none; font-size: 12px; font-family: Arial, sans-serif; padding: 8px 22px; background: none; } #navigation ul li:hover ul li a:hover { background: #3c7d32 } #navigation ul li a.current, #navigation ul li li ul li a.active, #navigation ul li li:hover ul li a.active { color: #e0f5bd } #navigation ul li:hover ul ul { display: none; } #navigation ul li:nth-of-type(1n+6) {display: none;} /* ---------------------------------------------------------------------- */ /* FOOTER /* ---------------------------------------------------------------------- */ #footer { width: 960px; padding: 30px 16px; background: url(../images/layout/bg-container-bottom.png) 0 0 no-repeat; } #footer .cols { } #footer .cols .col { float: left } #footer .cols .col h4 { font-size: 18px; font-family: 'CabinSemiboldItalic', Arial, sans-serif; color: #35782a; padding: 0 0 5px 0; border-bottom: 1px solid #bed3b8; margin: 0 0 10px 0; font-style: normal; } #footer .cols .col p { font-size: 12px; color: #746e5f; line-height: 18px; padding: 0 0 5px 0; margin: 0; } #footer .cols .col img.logo { float: right; margin: 0 0 10px 10px; } #footer .cols .search { width: 315px; margin: 0 50px 0 0; } #footer .cols .search input.textbox { float: left; width: 216px; padding: 8px 8px 8px 32px; margin: 0 5px 0 0; background: #fff url(../images/icons/search.png) 8px 7px no-repeat; border: 1px solid #dfdcd2; font-size: 14px; line-height: 14px; } #footer .cols .search input.textbox:focus { outline: none } #footer .cols .search a.smallButton { float: left; margin: 1px 0 0 0; } #footer .cols .search .map { float: left; width: 145px; margin: 15px 0 0 5px; } #footer .cols .search .pages { float: right; width: 145px; margin: 15px 5px 0 0; } #footer .cols .search h4 { font-size: 13px; border: 0; margin: 0; padding: 0 0 5px 0; font-family: 'CabinBold', Arial, sans-serif; text-transform: uppercase; color: #343732; } #footer .cols .search ul { list-style: none; margin: 0; } #footer .cols .search ul li a { display: block; padding: 3px 0; color: #746e5f; text-decoration: none; } #footer .cols .search ul li a:hover { color: #79361b } #footer .cols .planet a, #footer .cols .forests a { color: #746e5f; font-weight: bold; text-decoration: none; } #footer .cols .planet a:hover, #footer .cols .forests a:hover { color: #79361b } #footer .cols .planet img, #footer .cols .forests img { border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #footer .cols .planet { width: 270px } #footer .cols .forests { float: right; width: 270px; } #footer p.copyright { padding: 50px 0 25px 0; text-align: center; text-transform: uppercase; color: #afa794; font-family: 'CabinRegular', Arial, sans-serif; } /* ---------------------------------------------------------------------- */ /* HOMEPAGE /* ---------------------------------------------------------------------- */ /* Feature Panels */ #feature { float: left; position: relative; z-index: 2; width: 625px; height: 325px; margin: 15px 15px 45px 15px; overflow: hidden; } #feature .featureImages { z-index: 1 !important } #feature .featureImages img { z-index: 1 !important } #captionOverlay { position: absolute; display: none; width: 625px; height: 110px; bottom: 0; background: url(../images/layout/bg-caption.png) 0 0 repeat; z-index: 4; } #captionOverlay h2 { float: left; width: 185px; font-size: 18px; color: #fff; text-transform: uppercase; padding: 15px 20px 0 20px; } #captionOverlay p { float: left; font-size: 14px; width: 380px; color: #d5d5d5; padding: 5px 20px 0 0; } #captionOverlay a { display: inline-block; padding-left: 5px; font-size: 12px; font-family: 'CabinBold', Arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; } #captionOverlay a:hover { color: #d5d5d5 } #captionPager { position: absolute; bottom: 10px; left: 20px; z-index: 5; margin: 0; list-style: none; } #captionPager li { float: left; margin: 0 5px 0 0; } #captionPager li a { display: inline-block; height: 5px; width: 30px; background: #767b72; text-indent: -9999px; font-size: 1px; line-height: 1px; } #captionPager li a:hover { background: #93988f } #captionPager li a.current { background: #fff } /* Call to Actions */ #cta { float: right; width: 290px; margin: 15px 15px 40px 0; } #cta .quote { margin: 12px auto 30px auto; width: 281px; height: 144px; background: url(../images/layout/quote.png) top center no-repeat; } #cta .quote blockquote { border: 0; padding: 0; margin: 0; } a#donateNow { display: block; margin: 0 auto 5px auto; width: 278px; height: 68px; background: url(../images/layout/btn-donate-now.png) 0 0 no-repeat; } a#donateNow:hover { background-position: 0 -68px } a#getInvolved { display: block; margin: 0 auto; width: 278px; height: 68px; background: url(../images/layout/btn-get-involved.png) 0 0 no-repeat; } a#getInvolved:hover { background-position: 0 -68px } /* TABBED PANES */ #panesWrapper { position: relative; margin: 0; background: url(../images/layout/bg-hptree.jpg) bottom left no-repeat; padding: 0 0 20px; } #panesWrapper .navigation { position: absolute; top: 20px; left: 0; width: 100%; margin: 0; list-style: none; z-index: 0; padding: 0; } #panesWrapper .navigation li { padding: 0 0 5px 0 } #panesWrapper .navigation li a { display: block; font-family: 'CabinBold', Arial, sans-serif; font-size: 18px; color: #5a5950; text-decoration: none; padding: 15px 10px 17px 35px; line-height: 100%; } #panesWrapper .navigation li a:hover { color: #343732; background: url(../images/layout/bg-pane-hover.png) 0 0 repeat; } #panesWrapper .navigation li a.current { color: #fff; background: url(../images/layout/bg-pane-nav-overlay.png) 0 100% repeat-x; text-shadow: 1px 1px 1px #555; } #panesWrapper .navigation li.pane1 a.current { background-color: #b76442; } #panesWrapper .navigation li.pane2 a.current { background-color: #438538; } #panesWrapper .navigation li.pane3 a.current { background-color: #deae3f; } #panes { position: relative; z-index: 99; width: 730px; margin: 0 0 0 203px; padding: 20px 0 20px 0; background: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 3px 5px #b9bab3; -moz-box-shadow: 0 3px 5px #b9bab3; box-shadow: 0 3px 5px #b9bab3; behavior: url(PIE.php); } #panes .pane { padding: 0 20px 0 20px; display: none; min-height: 300px; } #panes .pane:first-child { display: block } #panes .pane .left { float: left } #panes .pane .right { float: right } #panes .pane h2 { font-size: 32px; color: #3d423c; text-transform: uppercase; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 3px solid #a24e2b; } #panes .pane h4 { font-size: 16px; line-height: 18px; margin: 0 0 20px 0; font-weight: normal; } #panes .pane .read-more { display: inline-block; *display: inline; zoom: 1; padding: 6px 15px; font-size: 14px; color: #FFF; text-decoration: none; font-family: 'CabinSemiBold', Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .overlay-button-wrap { position: relative; } .overlay-button { display: block; position: absolute; bottom: 15px; left: 50%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 15px; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); font-family: 'CabinBold', Arial, sans-serif; } .overlay-button:hover, .overlay-button-wrap:hover .overlay-button { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); } /* TABBED PANES - Wangari */ .pane#panel-wangari-maathai h2 { border-color: #64975c } #panel-wangari-maathai .left { width: 360px } #panel-wangari-maathai .left h4 { color: #64975c } #panel-wangari-maathai .right { width: 302px; } #panel-wangari-maathai .right .overlay-button { text-indent: -9999px; background: url(../images/homepage/watch-video-button.png) no-repeat center center; width: 240px; height: 81px; margin-left: -120px; padding: 0;} #panel-wangari-maathai a.read-more:link, #panel-wangari-maathai a.read-more:visited { background-color: #64975c } #panel-wangari-maathai a.read-more:hover, #panel-wangari-maathai a.read-more:active { background-color: #74b06b } /* TABBED PANES - Our Impact */ .pane#panel-our-impact h2 { border-color: #cd9c2c } #panel-our-impact .left { width: 297px } #panel-our-impact .left h4 { color: #cd9c2c } #panel-our-impact .right { width: 355px; } #panel-our-impact .right .overlay-button { margin-left: -65px; font-size: 14px; color: #FFF; background: #835D44 url(../images/layout/bg-pane-nav-overlay.png) repeat-x 0 100%; text-align: center; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); left: auto; right: 15px; padding: 8px 20px; } #panel-our-impact .right .overlay-button:hover, #panel-our-impact .right a:hover .overlay-button { background-color: #966545; } #panel-our-impact a.read-more:link, #panel-our-impact a.read-more:visited { background-color: #cd9c2c } #panel-our-impact a.read-more:hover, #panel-our-impact a.read-more:active { background-color: #e5af30 } /* TABBED PANES - What's New */ .pane#panel-whats-new ul { float: none; margin: 0; padding: 0; } #panel-whats-new .blog { width: 335px; float: left; } #panel-whats-new .side { float: right; width: 320px; } #panel-whats-new .side .news { padding: 0 0 20px 0 } .pane#panel-whats-new h4 { border-bottom: 2px solid #3D423C; color: #3D423C; font-size: 18px; padding: 0 0 5px; text-transform: uppercase; font-family: 'CabinSemiBold',Arial,sans-serif; font-weight: normal; margin: 0; } .pane#panel-whats-new p { margin: 0 0 12px; } #panel-whats-new .item-list ul { padding: 5px 0 0 0; list-style: none; } #panel-whats-new .item-list ul li { padding: 5px 0; margin: 0; border-bottom: 1px solid #eeeeee; } #panel-whats-new .item-list ul li .views-field-title a { padding: 0; font-size: 14px; line-height: 16px; background: none; color: #9e4819; text-decoration: none; font-family: 'CabinSemiBold',Arial,sans-serif; font-weight: normal; } #panel-whats-new .item-list ul li .views-field-title a:hover { background: none; color: #b8531d; } #panel-whats-new .item-list ul li .views-field-field-event-date span { color: #666666; font-size: 12px; } #panel-whats-new .item-list ul li .views-field-field-event-location div { color: #666666; font-size: 12px; font-style: italic; } #panel-whats-new .item-list ul li .views-field-field-article-date span { color: #666666; font-size: 12px; } #panel-whats-new .view-footer { padding: 10px 0 0 0 } #panel-whats-new .view-footer a { font-size: 14px; line-height: 14px; font-weight: bold; color: #A24E2B; background: none; margin: 0; padding: 0; text-decoration: underline; } #panel-whats-new .view-footer a:hover { background: none; color: #79361b; } #panel-whats-new .blog .item-list ul li { padding: 0; border: none; } #panel-whats-new .blog .views-field-field-blog-thumbnail { width: 100px; background: #f4f4f4; float: right; margin: 0 0 10px 15px; } #panel-whats-new .blog .views-field-field-blog-thumbnail img { vertical-align: bottom; } #panel-whats-new .blog .views-field-field-blog-thumbnail .field-content #panel-whats-new .blog .item-list ul li .views-field-nid { padding: 10px 0 0 0 } #panel-whats-new .blog .item-list ul li .views-field-nid a { font-size: 14px; line-height: 14px; font-weight: bold; color: #A24E2B; background: none; margin: 0; padding: 0; text-decoration: underline; } #panel-whats-new .blog .item-list ul li .views-field-nid a:hover { background: none; color: #79361b; } #panel-whats-new .blog .item-list ul li .views-field-title { padding: 0 0 10px 0 } #panel-whats-new .blog .item-list ul li .views-field-title a { padding: 0; font-size: 16px; line-height: 20px; background: none; color: #76361b; text-decoration: none; font-family: 'CabinSemiBold',Arial,sans-serif; font-weight: normal; } #panel-whats-new .blog .item-list ul li .views-field-title a:hover { background: none; color: #b8531d; } #panel-whats-new .blog .item-list ul li .views-field-view-node a { font-weight: bold; color: #9e4819; text-decoration: none; } /* Callouts */ #callouts { padding: 30px 35px } #callouts .callout { float: left } #callouts .callout h3 { padding: 0 0 10px 0; font-size: 22px; color: #35782a; font-weight: normal; text-transform: none; } #callouts .callout p { padding: 0 0 10px 0; line-height: 22px; } #callouts .callout ul { margin: 0 0 10px 25px; color: #393d37; } #callouts .callout ul li { list-style-type: disc; padding: 0 0 5px 0; color: #393d37; } #callouts .callout input.textbox { background: #fff; border: 1px solid #d1cbbd; width: 190px; padding: 5px; font-size: 14px; color: #393d37; margin: 0 0 10px 0; } #callouts .callout input.textbox:focus { outline: none; border-color: #a24e2b; } #callouts .callout select { margin: 0 0 15px 0; width: 200px; } #callouts .who { width: 385px; padding: 0 15px 0 0; } #callouts .who h3 { background: url(../images/icons/who-we-are.png) 135px 0 no-repeat } #callouts .who h3 a, #callouts .getinvolved h3 a { color: #35782A; text-decoration: none; } #callouts .who h3 a:hover, #callouts .getinvolved h3 a:hover { color: #63975B; } #callouts .getinvolved { width: 260px; margin: 0 15px 0 15px; } #callouts .getinvolved h3 { background: url(../images/icons/get-involved.png) 135px 0 no-repeat } #callouts .newsletter { float: right; width: 200px; } #callouts .newsletter h3 { background: url(../images/icons/enewsletter.png) 125px 4px no-repeat } #viewSample { display: inline-block; margin: 0 0 0 10px; } /* ---------------------------------------------------------------------- */ /* SECONDARY PAGES /* ---------------------------------------------------------------------- */ /* Wide Banner */ .layout .banner-wide { padding: 20px 0 7px 20px } .layout .banner-wide, .layout .banner-wide img { background: #fff; width: 920px; height: 200px; color: #ccc; } /* Main */ .layout .main { float: left; width: 644px; } .layout .main .inner { padding: 20px 0 40px 20px } .layout .main h1.title-underlined { font-size: 32px; line-height: 32px; border-bottom: 5px solid #d6e3d4; padding-bottom: 8px; margin-bottom: 20px; } .layout#news-page-layout .main h1.title-underlined, .layout#events-page-layout .main h1.title-underlined, .layout#blog-page-layout .main h1.title-underlined { margin-bottom: 0 } .layout .main h1.title-with-image { position: relative; width: 615px; height: 230px; margin-bottom: 20px; padding: 0; border: 0; } .layout .main h1.title-with-image .text { position: absolute; left: 0; bottom: 0; z-index: 2; width: 615px; color: white; background: transparent url(../images/layout/bg-title-with-image.png); } .layout .main h1.title-with-image .text em { padding: 16px 18px; font-size: 38px; line-height: 38px; font-family: 'CabinRegular', Arial, sans-serif; font-style: normal; display: block; } .layout .main h1.title-with-image img { position: absolute; top: 0; left: 0; z-index: 1; width: 615px; height: 230px; color: #ccc; background: #f4f4f4; font-family: Arial, sans-serif; } .layout .main h2.subtitle { background: none repeat scroll 0 0 transparent; color: #598954; font-family: 'CabinSemiBold',Arial,sans-serif; font-size: 24px; font-weight: normal; line-height: 22px; padding: 0; margin: 30px 0 0 0; } .layout .main .content-standard, .layout .main .content-medium, .layout .main .content-large { padding: 0 0 15px; } .layout .main .content-standard { } .layout .main .content-medium { margin: 30px 0 35px } .layout .main .content-large { margin: 0 0 35px; } .layout .main .rss-feed { float: right; width: 32px; height: 32px; background: url(../images/icons/rss-large.png) no-repeat 0 0; text-indent: 100%; overflow: hidden; white-space: nowrap; } #general-landing-layout { font-size: 14px; } #general-landing-layout .content-medium { padding: 0 10px; } #general-landing-layout p { line-height: 24px; } /* Sidebar */ .layout .sidebar { margin-left: 644px; width: 316px; background: white url(../images/layout/bg-sidebar.jpg) no-repeat right top; min-height: 396px; } .layout .sidebar .inner { padding: 38px 28px 40px 38px } .layout .sidebar .inner .section-title { font-size: 14px; line-height: 14px; text-transform: uppercase; color: #b5b5b5; font-family: 'CabinMedium'; padding: 0 0 5px 10px; } .layout .sidebar .inner .menu-block-wrapper ul { margin: 0; padding: 0; } .layout .sidebar .inner .menu-block-wrapper ul ul { display: none; } .layout .sidebar .inner .menu-block-wrapper ul li { margin: 0; padding: 0; display: block; border-bottom: 1px solid #e5e5e5; position: relative; } .layout .sidebar .inner .menu-block-wrapper ul li.last { border-bottom-color: transparent; } .layout .sidebar .inner .menu-block-wrapper ul li a { display: block; font-size: 17px; line-height: 20px; padding: 8px 0 8px 10px; font-family: 'CabinRegular', Arial, sans-serif; font-weight: 100; text-decoration: none; color: #333333; } .layout .sidebar .inner .menu-block-wrapper ul li a:hover, .layout .sidebar .inner .menu-block-wrapper ul li a.active, .sidebar .inner .menu-block-wrapper ul li a.active-trail { color: #954315 } .layout .sidebar .inner .menu-block-wrapper ul li a.active em { display: block; position: absolute; left: -30px; top: -1px; height: 40px; width: 12px; background: transparent url(../images/layout/bg-sidenav-active.png) no-repeat left center; } .sidebar h4 { color: #598954; font-size: 16px; background: #F2F7F1; padding: 8px 28px 8px; margin: 0 -28px 10px -18px; } #blog-block-archives { padding: 30px 0 0; margin: 0 0 15px; } #blog-block-archives ul { list-style: none; margin: 0; padding: 0; } #blog-block-archives li { margin: 0 0 4px; } #blog-block-archives .year-head { margin: 0 0 8px; padding: 0 10px; border-bottom: 1px solid #e5e5e5; } #blog-block-archives .year-head a { display: block; color: #A24E2B; font-size: 16px; padding: 5px 0; margin: 0; text-decoration: none; font-family: 'CabinBold'; } #blog-block-archives .year-head a:hover { color: #79361b; } #blog-block-archives .archive-list { margin: 0; padding: 0 0 15px 10px; } #blog-block-archives .archive-list li { color: #BBB; } #blog-block-archives .archive-list a { color: #888; } #blog-block-archives .archive-list a:hover { color: #555; } /* Sidebar > Blocks (Global) */ .layout .sidebar .sidebar-block { margin-top: 25px } /* Records List */ .layout .records-list { } .layout .records-list ul { list-style: none; padding: 0; margin: 0; } .layout .records-list .view-empty p { color: #cccccc; font-size: 18px; line-height: 18px; padding: 100px 0; text-align: center; margin: 0; } .layout .records-list .views-row { border-bottom: 1px solid #D7E4D5; padding: 20px 0 26px; } .layout .records-list .views-row .views-field-title a, .layout .records-list .views-row .views-field-title span { padding: 0; font-size: 20px; line-height: 20px; background: none; color: #598954; text-decoration: none; font-family: 'CabinSemiBold',Arial,sans-serif; font-weight: normal; } .layout .records-list .views-row .views-field-title a:hover { background: none; color: #598954; text-decoration: none; } .layout .records-list .views-row .views-field-field-article-date span, .layout .records-list .views-row .views-field-field-event-date span { color: #666666; font-size: 14px; } .layout .records-list .views-row .views-field-field-event-location { color: #666666; font-size: 14px; font-style: italic; } .layout .records-list .views-row .views-field-field-summary, .layout .records-list .views-row .views-field-field-event-summary, .layout .records-list .views-row .views-field-field-blog-summary { padding: 8px 0 0 0; font-size: 14px; } .layout .records-list .views-row .views-field-nothing, .layout .records-list .views-row .views-field-view-node { padding-top: 8px } .layout .records-list .views-row .views-field-nothing a, .layout .records-list .views-row .views-field-view-node a { color: #598954; text-decoration: underline; font-weight: bold; font-size: 14px; line-height: 14px; } .layout .records-list .views-row .views-field-nothing a:hover, .layout .records-list .views-row .views-field-view-node a:hover { text-decoration: none } /* Blog Post */ .layout .view-display-id-blog_post_page .views-field-field-blog-content { margin-top: 20px; font-size: 14px; line-height: 24px; } .layout .view-display-id-blog_post_page .views-field-title { background: none repeat scroll 0 0 transparent; color: #598954; font-family: 'CabinSemiBold',Arial,sans-serif; font-size: 24px; font-weight: normal; line-height: 22px; padding: 0; margin: 30px 0 0 0; } /* Pager */ .records-list .item-list .pager { display: block; list-style: none; padding: 15px 0; overflow: hidden; } .item-list .pager li { display: inline-block; *display: inline; zoom: 1; font-weight: bold; margin: 0 5px 0 0; padding: 0; } .item-list .pager li.pager-current, .item-list .pager li a { padding: 6px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .item-list .pager li a { display: block; background: #F0F0F0; color: #888; text-decoration: none; } .item-list .pager li a:hover { background: #DDD; color: #666; } .item-list .pager li.pager-current { background: #35782A; color: #FFF; } .item-list .pager li.pager-next, .item-list .pager li.pager-last { margin: 0; } .item-list .pager li.pager-next { margin-left: 5px; } .item-list .pager li.pager-previous { margin-right: 10px; } .item-list .pager li.pager-first a, .item-list li.pager-previous a, .item-list .pager li.pager-next a, .item-list .pager li.pager-last a { background: transparent; color: #BED3B8; } .item-list .pager li.pager-first a:hover, .item-list .pager li.pager-previous a:hover, .item-list .pager li.pager-next a:hover, .item-list .pager li.pager-last a:hover { background: transparent; color: #35782A; } /* BLOCKS ----------------------------------------------------------- */ .landing-child-blocks-wrapper { border-top: 5px solid #e0eade } .landing-child-block { border-bottom: 1px solid #d7e4d5; padding: 24px 0 29px; } .landing-child-block .landing-child-block-thumbnail { float: left; width: 120px; } .landing-child-block .landing-child-block-thumbnail .landing-child-block-image { width: 82px; height: 82px; margin-left: 10px; position: relative; background: #f3f3f3; } .landing-child-block .landing-child-block-thumbnail .landing-child-block-image a { display: block; position: absolute; left: 0; top: 0; width: 80px; height: 80px; border: 1px solid #686c68; } .landing-child-block .landing-child-block-info { margin-left: 120px; padding-right: 20px; } .landing-child-block .landing-child-block-title { font-family: 'CabinRegular', Arial, sans-serif; color: #63975b; font-size: 24px; line-height: 24px; margin-bottom: 10px; } .landing-child-block .landing-child-block-title a { color: inherit; text-decoration: none; } .landing-child-block .landing-child-block-title a:hover { color: #35782A; } .landing-child-block .landing-child-block-content { line-height: 24px; } .landing-child-block .landing-child-block-link { padding-top: 5px } .landing-child-block .landing-child-block-link a { color: #598954; text-decoration: underline; font-weight: bold; font-size: 14px; line-height: 14px; } .landing-child-block .landing-child-block-link a:hover { color: #2c5b28; } #tabNav { margin: 1px 0 0 0; padding: 0; display: block; list-style: none; overflow: hidden; } #tabNav li { float: left; margin: 0 1px 0 0; display: list-item; text-align: -webkit-match-parent; list-style: none; } #tabNav li a.active { background: #598954 url(../images/layout/bg-tabnav-active.png) center 100px no-repeat; color: white; text-decoration: none; } #tabNav li a:hover { background: #C4D9BF } #tabNav li a { display: inline-block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #598954; background: #E0EADE; text-decoration: none; } .search-result h3 a { padding: 0; font-size: 20px; line-height: 20px; background: none; color: #598954; text-decoration: none; font-family: 'CabinSemiBold',Arial,sans-serif; font-weight: normal; } .search-results .search-info { color: #666; font-size: 14px; } .search-results .search-snippet-info { padding-right: 1em; /* LTR */ padding: 8px 0 0 0; font-size: 12px; } .search-result { border-bottom: 1px solid #D7E4D5; padding: 20px 0 26px; } #search-form .form-item-keys { display: inline } #search-form .form-item-keys input { float: left; width: 216px; padding: 8px 8px 8px 32px; margin: 0 5px 0 0; background: white url(../images/icons/search.png) 8px 7px no-repeat; border: 1px solid #DFDCD2; font-size: 14px; line-height: 14px; } #search-form .form-item-keys label { display: none } #search-form #edit-submit { float: left; margin: 1px 0 0 0; display: inline-block; font-size: 14px; text-transform: uppercase; padding: 7px 12px; font-family: 'CabinBold', Arial, sans-serif; text-decoration: none; color: white; background: #498D3E url(../images/layout/bg-standard-button.png) 0 0 repeat-x; text-shadow: 0 1px #23411F; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666; box-shadow: 0 1px 3px #666; behavior: url(assets/css/PIE.php); border: 0px; } /* ---------------------------------------------------------------------- */ /* ARTICLES /* ---------------------------------------------------------------------- */ .article { padding: 20px 0 20px 0; border-bottom: 1px dotted #ccc; } .article h3 { text-transform: none; font-size: 22px; margin: 0 0 5px; } .article h3 a { } .article p.date { padding: 0 0 5px 0; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; } .article p.location { padding: 0 0 5px 0; margin: -5px 0 0; font-size: 12px; font-style: italic; color: #888; } .article .synopsis { } .article .synopsis p { margin: 0 0 15px; } .article .synopsis a { } .article a.readMore { display: inline-block; padding-left: 5px; } /* ---------------------------------------------------------------------- */ /* DRUPAL ADMIN /* ---------------------------------------------------------------------- */ #user-login { display: block; width: 250px; padding: 30px; border: 1px solid #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; box-shadow: 0 0 8px #DDD; margin: 40px auto; } #user-login input { width: 98%; border: 1px solid #DDD; padding: 5px; } #user-login input[type='submit'] { width: auto; background: #3c7d32; color: #FFF; border: 0; padding: 8px 15px; } #user-login label { font-size: 11px; font-weight: bold; display: block; padding: 0 0 3px; } #user-login .description { font-style: italic; color: #888; padding: 3px 0 0; } .view-filters { display: none; } /* ---------------------------------------------------------------------- */ /* FANCYBOX /* ---------------------------------------------------------------------- */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0 solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../images/fancybox/fancybox.png) -40px 0; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left,#fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0; } #fancybox-right { right: 0; } #fancybox-left-ico,#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(../images/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(../images/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover,#fancybox-right:hover { visibility: visible /* IE6 */; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../images/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../images/fancybox/fancybox-y.png); background-position: -20px 0; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../images/fancybox/fancybox-x.png); background-position: 0 -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../images/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(../images/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: inherit; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(../images/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: 700; padding: 0 0 3px; background: url(../images/fancybox/fancybox-x.png) 0 -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_close.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_nav_left.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_nav_right.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_title_left.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_title_main.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_title_right.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + px); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_loading.png',sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent!important; } .fancybox-ie #fancybox-bg-n { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_n.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_ne.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_e.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_se.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_s.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_sw.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_w.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/fancybox/fancy_shadow_nw.png',sizingMethod='scale'); } /* ---------------------------------------------------------------------- */ /* GBM in Action /* ---------------------------------------------------------------------- */ #media-page-layout h1 { margin: 0 0 15px; } #media-page-layout h2 { margin: 0 0 20px; } #media-page-layout .back-link { display: block; float: right; font-size: 12px; margin: 15px 0 4px; } #media-page-layout .back-link a { text-decoration: none; color: #888; } #media-page-layout .back-link a:hover { color: #666; } #media-gallery .album, #media-gallery .photo { display: block; float: left; margin: 0 20px 20px 0; } #media-gallery .album, #media-gallery .photo { width: 130px; text-decoration: none; text-align: center; } #media-gallery .album h3, #media-gallery .album h4 { text-align: left; } #media-gallery .album h3 { text-transform: none; } #in-action-video { position: relative; margin: 15px 0 0; display: block; float: left; } /* ---------------------------------------------------------------------- */ /* NEWSLETTER SIGNUP /* ---------------------------------------------------------------------- */ .form-fields { list-style: none; font-size: 14px; margin: 0 0 20px; } .form-fields li { margin: 0 0 5px; } .form-fields label { clear: both; color: #A24E2B; font-family: 'CabinBold'; text-transform: uppercase; float: left; width: 100px; padding-top: 5px; } .form-fields .field { margin-left: 100px; } .form-fields .captcha img { display: block; margin: 0 0 10px; } .message { padding: 5px 10px; margin: 0 0 15px; font-weight: bold; } .message.error { background: #f2dfd7; border: 1px solid #e1c2b5; color: #900; } .message.success { background: #e6e9d1; border: 1px solid #e1e5c9; color: #598954; }