* { margin: 0; padding: 0; outline:0; } body { font-size: 14px; line-height: 20px; font-family: Helvetica, Arial, Sans-Serif; color: #625741; background: url(images/body-4.png) repeat 0 0; } @font-face { font-family: 'gillsans'; src: url('fonts/gillsans-webfont.eot'); src: url('fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gillsans-webfont.woff') format('woff'), url('fonts/gillsans-webfont.ttf') format('truetype'), url('fonts/gillsans-webfont.svg#GillSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gillsans'; src: url('fonts/gillsans-bold-webfont.eot'); src: url('fonts/gillsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gillsans-bold-webfont.woff') format('woff'), url('fonts/gillsans-bold-webfont.ttf') format('truetype'), url('fonts/gillsans-bold-webfont.svg#GillSansBold') format('svg'); font-weight: bold; font-style: normal; } html, body { height: 100%} #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -357px; } a { color: #0a6a8c; text-decoration: none; border-bottom: solid 1px #ddd; cursor:pointer;} a:hover { color: #187fa3; border-bottom: solid 1px #187fa3;} a img { border: 0; } a.button {border: none;} a:hover.button {border: none;} a.small {font-size: 0.8em; text-decoration: none !important; border: none;} a:hover.small {border-bottom: solid 1px;} a.external-link {display: inline-block; height: 10px; width: 10px; background: url(images/external-link.png) no-repeat top left; text-indent: -9999px; border: none; position: relative; top: 2px;} a:hover.external-link {background: url(images/external-link.png) no-repeat bottom left;} a.slide-arrow {float: left; display: block; height: 57px; padding-right: 51px; background: url(images/btn-slide-arrow.png) top right no-repeat; text-decoration: none; border: none;} a.slide-arrow span {display: block; float: left; background: url(images/btn-slide-left.png) top left no-repeat; padding-left: 25px; font-size: 20px; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; line-height: 57px;} a:hover.slide-arrow {text-shadow: 0 0 11px #ffac4b;} a.fbconnect-btn {display: block; width: 202px; height: 26px; background: url(images/fbconnect-btn.png) top left no-repeat; margin-bottom; 1px; text-indent: -9999px; border: none;} a:hover.fbconnect-btn {background: url(images/fbconnect-btn.png) bottom left no-repeat;} h3 {float: left; width: auto;} h3.featured-header {font-size: 21px !important; margin-top: -3px; color: #312A00 !important;} p {margin-bottom: .85em; font-size: .93em;} .expires {font-family: Georgia, Times New Roman, serif; font-style: italic;} .underline {text-decoration: underline;} .mr5 {margin-right: 5px!important;} .mr10 {margin-right: 10px!important;} .mr15 {margin-right: 15px!important;} .mr20 {margin-right: 20px!important;} .mr25 {margin-right: 25px!important;} .nmb {margin-bottom: 0px!important;} .mb5 {margin-bottom: 5px!important;} .mb10 {margin-bottom: 10px!important;} .mb15 {margin-bottom: 15px!important;} .mb20 {margin-bottom: 20px!important;} .mb25 {margin-bottom: 25px!important;} .mt5 {margin-top: 5px !important;} .mt7 {margin-top: 7px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .last {margin-right: 0px!important;} .text-left {text-align: left!important;} a.sub-text.mb5 {margin-bottom: 5px !important;} .small_label {font-size: .8em; opacity: .7;} ul.with-icon {} ul.with-icon li {list-style-type: none; clear: both; text-transform: uppercase; font-size: .9em; padding: 2px 0;} ul.with-icon li a {text-decoration: none;} ul.with-icon li a:hover {text-decoration: underline;} ul.with-icon li img {float: left; margin: 3px 7px 0 0;} ul.how-map-works {list-style: none; margin: 0px; padding: 1.3em 0;} ul.how-map-works li {float: left; width: 22%; margin-right: 3%;} ul.how-map-works img {clear: both; position: relative; left: -5px; margin-bottom: .9em;} ul.square {list-style: square; list-style-type: square; list-style-position: inside; color: #d95700; font-size: 0.9em;} ul.square span {color: #2C0F02 !important;} input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } textarea { overflow: auto; } .cl {clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } img.image-right {padding: 0 0 1.2em 1.5em;} img.image-left {padding: 0 1.75em 1.2em 0;} .shell { width: 960px; margin: 0 auto; } .hidden {display: none;} .promise {font-size: .90em;} .header-bg { background: #bde9fb url(images/header-bg.png) repeat-x 0 0; min-width: 960px; position: relative; z-index: 900; height: 87px; } .header-nobg .header-bg { background-color: transparent; } #header {} #header .shell { height: 81px; position: relative; padding: 6px 0 0 0; width: 960px; margin: 0 auto;} #header h1#logo { height: 63px; width: 253px; position: absolute; top: 15px; left: -4px; } #header h1#logo a { height: 63px; width: 253px; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px; display: block; border: none; } /*.top-box { height: 61px; width: 406px; background: url(images/top-box.png) no-repeat 0 0; float: right; display: inline; padding: 10px 11px 0 13px; font-size: 12px; color: #026b8e; line-height: 17px; text-shadow: 1px 1px 1px #fff; } .top-box p { width: 240px; float: left; display: inline; } .top-box a.btn { font-family: "gillsans", arial, sans-serif; height: 40px; width: 129px; background: url(images/top-box-btn.png) no-repeat 0 0; text-align: center; color: #fff; font-size: 15px; float: right; display: inline; line-height: 39px; text-shadow: 0px -1px 1px #d2700e; margin-top: 7px; } .top-box a.btn:hover { background-position: 0 bottom; text-decoration: none; }*/ #navigation {position: relative; float: right; height: 35px; top: 21px; padding-right: 16px; background: url(images/nav-right.png) top right no-repeat; margin-right: 7px;} #navigation span {float: left; height: 35px; padding-left: 16px; background: url(images/nav-left.png) top left no-repeat;} #navigation span ul {float: left; list-style: none; padding: 6px 0 0 0;} #navigation span ul li {display: inline; margin-right: 15px;} #navigation span ul li.last {margin-right: 0px!important;} #navigation span ul li a {font-family: 'Rokkitt', serif; font-size: 17px; color: #3b1706; border: none;} #navigation span ul li a:hover {color: #625741;} #header .user_display {float: left; width: 80px; position: relative; top: 13px; /*background: url(images/user_display.png) no-repeat 34px 1px;*/} #header .user_display a.tool-tip-account {float: left; margin: 9px 8px 0 0; border: none;} #header .user_display a:hover.tool-tip-account {border: none;} #header .user_display img {float: left; width:27px; height: 27px; border-right: solid 1px #cce3ea; border-bottom: solid 1px #cce3ea; border-top: solid 1px #7eb0c0; border-left: solid 1px #7eb0c0;} #header .user_display span a {font-size: 10px; position: relative; top: 12px; color: #5C91A2; border: none;} #header .user_display span a:hover {border-bottom: solid 1px;} #header a.fb-btn, #facebook-callout a.fb-btn, #donate-step-2 a.fb-btn {float: left; position: relative; top: 25px; background: url(images/facebook-connect-small-btn.png) top left no-repeat; display: block; width: 76px; height: 24px; text-indent: -9999px; border: none;} #facebook-callout a.fb-btn {margin-right: 8px !important;} #header a:hover.fb-btn {background: url(images/facebook-connect-small-btn.png) top bottom no-repeat;} .cnt a.fb-btn, .popup-content a.fb-btn {float: left; position: relative; background: url(images/fbconnect-btn.png) top left no-repeat; width: 202px; height: 26px; display: block; text-indent: -9999px; border: none;} .cnt a:hover.fb-btn, .popup-content a:hover.fb-btn {background: url(images/fbconnect-btn.png) bottom left no-repeat;} #sub-navigation {position: relative; top: 28px; float: right; padding-right: 10px; margin-bottom: 13px;} #sub-navigation ul {list-style: none; margin: 0px; padding: 0px; display: block;} #sub-navigation ul li {float: left; display: inline; font-size: 12px; font-weight: bold; padding-left: 20px;} #sub-navigation ul li a {color: #5c91a2; text-decoration: none; border: none;} #sub-navigation ul li a:hover, #sub-navigation ul li.active a {color: #19708D;} #sub-navigation ul li.active {background: url(images/orange-arrow.png) 10px 5px no-repeat;} .b-container { background: url(images/container-2.png) repeat-x 0 0; padding-top: 25px; padding-bottom: 25px; min-height: 100px; position: relative; z-index: 99; } .c-container { background: url(images/container.png) repeat-x 0 0; padding-top: 32px; padding-bottom: 25px; min-height: 100px; position: relative; z-index: 99; } .project_details .container {background-image: none;} .content { width: 629px; float: left; display: inline; } #sidebar { width: 308px; float: right; display: inline; } .content h2 { font-size: 20px; line-height: 22px; color: #0b7295; text-shadow: 0 1px 1px #fff; } .content p { padding-bottom: 15px; text-shadow: 1px 1px 1px #fff; } .post { padding: 0 22px 0 25px; } .post p a { text-decoration: underline; } .post p a:hover { text-decoration: none; } .post p.post-info { font-size: 13px; padding-bottom: 1px; } .post .img { margin-bottom: 15px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .post .img img { display: block; } .content .post ul, .content .post ol {padding-left: 18px;} .meta p.left { padding-bottom: 10px; } .meta p.right { padding-bottom: 10px; } .meta p.right span { padding: 0 6px; text-shadow: 1px 1px 1px #fff; } .meta p.right a.comments-show { color: #625741; background: url(images/comments-show.png) no-repeat right 4px; padding-right: 20px; } .meta p.right a.comments-hide {background-image: url(images/comments-hide.png);} .comments { background: url(images/divider.png) repeat-x 0 0; padding-top: 11px; } .comments ul { list-style: none; list-style-position: outside; padding-bottom: 15px; } .comments ul li { position: relative; padding-left: 109px; background: url(images/divider.png) repeat-x 0 bottom; padding-top: 5px; height: 100%; padding-bottom: 7px; } .comments ul li .img { position: absolute; top: 0; left: 0; height: 85px; width: 85px; background: url(images/comment-author-img.png) no-repeat 0 0; padding: 4px; } .comments ul li h3 { color: #e7791a; font-size: 16px; padding-bottom: 6px; } .comments ul li h3 span { color: #625741; font-weight: normal; font-size: 14px; float: right; display: inline; } .comments ul li .comment-content { overflow: auto; } .mid-box { background: url(images/mid-box-c.png) repeat-y 0 0; } .mid-box .box-t { background: url(images/mid-box-t.png) no-repeat 0 0; } .mid-box .box-b { background: url(images/mid-box-b.png) no-repeat 0 bottom; min-height: 350px; padding: 27px 23px 12px 70px; height: 100%; } .comments-form .row { padding-bottom: 16px; } .comments-form label { width: 105px; float: left; display: inline; font-size: 15px; color: #267994; text-shadow: 1px 1px 1px #fff; line-height: 50px; padding-right: 16px; text-align: right; } .comments-form span.field { height: 52px; width: 413px; float: left; display: inline; background: url(images/form-field.png) no-repeat 0 0; } .comments-form span.field input { width: 377px; background: transparent; border: 0; color: #91aa4d; font-size: 15px; font-family: "hoefler", arial, sans-serif; padding: 15px 18px; } .comments-form span.textarea-field { height: 136px; width: 413px; background: url(images/form-textareafield.png) no-repeat 0 0; float: left; display: inline; } .comments-form span.textarea-field textarea { height: 106px; width: 377px; border: 0; background: transparent; padding: 15px 18px; resize: none; color: #91aa4d; font-size: 15px; font-family: "hoefler", arial, sans-serif; } .comments-form input.form-submit { height: 51px; width: 136px; display: block; margin-left: 121px; background: url(images/form-submit.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; cursor: pointer; } .comments-form input.form-submit:hover { background-position: 0 bottom; } /* map */ .themap {padding:10px;height:470px;background:url(images/map-loader.gif) center center no-repeat rgba(255,255,255,.9);width:960px;margin:15px auto 0 auto;box-shadow:0px 4px 8px rgba(0,0,0,.25);position:relative;} #map_canvas {width:960px;height:470px;position:absolute;z-index:99;} /*.themap {height: 473px; background:url(images/map-loader.gif) center center no-repeat rgba(255,255,255,.9);position:relative;} #map_canvas {width:100%;height:100%;position:absolute;z-index:99;}*/ /* sidebar */ #sidebar { } #sidebar .box { padding-bottom: 20px; margin-bottom: 0px;} #sidebar .box-t { height: 265px; background: url(images/sidebar-box-t.png) no-repeat 0 0; } #sidebar .box-c { background: url(images/sidebar-box-c.png) repeat-y 0 0; padding: 0 25px 17px;} #sidebar .box-c strong, .no-box strong {text-transform: uppercase; font-size: .9em; color: #312A00;} #sidebar .box-b { background: url(images/sidebar-box-b.png) no-repeat left bottom; height: 10px;} #sidebar .box-custom-bottom .box-b { background: url(images/sidebar-box-b.png) no-repeat 0 0; height: 60px; padding-top: 11px; padding-left: 20px;} #sidebar .box .rel { position: relative; float: left; display: inline; margin: -242px 0 0 0; width: 100%; } #sidebar .box p { padding-bottom: 10px; text-shadow: 1px 1px 1px #fff; border-bottom: none;} #sidebar h3.inside {clear: both; float: none; color: #312A00; padding-bottom: 1.2em; font-family: 'Rokkitt', serif; font-size: 1.3em; height: 18px;} #sidebar h3.tagline {padding:0px; margin: 0px; height: auto;} #sidebar span.tagline {font-weight: bold; font-size: .8em; text-transform: uppercase; } #sidebar .rel-search h3.inside {padding-bottom: 8px !important;} #sidebar h3.leaf {background: url(images/tiny-leaf.png) no-repeat; padding-left: 28px;} #sidebar h3.star {background: url(images/tiny-star.png) no-repeat; padding-left: 28px;} #sidebar h3.globe {background: url(images/tiny-globe.png) no-repeat; padding-left: 28px;} #sidebar h3.coffee {background: url(images/tiny-coffee.png) no-repeat; padding-left: 28px;} #sidebar h3.bubble {background: url(images/tiny-bubble.png) no-repeat; padding-left: 28px;} #sidebar .project-link {border: none; color: #312A00;} #sidebar .box-brown {background: url(images/box-brown-top.png) top left no-repeat; width: 308px; padding-top: 20px; margin-bottom: 15px;} #sidebar .box-brown .rel {background: url(images/box-brown-bottom.png) bottom left no-repeat; padding: 0 0 20px 20px;} #sidebar .box-brown h3 {color: #DAD1BD; text-shadow: 1px 1px 0px #000; height: 13px !important;} #sidebar .box-brown a.sub-text {color: #895B38 !important;} #sidebar .box-brown a:hover.sub-text {color: #fff !important;} #sidebar ul li img {float: left; margin-right: 1em;} #sidebar .fixed-box {display: block; width: 308px; height: 102px; background:url(images/counter-box.png) no-repeat; margin-bottom: 15px;} #sidebar .fixed-box .rel {padding: 24px 0 0 25px;} #sidebar .fixed-box .rel-search {padding: 12px 0 0 24px; } #sidebar .fixed-box .rel-promise {padding: 13px 15px 0 14px; } #sidebar .fixed-box .rel-promise .text {position: relative; top: 12px; line-height: 1.4em; text-shadow: 1px 1px 1px #FFFFFF;} #sidebar .fixed-box .rel-promise a {border: none; color: #625741;} #sidebar .fixed-box .rel-promise a:hover {color: #312a00;} a.icon-link, a.sub-text, .lifestream li span a {font-size: 10px; font-weight: bold; padding: 0px; margin: 0px; text-transform: uppercase; color: #aaa293; border: none;} a:hover.icon-link, a:hover.sub-text, a:hover.icon-link, .lifestream li span a:hover {border: none; color: #312A00;} a.comment-link {font-size: 10px; font-weight: bold; padding: 0px; margin: 0px; text-transform: uppercase; color: #312A00; border: none; position: relative; top: 5px;} a:hover.comment-link {color: #574111;} a.fb-comment {display: block; width: 69px; height: 22px; background: url(images/fbcomment.png) no-repeat; text-indent: -9999px;} #sidebar .no-box {width: 85%;} #sidebar .no-box .rel {} #sidebar .no-box h4 {color: #958261; font-weight: normal; font-size: 13px;} span.trees-planted {font-family: 'Sue Ellen Francisco', cursive; position: relative; top: 4px;} .counter { background:url(images/counter-right.png) no-repeat scroll top right; margin-top: -6px; display:block; float:left; color:#fcf2e6; height:53px; padding-right:13px; text-decoration:none; border: none; } .counter span { background:url(images/counter-left.png) top left no-repeat; display:block; padding:15px 0 25px 13px; letter-spacing: 2px; font-size: 34px; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #1F0B02; text-shadow: 0px 1px 0px #000;} input.search {width: 237px; height: 33px; background: url(images/search.png) no-repeat; border: 0px; padding-left: 35px;} h3.custom-heading { font-size: 0; line-height: 0; text-indent: -4000px; position: relative; margin-top: -45px; margin-bottom: 12px; margin-left: -5px; } h3.get-involved { height: 31px; width: 181px; background: url(images/get-involved.png) no-repeat 0 0; } .landscape { background: url(images/footer-landscape.png) repeat-x center bottom; height: 78px; } .landscape .shell { position: relative; top: -22px; height: 78px; z-index: 2; font-size: 0; line-height: 0;} .landscape .shell img {float: right; position: relative; right: 10px;} .footer-bottom { height: 41px; background: url(images/footer-bottom.png) repeat-x 0 0; color: #ab7852; font-size: 12px; line-height: 40px; text-shadow: 0 1px 1px #000;} .footer-bottom .indiecentive {float: left; background: url(images/footer-divider.png) top left no-repeat; margin-left: 10px; padding-left: 12px; } .footer-bottom .indiecentive a {color: #efefef; border: none; } .footer-bottom .social-footer {} .footer-bottom .social-footer img, .footer-bottom .social-footer span {float: left; margin-right: 8px;} .footer-bottom .social-footer img {height: 16px; margin-top: 11px;} .footer-bottom .social-footer img.last {margin-right: none !important;} .footer-bottom .social-footer a {} .footer-bottom .social-footer a:hover {box-shadow: 0 0 6px #fff;} .footer-main { height: 250px; background: url(images/footer-main.png) repeat-x 0 0; } .footer-main .shell { padding: 34px 0 0 0; } .footer-main h2.footer-logo { height: 48px; width: 206px; padding-top: 0; margin-bottom: .6em;} .footer-main h2.footer-logo a { height: 48px; width: 206px; display: block; background: url(images/footer-logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; border: none;} .footer-main .left { width: 285px; color: #dad1bd; text-shadow: 0 -1px 1px #2e1e0d; margin-right: 52px;} .footer-main .left.last {margin-right: 0px!important;} .footer-main .left p { padding-top: 4px; font-size: 13px;} .footer-main .left h3 {line-height: 2.8em; margin-bottom: 1em;} .footer-main .footer-right { width: 437px; float: right; display: inline; } .footer-main .col { width: 120px; float: left; display: inline; padding-right: 30px; } .footer-main a { color: #dad1bd; text-shadow: 0 -1px 1px #2e1e0d; border: none;} .footer-main a:hover {color: #fff;} .footer-main .left ul { width: 285px; list-style: none; list-style-position: outside; font-size: 13px; } .footer-main .left ul li { float: left; width: 140px; padding-bottom: 1px; } .footer-main .socials { width: 144px; padding: 0; position: relative; margin-right: -10px; } .footer-main .socials .twitter { float: left; display: inline; padding-right: 12px; } .footer-main .socials .facebook { float: left; display: inline; } .footer-main .business {display: block; width: 286px; height: 174px; background: url(images/footer-partners-bg.png) no-repeat 0 0;} .footer-main .business .rel {float: left; padding: 25px 0 0 20px;} .footer-main .business .rel h3 {margin-bottom: .4em; margin-top: 3px; line-height: 1.6em; padding-left: 6px; text-shadow: 1px 1px 1px #000;} .footer-main ul.callout {list-style: none; width: 246px;} .footer-main ul.callout li {clear: both; width: 246px; line-height: 2.5em; background: url(images/footer-partners-border.png) bottom repeat-x; margin-bottom: 2px; padding-bottom: 4px;} .footer-main ul.callout li a {width: 250px; display: block;} .footer-main ul.callout li.last {background: none;} .footer-main ul.callout strong {text-transform: uppercase; font-size: .8em;} .footer-main ul.callout li img {float: left; margin-right: 10px;} /*ACCOUNT DETAILS*/ .status-table { width:100%; border:collapse; } .status-table td { margin-right:10px; } .status-table thead tr td { font-weight:bold; } .status-table tr:nth-child(odd) { background: #fcf6ef;} .status-table tr:nth-child(even) {background: #f7f0e7;} .status-table td {} .status-table td { padding:5px; margin:0px; } .status-table thead tr td { color:#666; border-bottom:1px solid #666; } .status-table tbody tr td { color:#666; border-bottom:1px solid #CCC;border-top:1px solid #FFF; } .status-table tbody tr:hover { background:#fcf6ef; cursor:pointer; } .status-table img.sponsor {position: relative; margin-top: 3px; margin-left: 7px;} .status-table a.project {text-transform: uppercase; color: #312A00; font-weight: bold; font-size: .85em;} /*HOME PAGE STYLE*/ .home-cnt { background: url(images/home-bg-int.png) repeat-x center 0;} .home-cnt.home {background: url(images/home-bg-new.png) repeat-x center 0;} .map-cnt { background: url(images/home-main-bkgrd.png) repeat-x center 0; } .home-cnt-center {} /* Animation */ .spacer_animation {height:440px; width: 100%; float: left; position: relative;} .spacer_animation .spacer_animation_parts { width:960px; height:440px; position:absolute; overflow:hidden; } .spacer_animation .spacer_animation_parts div { margin-top:0; width:960px; height:440px; position:absolute; } #spacer_animation_home { background:url(images/field-bottom-new-2.png) no-repeat bottom center; z-index: 400;} #spacer_animation_home .frame-1 {height:440px; width: 100%; float: left; background: url(images/tc-slide5.png) bottom center no-repeat; z-index: 500; overflow: visible; position: relative;} .home-page-functions {display: block; width: 100%; position: absolute; z-index: 900; background: transparent;} .home-page-functions .center {width: 960px; margin: 0 auto;} .left-panel { width: 474px!important; float: left; display: inline; padding-top: 37px; } .left-panel .rel { position: relative; float: left; display: inline; margin: 0 0 0 3px; width: 474px;} .left-panel p { padding-bottom: .15em; font-size: 16px; line-height: 23px; color: #492c12; text-shadow: 0px 1px 0px #fff; width: 463px; margin-left: 0px;} .left-panel h2 {/*color: #302309; font-size: 2.1em; font-family: 'Rokkitt', serif; line-height: 1.1em;*/ padding-bottom: .5em; text-indent: -9999px; height: 74px; width: 454px; background: url(images/header-home-15.png) no-repeat; margin-left: -2px;} .left-panel p a { text-decoration: underline; } .left-panel p a:hover { text-decoration: none; } .left-panel a.btn { height: 46px; width: 241px; background: url(images/panel-btn.png) no-repeat 0 top; font-size: 18px; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; padding-left: 21px; display: block; line-height: 46px; text-shadow: 0px -1px 0px #ae4e1a; letter-spacing: 1px; border: none; margin: 0 0 1.2em 0px;} .left-panel a.btn:hover { text-decoration: none; color: #fff; background-position: 0 bottom;} .left-panel a.video {display: block; background: url(images/watch-video.png) top left no-repeat; width: 110px; height: 12px; overflow: hidden; color: #5d839e; font-size: 13px; font-family: 'Rokkitt', serif; line-height: 14px; font-weight: bold; padding-left: 17px; text-transform: uppercase;border: none;} .left-panel a:hover.video {background: url(images/watch-video.png) bottom left no-repeat; text-decoration: none; border: none; color: #456985;} .left-panel a.how-it-works {float: left; display: block; background: url(images/how-it-works.png) top left no-repeat; width: 92px; height: 16px; overflow: hidden; margin-right: 8px; margin-left: 0px; font-family: 'Rokkitt', serif; color: #5d839e; font-size: 13px; line-height: 16px; font-weight: bold; padding-left: 21px; text-transform: uppercase; border: none; position: relative; top: -1px;} .left-panel a:hover.how-it-works {background: url(images/how-it-works.png) bottom left no-repeat; text-decoration: none; border: none; color: #456985;} .right-panel {width: 300px; height: 378px; float: right; position: relative;} .right-panel a {border: none;} .right-panel h3 {font-size: 13px; margin-bottom: .4em; color: #fff; padding-left: 5px; opacity: .8;} .right-panel .home-slider {background: transparent; width: 180px; height: 92px; overflow: hidden; position: relative; top: 24px; left: -13px;padding: 0px; float: right;} .right-panel .home-slider .jcarousel-clip {width: 180px; overflow: hidden; list-style: none;} .right-panel .home-slider ul {width: 180px; position: relative; overflow: hidden; list-style: none;} .right-panel .home-slider ul li { width: 180px;float: left; display: inline; position: relative; font-family: arial, sans-serif;} .right-panel .home-slider ul li .img {float: left; height: 57px; width: 57px; border: 1px solid; border-left-color: #625741; border-top-color: #625741; border-right-color: #fff; border-bottom-color: #fff; margin: 2px 10px 0 0;} .right-panel .home-slider ul li .img img {width: 57px; height: 57px;} .right-panel .home-slider ul li strong {font-family: arial; font-style: normal; color: #403521; text-transform: uppercase;} .right-panel .home-slider ul li p {font-size: 12px; margin-bottom: .3em; color: #625741; line-height: 15px; font-family: Georgia; font-style: italic;} .right-panel .home-slider ul li p.just-planted {height: 65px; overflow: hidden; text-shadow: 1px 1px 1px #fff; } .right-panel .home-slider ul li a.more-link {font-family: arial, helvetica, sans-serif; color: #0a6a8c; text-decoration: underline;} .right-panel .home-slider ul li a.more-link:hover {text-decoration: none;} .right-panel a.this-location, .featured-project a.location, #sidebar a.location {float: left; clear: right; display: block; background: url(images/tiny-marker.png) top left no-repeat; padding-left: 17px; border: none; position: relative; top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; text-transform: uppercase; font-weight: bold; color: #aaa293; text-shadow: none; margin-bottom: 10px; line-height: 13px; padding-bottom: 2px;} .right-panel a:hover.this-location, .featured-project a:hover.location, #sidebar a:hover.location {color: #333; background-position: 0 -16px;} .right-panel .like {float: right; position: relative; top: 47px; left: -20px; width: 100px; height: 21px;} span.stats p {text-align: center; font-size: 13px; color: #176983; text-shadow: 1px 1px 1px #fff; font-family: "gillsans", arial, sans-serif; } span.stats strong { font-size: 33px;} .light-brown {background: url(images/light-brown.png) repeat-x 0 0; height: 87px;} .light-brown .shell { height: 87px; padding-top: 16px; } .light-brown a { height: 46px; width: 406px; background: url(images/brown-btn.png) no-repeat 0 0; padding: 10px 45px 0 18px; float: left; display: inline; font-family: 'Rokkitt', serif; color: #DAD1BD; text-shadow: 1px 1px 1px #000; font-size: 1.1em; border: none;} .light-brown a.right { float: right; display: inline; } .light-brown a strong { display: block; font-size: 1.2em; } .light-brown a:hover { background-position: 0 bottom; text-decoration: none; color: #e7dfcf; } .light-brown.with-arrow a {background-image: url(images/brown-btn-arrow.png);} a.gray-btn { height: 55px; width: 332px; padding: 10px 15px 0px; background: url(images/gray-btn-1.png) no-repeat 0 0; float: left; display: inline; font-family: "gillsans", arial, sans-serif; color: #444; text-shadow: 0px 1px 0px #fff; font-size: 15px; border: none;} a:hover.gray-btn {background-position: left bottom; text-decoration: none;} a.gray-btn img {margin-right: 15px;} .subnav { background: url(images/subnav.png) repeat-x 0 0; } .subnav .shell { height: 49px; background: url(images/subnav.png) repeat-x 0 0; padding: 1px 0; } .subnav .shell ul { padding-left: 211px; background: url(images/subanv-separator.png) no-repeat right 0; height: 49px; float: left; display: inline; padding-right: 2px; } .subnav .shell ul li { height: 49px; float: left; display: inline; line-height: 48px; font-size: 14px; font-family: "gillsans", arial, sans-serif; background: url(images/subanv-separator.png) no-repeat left 0; padding-left: 2px; } .subnav .shell ul li a { color: #fff; text-shadow: 0 -1px 1px #57797a; float: left; display: inline; height: 49px; padding: 0 23px 0 16px; font-weight: bold; } .subnav .shell ul li a:hover, .subnav .shell ul li.active a { text-shadow: 0 -1px 1px #b26410; text-decoration: none; background: url(images/subnav-hover.png) repeat-x 0 0; } .featured { background: url(images/featured.png) repeat-x 0 0; } .featured-center { background: url(images/featured-center.jpg) no-repeat center 0; } .featured .shell { height: 339px; padding-top: 12px; } .featured .holder { height: 317px; width: 557px; background: url(images/feature-holder.png) no-repeat 0 0; float: left; display: inline; padding: 7px; } .featured .cnt { width: 364px; float: right; display: inline; padding-top: 7px; color: #4a5709; font-size: 16px; font-family: "gillsans", arial, sans-serif; line-height: 23px; } .featured h2 { font-size: 24px; color: #fff; line-height: 24px; padding-bottom: 7px; text-shadow: 0 -1px 1px #9bbb32; } .featured p strong { font-size: 16px; color: #fff; line-height: 18px; text-shadow: 0 -1px 1px #9bbb32; } .featured p { padding-bottom: 4px; } .featured p a { color: #fff; text-decoration: underline; text-shadow: 0 -1px 1px #9bbb32; } .featured p a:hover { text-decoration: none; } .featured .partners img { margin-right: 19px; } .featured-project {float: left; background: url(images/divider.png) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; width: 275px;} .featured-project.first {margin-right: 23px;} .featured-project.bottom {background-image: none; padding-bottom: 0px !important; margin-bottom: 0px !important;} .featured-project h4 {font-size: 14px !important; font-weight: bold !important; clear: both; font-family: Helvetica, Arial, sans-serif !important; margin-top: -16px; } .featured-project h4 a, .featured-project h4 a:hover {color: #312A00; border: 0px;} .featured-project p {margin-bottom: 1em !important; padding-bottom: 0px !important; min-height: 75px;} .featured-project a {border: 0px !important;} .featured-project img {margin-bottom: 2.0em;} .featured-project-image {float: left; clear: right; padding-bottom: 20px; margin-bottom: 20px; width: 275px;} .featured-project-image a, .featured-project-image a:hover {border: none;} .featured-project-image img {float: right; margin-top: -20px; border: solid 5px #fff;} .search-results-title {display: block; padding-bottom: 20px; margin-bottom: 20px;} .featured-project ul.stats {display: block; width: 100%; list-style: none; padding: 0px; margin: .5em 0 0 0; font-size: 11px;} .featured-project ul.stats li {float: left; width: 28%; margin-right: 2%; line-height: 1.2em; text-transform: uppercase;} .featured-project ul.stats li.last {margin-right: 0px !important;} .featured-project ul.stats li strong {font-weight: bold; display: block; clear: both !important;} .featured-campaign {float: left; background: url(images/divider.png) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; width: 275px;} .featured-campaign.first {margin-right: 23px;} .featured-campaign.bottom {background-image: none; padding-bottom: 0px !important; margin-bottom: 0px !important;} .featured-campaign h4 {font-size: 14px !important; font-weight: bold !important; clear: both; font-family: Helvetica, Arial, sans-serif !important; margin-top: -16px; } .featured-campaign h4 a, .featured-project h4 a:hover {color: #312A00; border: 0px;} .featured-campaign p {margin-bottom: 1em !important; padding-bottom: 0px !important; } .featured-campaign a {border: 0px !important;} .featured-campaign img {margin-bottom: 2.0em;} .featured-campaign-image {float: left; clear: right; padding-bottom: 20px; margin-bottom: 20px; width: 275px;} .featured-campaign-image a, .featured-project-image a:hover {border: none;} .featured-campaign-image img {float: right; margin-top: -20px; border: solid 5px #fff;} a.find-code {border: 0px;} a.find-code img {border: solid 5px #fff;} .learn-more {float: left; width: 100%; display: block; height: 390px; padding-top: 10px; position: relative; background: url(images/field-bottom-interior.png) bottom center no-repeat; } .learn-more.alt {background: url(images/field-bottom-alt.png) bottom center no-repeat !important;} .learn-more.home {background: url(images/field-bottom-home.png) bottom center no-repeat;} .learn-more .foliage {background: url(images/foliage-globe.png) top center no-repeat; height: 390px; float: left; width: 100%;z-index: 300;} .learn-more.w-sub-nav {margin-top: 4px;} .learn-more.home {height: 410px !important; padding-top: 0px !important;} .learn-more .video-holder {float: left; width: 683px; height: 343px; background: url(images/video-holder.png) no-repeat transparent; padding: 6px 0 0 0; position: relative; top: 25px; left: -61px;} .learn-more .board-holder {float: left; width: 683px; height: 353px; background: url(images/wooden-board.png) no-repeat transparent; padding: 6px 0 0 0; position: relative; top: 15px; left: -58px;} .wood-btns {position: relative; top: 20px; left: 440px;} .learn-more .partners-map {float: left; width: 578px; height: 344px; position: relative; top: 7px; left: -13px;} .learn-more .video-frame {position: relative; width: 556px; left: 68px} .learn-more .partners-frame {position: relative; left: 68px; top: -13px;} .learn-more .cnt {width: 343px; float: left; display: inline; color: #4d3d35; font-size: 15px; line-height: 21px; background: transparent; padding: 27px 0 0 0; margin-left: -75px;} .learn-more .cnt.how-it-works {height: 333px; position: relative;} .learn-more .cnt.partners-cnt {margin-left: 31px !important; height: 333px; position: relative;} .learn-more .cnt h2 {color: #2C0F02; font-family: 'Rokkitt', serif; margin-bottom: .5em;} .learn-more h2.what-is {display: block; width: 294px; height: 36px; background: url(images/header-whatis.png) no-repeat; text-indent: -9999px;} .learn-more h2.redeem {display: block; width: 330px; height: 36px; background: url(images/header-redeem.png) no-repeat; text-indent: -9999px;} .learn-more h2.partners {display: block; width: 340px; height: 36px; background: url(images/header-partners.png) no-repeat; text-indent: -9999px;} .learn-more h2.community {display: block; width: 330px; height: 36px; background: url(images/header-community.png) no-repeat; text-indent: -9999px;} .learn-more h2.welcomeback {display: block; width: 330px; height: 36px; background: url(images/header-welcomeback.png) no-repeat; text-indent: -9999px;} .learn-more h2.helpus {display: block; width: 330px; height: 36px; background: url(images/header-helpus.png) no-repeat; text-indent: -9999px;} h2.coming-soon {display: block; width: 173px; height: 36px; background: url(images/header-coming-soon.png) no-repeat; text-indent: -9999px;} .learn-more .cnt strong {color: #2C0F02;} .learn-more .shell {width: 960px!important; padding: 0 0 0 0; margin: 0 auto;} .video-bubble {display: block; width: 103px; height: 81px; background: url(images/bubble-video.png) no-repeat; text-indent: -9999px; position: absolute; bottom: 0px; left: -2px;} .readmore-bubble {display: block; width: 94px; height: 94px; background: url(images/bubble-readmore.png) no-repeat; text-indent: -9999px; position: relative; top: 6px; left: -5px;} a.gotomap-bubble {float: left; display: block; width: 100px; height: 120px; background: url(images/cloud-gotomap.png) top left no-repeat; text-indent: -9999px; border: none; padding: 0px; margin: 0px;} a:hover.gotomap-bubble {background: url(images/cloud-gotomap.png) bottom left no-repeat;} .big-box { width: 960px; position: relative; } .big-box .box-t { height: 380px; background: url(images/big-box-t.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .big-box .box-b { height: 305px; background: url(images/big-box-b.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .big-box .box-c { background: url(images/big-box-c.png) repeat-y 0 0; padding: 0 22px; position: relative; width: 916px; } .big-box .rel { position: relative; float: left; display: inline; margin-top: -360px; margin-bottom: -287px; height: 100%; width: 100%; } h3.tab-header {float: left; background: url(images/brown-header-right.png) top right no-repeat; display: block; height: 39px; padding-right: 14px; position: relative; left: -3px; margin-top: -3px; margin-bottom: 18px; padding-bottom: 0 !important; font-family: 'Rokkitt', serif;} h3.tab-header span {float: left; background: url(images/brown-header-left.png) top left no-repeat; display: block; padding-left: 14px; color: #312a00!important; text-shadow: 0px 1px 0px #fff; line-height: 39px; text-transform: uppercase; } #sidebar h3.tab-header { margin-top: -45px; } .fact-list {list-style: none; margin: 0px; padding: 0px;} .fact-list li {background: url(images/divider.png) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px;} .fact-list li.last {margin-bottom: 0px; padding-bottom: 0px; background-image: none;} .fact-list li .profile-photo {float: left; width: 50px; margin-right: 1em;} .fact-list li img {width: 50px; height: 50px; margin-top: 4px; margin-bottom: .3em;} .fact-list li .treecycler-info {float: left; width: 190px;} .fact-list li p {margin-bottom: 0em; padding-bottom: 0px !important; line-height: 1.4em; } .fact-list li p.text strong {font-size: 1.0em !important; font-family: Arial, Helvetica, sans-serif; font-style: normal;} .fact-list li p.text {font-size: 0.9em; font-family: Georgia, Times New Roman, serif; font-style: italic;} .fact-list.popular p {line-height: 1.4em !important;} .fact-list.popular li {padding-top: 5px; background-image: none; padding-bottom: 2px;} .lifestream {list-style: none; margin: 15px 0 14px 0; padding: 0px;} .lifestream li { margin:2px 0; padding:4px 4px 4px 27px; list-style:none; background-color:transparent; background-repeat:no-repeat; background-position:0px 7px; border-bottom:1px solid #eee; font-size: 0.9em; font-family: Georgia, Times New Roman, serif; font-style: italic; } .lifestream li a { text-decoration:none; } .lifestream li span a { font-family: Arial, Helvetica, sans-serif; font-style: normal; } /* SEARCH */ .acResults { background:none;border:none; padding: 11px 0 0 0; background:url(images/search-box-tip.png) 110px 0 no-repeat; overflow: hidden; z-index: 999; width: 233px;} .acResults ul { background:#352f1e; border:1px solid #211705; width:233px!important; margin-left:14px; color:#FFF; border-radius:5px; list-style-position: outside; list-style: none; padding: 0; margin: 0; z-index: 999;} .acResults ul li:hover { background:#000; color:#fff; } .acResults li {margin: 0px; padding: 5px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; z-index: 999; } .acSelect { background:#000; width:223px!important; } .acInput {width: 200px;} .acLoading {background : url('indicator.gif') right center no-repeat; z-index: 999;} .acSelect {background-color: Highlight;color: HighlightText;} .cols .col { width: 294px; float: left; display: inline; padding-right: 37px; text-shadow: 1px 1px 1px #fff;} .cols .wider-col { width: 297px; float: right; display: inline; } .cols .col h2 {font-size: 20px; color: #312A00;font-family: 'Rokkitt', serif; padding-bottom: 12px; } .cols .col h2.border {background: url(images/divider.png) bottom repeat-x; margin-bottom: 18px;} .cols .col h3, .big-box h3 { font-size: 16px; color: #625741; font-family: 'Rokkitt', serif; padding-bottom: 7px; } .cols .col h4 { clear: both; font-size: 16px; padding-bottom: 11px; font-weight: bold; position: relative; line-height: 16px; color: #312A00;} .cols .col h5 {font-size: 15px; padding-bottom: 7px; font-weight: bold; position: relative; line-height: 16px; color: #312A00;} .cols .col h5.step {line-height: 18px;} .cols .col h5.step span {width: 12px; height: 17px; font-weight: bold; padding-left: 6px; padding-top: 1px; display: block; background: url(images/step-circle.png) no-repeat; float: left; margin-right: 7px; color: #DAD1BD; font-size: 12px; text-shadow: none;} .cols .col h5.border {font-size: 13px; padding-bottom: 8px; border-bottom: solid 1px #312A00; text-transform: uppercase; margin-bottom: 14px;} .cols .col blockquote {font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 22px; line-height: 27px; color: #312A00; padding-top: .5em;} .cols .col p { padding-bottom: 14px; line-height: 21px;} .cols .col p a { text-decoration: underline; } .cols .col p a:hover { text-decoration: none; } .cols .col a.text-link {font-size: .9em; text-transform: uppercase; font-weight: bold; text-decoration: none; border: none;} .cols .col a:hover.text-link {border: none;} .cols .last-col { padding-right: 0; } .cols .box-t { height: 195px; background: url(images/col-box-t.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .cols .box-b { height: 251px; background: url(images/col-box-b.png) no-repeat 0 0; font-size: 0; line-height: 0; } .cols .box-c { background: url(images/col-box-c.png) repeat-y 0 0; padding: 0 27px; height: 95%; } .cols .box-c .rel { position: relative; float: left; display: inline; margin: -174px 0 -214px 0; width: 100%; } .cols .box p { } .cols .box p.last { background: transparent; padding-bottom: 0; margin-bottom: 0; } .cols .box p.image-holder { overflow: hidden; } .cols .box p.image-holder img { border: none; } .cols .less-padding p {padding-bottom: 3px;} .cols .last-col .did-you-knows { list-style-type: none; } .cols .last-col .did-you-knows li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #B8AC94; } .cols .two-col { width: 629px; float: left; display: inline; padding-right: 0; } .cols .two-col h3, .big-box h3 {clear: both; float: none; color: #312A00; padding-bottom: 1.2em; font-family: 'Rokkitt', serif; font-size: 1.3em; height: 18px;} .cols .two-col .box-t { background: url(images/two-cols-box-t.png) no-repeat 0 0; height: 330px; } .cols .two-col .box-b { background: url(images/two-cols-box-b.png) no-repeat 0 0; height: 116px; } .cols .two-col .box-c { background: url(images/two-cols-box-c.png) repeat-y 0 0; height: 100%; } .cols .two-col .rel { margin: -307px 0 -80px 0; } .cols .inner-col { width: 275px; float: left; display: inline; } .cols .right-col { float: right; display: inline; } .new-list {float: left; list-style: none; font-size: .8em; width: 80%; line-height: 1.3em;} .new-list li {clear: both; margin-bottom: 20px;} .new-list img {margin-right: 13px; float: left;} .new-list strong {text-transform: uppercase;} #sidebar .gallery { position: relative; margin-right: -13px; width: 271px; } #sidebar .gallery .hold { float: left; display: inline; height: 63px; width: 76px; margin-right: 13px; margin-bottom: 13px; position: relative; } #sidebar .gallery .hold img { display: block; } #sidebar .gallery .hold .tooltip { position: absolute; top: -40px; left: -289px; width: 255px; height: 72px; background: url(images/tooltip-left.png) no-repeat; padding: 20px 20px 13px 25px; display: none; } { left: -289px; background: url(images/tooltip-left.png) no-repeat; } #sidebar .gallery .hold .tooltip img { float: left; display: inline; border: solid 1px #1d8bb2; margin-right: 12px; } #sidebar .gallery .hold .tooltip span { display: block; font-size: 13px; line-height: 20px; color: #0c6e90; } #sidebar .gallery .hold .tooltip:hover { text-decoration: none; } #sidebar .gallery .hold .tooltip .tooltip-bottom-corner { position: absolute; bottom: -16px; left: -1px; display: block; width: 296px; height: 16px; background: url(images/tooltip-bottom.png); } .hidden-info { position: absolute; top: 0; left: 0; background: #e4ddc5; z-index: 3; padding: 5px; height: 53px; width: 66px; font-size: 11px; line-height: 13px; display: none; } .news-list h3.tab-header { margin-bottom: 17px; } /* POPUPS */ .popup {font-size: 1em; color: #2c0f02;} .popup.w900 {width: 900px!important;} .popup.w800 {width: 800px!important;} .popup.w700 {width: 700px!important;} .popup.w400 {width: 400px!important;} .popup .tl {float: left; display: block; width: 17px; height: 42px; background: url(images/popup-corners.png) top left no-repeat;} .popup .tc {float: left; display: block; width: auto; height: 42px; background: url(images/popup-borders-top-bottom.png) top left repeat-x;} .popup.w900 .tc {width: 835px!important; padding-left: 15px !important;} .popup.w800 .tc {width: 735px!important; padding-left: 15px !important;} .popup.w700 .tc {width: 635px!important; padding-left: 15px !important;} .popup.w400 .tc {width: 315px!important; padding-left: 15px !important;} .popup .tc ul {list-style: none; padding: 0px; margin: 0px; position: relative; top: 19px;} .popup .tc ul li {float: left; font-size: .80em; color: #fff; margin-right: 20px; height: 14px; color: #ded2c2; text-shadow: 0px 1px 0px #000; line-height: 1.2em;} .popup .tc ul li a {display: block; text-decoration: none; border: none; color: #ded2c2; text-shadow: 0px 1px 0px #000;} .popup .tc ul li a:hover {color: #ece4d9;} .popup .tc li a.info {background: url(images/mini-info.png) no-repeat; padding-left: 20px;} .popup .tc li a.code {background: url(images/mini-code.png) no-repeat; padding-left: 20px;} .popup .tc li a.back {background: url(images/mini-back.png) no-repeat; padding-left: 20px;} .popup .tc li a.forward {background: url(images/mini-forward.png) no-repeat; padding-left: 20px;} .popup .tc li a.question-mark {background: url(images/mini-question.png) no-repeat; padding-left: 20px;} .popup .tc li a.facebook {background: url(images/mini-facebook.png) no-repeat; padding-left: 20px;} .popup .tr {float: left; display: block; width: 17px; height: 42px; background: url(images/popup-corners.png) top right no-repeat;} .popup .mc {float: left; display: block; background: url(images/popup-borders-right.png) top right repeat-y;} .popup.w900 .mc {padding-right: 19px;} .popup.w800 .mc {padding-right: 19px;} .popup.w700 .mc {padding-right: 19px;} .popup.w400 .mc {padding-right: 19px;} .popup .mc div.popup-content {float: left; padding-top: 10px; padding-bottom: 15px; background: url(images/popup-borders-left.png) top left repeat-y;} .popup.w900 .mc div.popup-content {width: 815px!important; padding: 30px 20px 0 30px !important;} .popup.w800 .mc div.popup-content {width: 720px!important; padding-left: 45px!important;} .popup.w700 .mc div.popup-content {width: 630px!important; padding-left: 35px!important;} .popup.w400 .mc div.popup-content {width: 330px!important; padding-left: 35px!important;} .popup .subheader {background: url(images/popup-subheader-bkgrd.png) top left repeat-x; height: 60px;} .popup.w700 .subheader {position: relative; top: -10px; left: -27px; width: 668px;} .popup.w800 .subheader {position: relative; top: -10px; left: -37px; width: 768px;} .popup .subheader h3 {display: block; width: 65%; position: relative; left: 16px; font-family: 'Coustard', serif; text-shadow: 0px 1px 0px #fff; color: #312A00; font-size: 1.25em; line-height: 1.6em;} .popup .subheader.hello h3 {background: url(images/tiny-shovel.png) top left no-repeat; padding: 0 0 0 60px; height: 28px; top: 16px;} .popup .subheader.howto h3 {background: url(images/tiny-map.png) top left no-repeat; padding: 0 0 0 60px; height: 31px; top: 16px;} .popup .subheader.find h3 {background: url(images/tiny-sprout.png) top left no-repeat; padding: 0 0 0 60px; height: 31px; top: 16px;} .popup .subheader.no-icon h3 {padding: 0 0 0 12px; height: 31px; top: 16px;} .popup .subheader.leaderboard h3 {height: 31px; top: 16px; padding: 0 0 0 10px;} .popup .subheader .plain-btn {margin-top: 12px;} .popup .icon {display: block; margin: 0 auto 25px auto;} .popup .bl {float: left; display: block; width: 17px; height: 42px; background: url(images/popup-corners.png) bottom left no-repeat; margin-bottom: 55px;} .popup .bc {float: left; display: block; width: auto; height: 42px; background: url(images/popup-borders-top-bottom.png) bottom left repeat-x; margin-bottom: 55px;} .popup.w900 .bc {width: 850px!important;} .popup.w800 .bc {width: 750px!important;} .popup.w700 .bc {width: 650px!important;} .popup.w400 .bc {width: 350px!important;} .popup .br {float: left; display: block; width: 17px; height: 42px; background: url(images/popup-corners.png) bottom right no-repeat; margin-bottom: 55px;} .popup h4 {font-size: 1.15em; margin-bottom: .5em;} .popup .col {padding-top: 1.3em;} .popup.w900 .col {float: left; width: 45%; margin-right: 9%;} .popup.w900 .big-col {float: left; width: 55%; margin-right: 5%;} .popup.w900 .small-col {float: left; width: 40%; margin-right: 0px;} .popup.w800 .col {float: left; width: 45%; margin-right: 7%;} .popup.w800 .col-ad-left {float: left; padding-top: 15px; width: 250px; margin-right: 45px;} .popup.w800 .col-ad-right {float: left; padding-top: 15px; width: 410px;} .popup.w700 .col {float: left; width: 45%; margin-right: 7%;} .popup.w400 .col {float: left; width: 47%; margin-right: 6%;} .popup .col.last {margin-right: 0px!important;} .popup-video {display: block; background: url(images/video-bkgrd.png); padding: 10px 12px; width: 853px; height:480px; } span.popup-status {font-weight: bold; margin: 18px 15px 0 0;} .popup .trees-status {border: solid 1px #a5907b; background: #ded2c3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden;} .popup .trees-status.fixed-height {height: 300px !important;} .popup .trees-status .rel a, .popup .trees-status .rel a:hover {border: none;} .popup .trees-status .rel {padding: 0px 15px;} .popup .trees-status .rel h3 {clear: both !important;} .popup .trees-status .projects-container {height: 165px; overflow: auto;} .tool-tip-hide {display:none;} .code-form-box {height: 195px; width: 306px; background: url(images/code-form-box-brown.png) no-repeat 0 0; float: left; margin-bottom: 1em;} .code-form-box form {padding: 25px 0 0 18px;} .code-form-box form, .code-form-box fieldset {border: none; outline: none;} .code-form-box label { font-size: 1.08em; color: #fff; font-weight: bold; padding-bottom: 10px; display: block; } .code-form-box .field {width: 266px; background: url(images/code-form-input-new.png) no-repeat 0 0; display: block; margin-bottom: 15px; } .code-form-box .field input { width: 247px; padding: 13px 10px; background: transparent; border: 0; font-size: 1.2em; text-transform: uppercase; font-weight: bold;} .code-form-box input.code-submit { float: left; height: 50px; width: 200px; background: url(images/code-form-submit.png) no-repeat 0 0; display: block; border: 0; cursor: pointer; font-size: 16px; color: #fff; text-shadow: 0px -1px 0px #c14e0b; font-weight: bold; overflow: hidden; text-align: left; padding-left: 30px; margin-right: .8em; } .code-form-box input.code-submit:hover { background-position: 0 bottom; } .code-form-box .question {position: relative; top: 7px;} .code-form-box a.btn-slide2 span, .grower-info a.btn-slide2 span {padding:15px 15px 15px 29px !important;} #sidebar .code-box {background: url(images/box-brown-top.png) top left no-repeat; width: 308px; padding-top: 20px; position: relative; top: 3px; left: 0px;} #sidebar .code-box .rel {background: url(images/box-brown-bottom.png) bottom left no-repeat; padding: 0 20px 20px 20px;} .code-box {display: block; width: 306px; height: auto; position: relative; left: -2px; background: url(images/code-form-box-mini-brown-top.png) top left no-repeat; padding-top: 16px;} .code-box .rel {background: url(images/code-form-box-mini-brown.png) bottom left no-repeat; padding: 0px 20px 20px 20px;} .code-box p {color: #fff !important; text-shadow: 0 1px 0 #000; font-size: 12px;} .code-box p.light { color:#FFF; text-shadow:0 1px 0 #FFF; } .code-box a.cancel {font-size: 11px; border: none; color: #895b38;} .code-box a.cancel.big {line-height: 36px;} .code-box a:hover.cancel {color: #fff;} .code-box form, .code-box fieldset {border:none; padding: 0px; margin: 0px;} .code-box fieldset {} .code-box label {color:#fff; text-shadow: 0 1px 0 #000; font-size: 13px;} .code-box span.fugazi-input {background: url(images/code-form-input-new.png) no-repeat 0 0; display: block; margin-top: 5px; margin-bottom: 3px; padding: 0; width: 261px; height: 38px;} .code-box input {float: left; width: 185px; background: transparent; display: block; border: 0; font-size: 1.2em; text-transform: uppercase; font-weight: bold; position: relative; top: 11px; left: 10px;} .code-box input.loading { background:url('images/gray-loader.gif') right no-repeat; } a.cont-btn {float: left; display: block; width: 36px; height: 31px; text-indent: -9999px; border: none; position: relative; top: 4px; left: 33px; background: url(images/cont-btn.png) top left no-repeat;} a:hover.cont-btn {background: url(images/cont-btn.png) bottom left no-repeat;} a.cont-btn.disabled {display: block; background: url(images/cont-btn-disable.png) top left no-repeat; cursor:default;} a:hover.cont-btn.disabled {background-position: top left;} span.subscribe-check { height: 21px; padding-left: 28px; display: block; background: url(images/subscribe-check.png) no-repeat 0 0; font-size: 13px; color: #ea7617; text-shadow: 1px 1px 1px #fff; line-height: 21px; margin-bottom: 10px; cursor: pointer; } span.subscribe-checked { background: url(images/subscribe-checked.png) no-repeat 0 0; } span.subscribe-check input { display: none; } /* SHARE BUTTONS */ .grower-info .share-btns {float: right; position: relative; margin: 16px 20px 0 0;} #map { height: 516px; background: url(images/map-bg.jpg) repeat-x center 0; position: relative; margin-top: 0px; min-width: 960px; } #map .shell { height: 516px; position: absolute; top: 0; overflow: hidden; width: 100%; } #map .map { display: block; position: absolute; top: 0; left: 0; } #map .small-map #tc_map #map .big-map { cursor: move; cursor: -moz-grab; cursor: -webkit-grab; } #map .pin { display: block; width: 14px; height: 38px; position: absolute; top: 180px; left: 200px; } #map .pin .the-pin { display: block; width: 14px; height: 38px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/pin.png) no-repeat; cursor: pointer; } #map .pin .tooltip { position: absolute; top: -46px; left: 11px; width: 255px; background: url(images/tooltip.png) no-repeat; padding: 20px 20px 4px 25px; display: none; border: none;} #map .pin .tooltip img { float: left; display: inline; border: solid 1px #1d8bb2; margin-right: 12px; } #map .pin .tooltip span { display: block; font-size: 13px; line-height: 20px; color: #0c6e90; } #map .pin .tooltip:hover { text-decoration: none; } #map .pin .tooltip .tooltip-bottom-corner { position: absolute; bottom: -16px; left: 4px; display: block; width: 296px; height: 16px; background: url(images/tooltip-bottom.png); } #map .pin .tooltip-left .tooltip-bottom-corner { left: -1px; } #map .pin .tooltip-left { left: -289px; background: url(images/tooltip-left.png) no-repeat; } #map .zoom-out { position: absolute; bottom: 30px; left: 120px; width: 56px; height: 33px; background: url(images/zoom-out.png) no-repeat; z-index: 100; cursor: pointer; } #map .zoom-out-hover { background-position: 0 bottom; } #map .zoom-out .tip { position: absolute; top: 10px; left: 60px; width: 171px; height: 35px; background: url(images/zoom-tip.png) no-repeat; padding: 5px 5px 5px 20px; line-height: 35px; } #map .zoom-out .tip { font-size: 14px; color: #89b609; font-weight: bold; } #map a.all-projects {display: block; width: 97px; height: 70px; background: url(images/bubble-moreprojects.png) top left no-repeat; border: none; position: absolute; bottom: 10px; left: 10px; text-indent: -9999px; z-index: 200;} #map a:hover.all-projects {background: url(images/bubble-moreprojects.png) bottom left no-repeat;} .projects { width: 100%; position: relative; } .projects .row { padding-bottom: 22px; padding-top: 20px; background: url(images/projects-row.png) repeat-x 0 bottom; } .projects .item { float: left; display: inline; width: 447px; padding-left: 10px; } .projects .item .image { float: left; display: inline; padding: 4px; background: #fff; border-right: solid 1px #dcd2bd; border-bottom: solid 1px #dcd2bd; } .projects .item .image img { border: solid 1px #d0d0d0; display: block; } .projects .item .content { float: left; display: inline; width: 255px; font-size: 14px; color: #625741; line-height: 21px; margin-left: 15px; } .projects .item .content h4 { font-size: 15px; line-height: 24px; font-weight: bold; } .projects .last { background: none; padding-bottom: 0; } .grower-info { float: left; display: block; width: 809px; margin: 0px!important; margin-bottom: 25px;} .grower-info .side-a { float: left; display: inline; width: 475px; font-size: 13px; color: #8c9799; } .grower-info .side-b { float: right; display: inline; width: 310px; } .grower-info .gallery .holder {position: relative; width: 471px; height: 255px; border: solid 2px #d2d2d2; margin-bottom: 15px; } .grower-info .gallery .holder img.main-img { position: absolute; display: block; z-index: 10;} .grower-info .gallery .list { height: 64px; padding-bottom: 13px; border-bottom: solid 1px #e5e6e7; margin-bottom: 10px; } .grower-info .gallery .list li { float: left; display: inline; list-style-type: none; margin-right: 9px;} .grower-info .gallery .list li img {float: left;} .grower-info .gallery .list li a { float: left; padding: 0px; margin: 0px; border: solid 2px #d2d2d2; height:64px; width:64px; background:url(images/brown-loader.gif) no-repeat center center #FFF; display:block; } .grower-info .gallery .list li a:hover {border: solid 2px #c6c6c6;} .grower-info .gallery .list li .description { display: none; } .grower-info .gallery .list li.last { margin-right: 0; } .grower-info .caption {min-height: 50px; height: 50px;} .grower-info .project-brand {background: #eee; padding: 4px 6px;} .grower-info .share-btns {height: 15px;} .grower-info .nfo { padding-left: 7px; font-size: 13px; line-height: 18px; margin-bottom: 1em;} .grower-info .nfo h2 { } .grower-info .nfo p { margin-bottom: 10px; color: #2C0F02} .grower-info .nfo h4 { font-size: 19px; font-weight: bold; color: #e16310; margin-bottom: 15px; line-height: 1; } .grower-info .nfo .sponsor {float: left; font-size: 12px; color: #623c2c; margin-bottom: 10px; width: 290px; background: #efefef; padding: 8px 10px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* CSS3 */} .grower-info .nfo .sponsor img {float: left; margin-right: 1em; margin-bottom: 0px; padding-bottom: 0px;} .grower-info .nfo .sponsor a {position: relative; top: 8px;} .grower-info .nfo a.new-window {float: left; display: block; height: 15px; width: 15px; background: url(images/new-window.png) top left no-repeat; overflow: hidden; text-indent: -9999px; border: none !important; margin-left: 8px;} .grower-info .nfo a:hover.new-window {background: url(images/new-window.png) bottom left no-repeat;} .brand {width:100%; height: auto; color:#fff; font-weight:bold; position:absolute; left:0; bottom:0; z-index: 20;} .brand p {padding-left: 15px;} .brand p img {height: 37px;} #initial-code a.question { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 31px; height: 32px; background: url(images/question-brown.png) bottom left no-repeat; border: none;} #initial-code a:hover.question {background: url(images/question-brown.png) top left no-repeat;} .code-box a.question { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 23px; height: 23px; background: url(images/question-brown-small.png) top left no-repeat; border: none; position: relative; top: 6px;} .code-box a:hover.question {background: url(images/question-brown-small.png) bottom left no-repeat;} /*.loading { background:url(../css/images/ajax-loading.gif) no-repeat 168px 8px transparent; }*/ /* FOOTER */ #footer, #footer-push { height: 357px; } #footer p {margin-bottom: 1em; } .btn-2 { height: 54px; width: 263px; background: url(images/plant-here-btn.png) top left no-repeat; font-size: 20px; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; display: block; margin: 0 auto; line-height: 52px; text-shadow: 0px -1px 0px #c14e0b; letter-spacing: 0px; border: none; text-align: center;} .btn-2 { color: #fff; font-size: 18px; text-shadow: 0 -1px 0px #a6744f; font-weight: bold; } .btn-2:hover { color: #fff; background: url(images/plant-here-btn.png) bottom left no-repeat;} .btn-3 { width: 196px; height: 53px; background-image: url(images/btn-3.png); } a.btn-slide { background:url(images/btn-slide-right.png) no-repeat scroll top right; display:block; float:left; color:#fff; height:47px; padding-right:19px; text-decoration:none; border: none; } a.btn-slide span { background:url(images/btn-slide-left.png) top left no-repeat; display:block; padding:22px 0 25px 21px; font-size: 17px; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #c14e0b;} a:hover.btn-slide { display:block; float:left; height:47px; padding-right:19px; background: url(images/btn-slide-right.png) no-repeat right -47px; text-decoration:none; border:none; } a:hover.btn-slide span { color:#fff; background:url(images/btn-slide-left.png) no-repeat left -47px; padding:22px 0 25px 21px;} a.btn-slide2 { background:url(images/btn-slide2-right.png) no-repeat scroll top right; display:block; float:left; color:#fff; height:46px; padding-right:15px; text-decoration:none; border: none; margin-right: 1em;} a.btn-slide2 span { background:url(images/btn-slide2-left.png) top left no-repeat; display:block; padding: 15px 5px 14px 19px; font-size: 16px !important; line-height: 1em !important; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #c14e0b;} a:hover.btn-slide2 { display:block; float:left; height:46px; padding-right:15px; background: url(images/btn-slide2-right.png) no-repeat right -46px; text-decoration:none; border:none; } a:hover.btn-slide2 span { color:#fff; background:url(images/btn-slide2-left.png) no-repeat left -46px; padding: 15px 5px 14px 19px;} a.btn-slide3 { background:url(images/btn-slide3-right.png) no-repeat scroll top right; display:block; float:left; color:#fff; height:39px; padding-right:15px; text-decoration:none; border: none; margin-right: 1em;} a.btn-slide3 span { background:url(images/btn-slide3-left.png) top left no-repeat; display:block; padding: 11px 5px 11px 19px; font-size: 17px !important; line-height: 1em !important; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #c14e0b;} a:hover.btn-slide3 { display:block; float:left; height:39px; padding-right:15px; background: url(images/btn-slide3-right.png) no-repeat right -39px; text-decoration:none; border:none; } a:hover.btn-slide3 span { color:#fff; background:url(images/btn-slide3-left.png) no-repeat left -39px; padding: 11px 5px 11px 19px;} a.btn-slide4 { background:url(images/btn-slide4-right.png) no-repeat scroll top right; display:block; float:left; color:#fff; height:38px; padding-right:32px; text-decoration:none; border: none; margin-right: 1em; margin-bottom: .5em;} a.btn-slide4 span { background:url(images/btn-slide4-left.png) top left no-repeat; display:block; padding: 11px 5px 12px 15px; font-size: 15px !important; line-height: 1em !important; font-family: "gillsans", arial, sans-serif; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #c14e0b;} a:hover.btn-slide4 { display:block; float:left; height:38px; padding-right:32px; background: url(images/btn-slide4-right.png) no-repeat right -38px; text-decoration:none; border:none;} a:hover.btn-slide4 span { color:#fff; background:url(images/btn-slide4-left.png) no-repeat left -38px; padding: 11px 5px 12px 15px;} a.plain-btn { background:url(images/btn-plain-right.png) no-repeat scroll top right; display:block; float:left; height:34px; padding-right:15px; text-decoration: none !important; border: none; margin-right: 10px;} a.plain-btn.no-image span {padding:8px 0 6px 13px;} a.plain-btn span { background:url(images/btn-plain-left.png) top left no-repeat; display:block; padding:6px 0 6px 13px; font-size: 11px; font-weight: bold; color:#625741; text-shadow: 0px 1px 0px #fff; text-transform: uppercase; line-height: 20px !important;} a.plain-btn span img {margin-right: 4px;} a:hover.plain-btn { display:block; float:left; height:34px; padding-right:15px; background: url(images/btn-plain-right.png) no-repeat right -36px; text-decoration:none; border:none; } a:hover.plain-btn span { color:#312A00; background:url(images/btn-plain-left.png) no-repeat left -36px;} a.brown-btn { background:url(images/btn-brown-right.png) no-repeat scroll top right; display:block; float:left; height:33px; padding-right:34px; text-decoration:none; border: none; margin-right: 10px;} a.brown-btn span { background:url(images/btn-brown-left.png) top left no-repeat; display:block; padding:6px 2px 6px 13px; font-size: 11px; font-weight: bold; color:#eee; text-shadow: 0px 1px 0px #000; text-transform: uppercase; line-height: 20px !important;} a:hover.brown-btn { display:block; float:left; height:33px; padding-right:34px;text-decoration:none; border:none; } a:hover.brown-btn span { color:#fff;} a.white-btn { background:url(images/btn-white-right.png) no-repeat scroll top right; display:block; float:left; height:27px; padding-right:13px; text-decoration:none; border: none; margin-right: 10px;} a.white-btn span { background:url(images/btn-white-left.png) top left no-repeat; display:block; padding:5px 2px 2px 13px; font-size: 10px; font-weight: bold; color:#333; text-shadow: 0px 1px 0px #fff; text-transform: uppercase; line-height: 20px !important;} a:hover.white-btn { display:block; float:left; height:27px; padding-right:13px;text-decoration:none; border:none; background-position-y: -27px;} a:hover.white-btn span { color:#111; background-position-y: -27px;} a.question-small {float: left; display: block; text-indent: -9999px; width: 18px; height: 19px; background: url(images/question-small.png) top left no-repeat; border: none;} a:hover.question-small {background-position: bottom left;} a.wood-btn-t {float: left; display: block; text-indent: -9999px; width: 104px; height: 37px; background: url(images/wood_btn_today.png) top left no-repeat; border: none;} a:hover.wood-btn-t {background-position: bottom left;} a.wood-btn-30 {float: left; display: block; text-indent: -9999px; width: 104px; height: 37px; background: url(images/wood_btn_30days.png) top left no-repeat; border: none; position: relative; left: -15px;} a:hover.wood-btn-30 {background-position: bottom left;} /* l-tooltip */ .l-tooltip { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 3px solid #0e83ad; position: absolute; width: 230px; padding: 5px; font-size: 12px; display: none; z-index: 999; bottom: 60px; left: -90px; } .l-tooltip span.arr { height: 20px; width: 33px; background: url(images/tip-arr.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; bottom: -20px; left: 50%; margin-left: -16px; } .hidden { display: none; } /* Prgoress Bars */ .progress-bar {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; height:26px; background-color: #e6d8b1; padding: 0 5px 0 4px;} .progress-bar div {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; height:20px; text-align:center; position:relative; top: 3px;} .progress-bar div span {color:#fff; font-weight:bold; font-size: 9px; text-align:center; position:relative; top:2px;} .progress-bar div span sup { top:-0.1em; } .progress-bar div.green { border: solid 1px #70ad0e; height: 18px; background: url(images/progress-bar-bkgrd.png) repeat-x #77ab13;} .mhack { margin: -30px -31px 20px -22px; /** ... don't ask... **/ } .mhack h3 { padding-top:16px; padding-left:7px; } .popup-nohack h3 { padding-top:16px; padding-left:7px; } .promise-text {padding: 20px 20px 0 0;} .inner-code { margin-top:5px; background:url("images/field-bg.png") top center; height:45px; width:275px; border:none; font-weight:bold; font-size:1.2em; padding-left:15px; } .brown-divider { background:url("images/brown-divider.png") repeat-x top center; height:1px; margin:0 0 0 0; z-index:999; position:relative; -webkit-box-shadow: 0px 2px 3px 0px #eee; -moz-box-shadow: 0px 2px 3px 0px #eee; box-shadow: 0px 2px 3px 0px #eee; } .header-info-bg { height:153px; width: 100%; background: url(images/home-bg-new.png) repeat-x top center; } .header-info-bg .landscape_secondary { background: url(images/secondary_landscape.png) no-repeat center bottom; height: 188px; } .project-sign {display: none; position: relative; background: url(images/project-sign.png) 25px 0 no-repeat; width: 960px; margin: 0 auto; height: 96px; text-indent: -9999px;} .legal-sign {display: none; position: relative; background: url(images/legal-sign.png) 25px 0 no-repeat; width: 960px; margin: 0 auto; height: 96px; text-indent: -9999px;} .plant-sign {display: none; position: relative; background: url(images/plant-sign.png) 25px 0 no-repeat; width: 960px; margin: 0 auto; height: 96px; text-indent: -9999px;} /*NOTIFICATION*/ .small-notification { color:#FFF; text-shadow: 0 1px 1px #666666; } .small-notification { background-image: url("../css/images/bg_notification.png"); } .small-notification { background-position: 0 0; background-repeat: no-repeat; display: none; font-size: 10px; font-weight: bold; height: 15px; line-height: 10px; padding: 4px 0 0 1px; position: absolute; right: 68px; text-align: center; top: 0px; width: 18px; z-index:100; } /* RANDOM INLINE SHIT */ .top-treecyclers { list-style:none; padding: 0px; margin: 0px; position: relative; top: 41px; left: 130px; width: 490px; height: 190px; overflow: hidden;} .top-treecyclers a, .top-treecyclers a:hover {border: none;} .top-treecyclers li { float:left; margin-right: 53px; margin-bottom: 49px; padding: 0px; width: 69px; height: 69px;} .top-treecyclers img {width: 69px; height: 69px;} .search-results-title h3 {font-size: 20px !important;} .wood-post {display: block; float: left;} .wood-post.plant-tree {background: url(images/post-plant-tree.png) no-repeat; position: absolute; bottom: 3px; width: 175px; height: 100px; } .wood-post.plant-tree a {display: block; width: 175px; height: 42px; margin-top: 7px; background: transparent; border: none; text-indent: -9999px;} .wood-post.find-code {background: url(images/post-find-code.png) no-repeat; position: absolute; bottom: 3px; width: 217px; height: 101px; } .wood-post.find-code a {display: block; width: 155px; height: 42px; margin-top: 7px; background: transparent; border: none; text-indent: -9999px;} .wood-post.partners {background: url(images/post-partners.png) no-repeat; position: absolute; bottom: 3px; width: 175px; height: 116px; } .wood-post.partners a.become {display: block; width: 175px; height: 38px; margin-top: 7px; background: transparent; border: none; text-indent: -9999px;} .wood-post.partners a.list {display: block; width: 120px; height: 28px; margin-top: 7px; position: relative; left: 18px; background: transparent; border: none; text-indent: -9999px;} .wood-post.thank-you {background: url(images/post-thank-you.png) no-repeat; position: absolute; bottom: 3px; width: 217px; height: 171px; } .box-small { width:627px; height:241px; background:url("../css/images/box-small.png"); } .public-account-info {margin: 10px 0;} .public-account-info td.label {width:120px; color: #999;} .public-account-info tr td {padding: 4px 0;} .frame { padding:10px; background:#eee; width:325px;box-shadow:0px 5px 5px #999; border:1px solid #FFF; } .slideshow { position:relative; height:200px; } .slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 200px; background-color: #FFF; } .slideshow DIV.active { z-index:10; opacity:1.0; } .slideshow DIV.last-active { z-index:9; } .slideshow DIV IMG { height: 200px; display: block; border: 0; margin-bottom: 10px; } fieldset.contact form label, fieldset.contact form input { display:block; } fieldset.contact {padding: 10px 15px 15px 20px;} fieldset.contact input[type=text], fieldset.contact textarea { margin-bottom:5px; width:96%; height:40px; padding:0 0 0 8px; border-radius:2px; background: url(images/code-form-input-no-border.png) bottom left #fff repeat-x; border:1px solid #999; font-family: georgia, times new roman, serif; font-size: 1.0em; line-height: 1.0em; font-style: italic; color: #2C0F02;} fieldset.contact input[type=text]:focus { border:1px solid #666;} fieldset.contact textarea { height:65px; padding-top:8px!important; resize:none; } fieldset.contact label { font-size:12px; font-weight: bold; } .notification {font-family: georgia, times new roman, serif; font-style: italic; font-weight: bold; margin-bottom: 15px; font-size: 0.9em;} .failure { color: #AE432E; } .success { color:green; } .notification span {} /* PHIL'S DETAILS */ .project-preview-loader {background: url(images/preview-loader.gif) center center no-repeat transparent;width:61px;height:62px;float:left;margin-right:10px;} .notification.success {background:#DFF2BF;border:1px solid #4F8A10;border-radius:5px;margin-bottom:15px;} .notification.failure {background:#F2D4CE;border:1px solid #AE432E;border-radius:5px;margin-bottom:15px;} .notification.success span, .notification.failure span {display:block;padding:10px;} .butterfly {position: relative; float: left; left: 50px; top: 8px; display: none; width: 89px; height: 29px; background: url(images/butterfly.png) no-repeat;} .bumble-bee {position: relative; float: left; left: 40px; top: 12px; display: none; width: 33px; height: 28px; background: url(images/bumble-bee.png) no-repeat;} .birds-white {position: relative; float: left; left: 208px; top: -10px; display: block; width: 84px; height: 31px; background: url(images/birds-white.png) no-repeat;} .gallery-static {float: left; } .gallery-static .holder {float: left; position: relative; border-top: solid 1px #625741; border-left: solid 1px #625741; border-right: solid 1px #fff; border-bottom: solid 1px #fff; margin-bottom: 15px; } .gallery-static .holder img {float: left; padding: 0px; margin: 0px;} .gallery-static div.thumbs-container { list-style:none; float:left; display:inline; width: 571px;} .gallery-static div.thumbs-container .thumb { list-style:none; float:left; height:54px; width:54px; display:inline; margin:0 8px 8px 0px; border-top: solid 1px #625741; border-left: solid 1px #625741; border-right: solid 1px #fff; border-bottom: solid 1px #fff;} .gallery-statuc div.thumbs-container .thumb a { color:none; text-decoration:none; border:none; } .gallery-static div.thumbs-container .plant_thumbnail { border-bottom:none; height:54px; width:54px; background:url(images/brown-loader.gif) no-repeat center center #FFF; display:block; } .gallery-static ul.list li { float: left; display:inline; } .project-details {float: left; display: block; margin-top: 20px; padding-top: 20px; background: url("images/divider.png") repeat-x scroll left top transparent} .project-details p {padding-bottom: 8px !important;} .project-details p strong {} .fb-comments-holder h5, .project-details h5 {color: #312A00; font-size: 13px !important; text-transform: uppercase; margin-bottom: 14px;} a.ex-link {float: left; display: block; width: 12px; height: 12px; background: url(images/top_right_expand.png) top right no-repeat; margin-left: 7px; text-indent: -9999px; border: none; position: relative; top: 2px;} a:hover.ex-link {border: none;} .placeholder-hack { color:#bab4a2; font-style:italic; } .rel-search input:-moz-placeholder { color:#bab4a2; font-style:italic; } .rel-search input::webkit-input-placeholder { color:#bab4a2; font-style:italic; } a.link-out {background: url(images/link_out_icon.png) right 0 no-repeat; padding-right: 12px; color: #0a6a8c !important; text-indent: -9999px; border: none !important; top: 2px;} a:hover.link-out {background: url(images/link_out_icon.png) right -17px no-repeat; color: #187fa3 !important;} div.view-all {width: 267px; margin-right: 10px; float: left;} .small_map {float: left; margin: 0 10px 10px 0;} ul.view-all-list {width: 267px; list-style: none; padding: 0px;} ul.view-all-list li {width: 267px; margin: 0 0 25px 0; float: left;} ul.view-all-list li h3 {font-size: 20px !important; line-height: 52px !important;} ul.view-all-list li h3.tagline {margin-bottom: 0px; padding-bottom: 0px;} ul.view-all-list li span.tagline {font-weight: bold; font-size: .8em; text-transform: uppercase; } ul.view-all-list .sub-list {list-style: none; padding: 0px;} ul.view-all-list .sub-list li {margin: 0px !important;} ul.view-all-list .sub-list li a {color: #312A00; font-size: 14px !important; font-weight: bold !important; clear: both; font-family: Helvetica, Arial, sans-serif !important; border: none;} .headline-block {margin-bottom: 6px;} .headline-block img {padding: 0px !important; margin-right: 15px !important; width: 52px; height: 52px; border: solid 2px #fff;} #image-pager-wrap { background:blue; height:12px; width:160px; text-align:center; margin-bottom:10px; } #image-pager { width:120px; margin:0px auto; height:12px; padding:0 auto; } #image-pager a.activeSlide { background: black; height:12px; width:12px; text-indent:-9999px; margin:0px 5px; display:inline-block; } #image-pager a { background:url('../img/portfolio-pager-button.png') center no-repeat; height:12px; width:12px; text-indent:-9999px; margin:0px 5px; display:inline-block; } .portfolio { margin:0; height: 30px; width:260px; } .portfolio .portfolio-slide-wrap { width:280px; height: 30px; } /* Partners List */ div.partners-list {display: block; max-height: 275px; overflow-y: scroll; } div.partners-list ul {width: 100%; list-style: none; list-style-image: none;} div.partners-list ul li {width: 48%; float: left; font-size: 0.93em; line-height: 1.6em;} /* Thank You */ .treecyclers-group {float: left; width: 600px; position: relative; top: 20px; background: url(images/treecycler-group-shadow.png) no-repeat bottom left; padding-bottom: 45px;} .treecyclers-group .users {float: left; min-height: 295px; height: 295px;} .treecyclers-group a {float: left; margin: 0px 14px 14px 0px; border: none; box-shadow: 0px 0px 20px rgba(64,136,166,.15);} .treecyclers-group a img {float: left; border-radius: 4px;} .treecyclers-cnt {width: 343px; height: 333px; float: right; display: inline; color: #4d3d35; font-size: 15px; line-height: 21px; background: transparent; padding: 22px 0 0 0; position: relative;} ul.where-now {list-style: none; list-style-type: none; list-style-image: none; font-size: 0.75em; background-color: rgba(233, 245, 251, 0.5); float: left; padding: 10px 18px 8px 13px; border-radius: 4px; text-shadow: 1px 1px 0px #fff;} ul.where-now li {padding: 0px 0px 6px 28px; line-height: 17px; text-transform: uppercase; font-weight: bold;} ul.where-now li a {color: #4D3D35 !important; border-bottom: none;} ul.where-now li a:hover {border-bottom: solid 1px #4D3D35 !important;} ul.where-now li.comment {background: url(images/ty-comment.png) top left no-repeat;} ul.where-now li.suggestion {background: url(images/ty-suggestion.png) top left no-repeat;} ul.where-now li.share {background: url(images/ty-share.png) top left no-repeat;} ul.where-now li.find {background: url(images/ty-find.png) top left no-repeat;} a:hover.usr-feedback-button, a.usr-feedback-button {border-bottom: none !important; background-color: #301808;} /* Pagination Links */ a.previous_link, a.page_link, a.next_link { float: left; margin-right:6px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #625741; border: none; line-height: 24px; border: none !important;} a:hover.previous_link, a:hover.page_link, a:hover.next_link {border: none !important; color: #312A00;} a.page_link {display: block; width: 21px; height: 22px; background: url(images/pagination.png) 0 0 no-repeat; text-align: center;} a:hover.page_link {background-position: 0 -22px;} a.active_page {background: url(images/pagination.png) 0 -44px no-repeat; color: #DAD1BD; text-shadow: 1px 1px 0px #000;} a:hover.active_page {background: url(images/pagination.png) 0 -44px no-repeat; color: #fff !important; text-shadow: 1px 1px 0px #000;} /* projects filter widget css */ ul.project-filter { list-style:none; margin:0px; padding:0px;margin-left:2px; margin-bottom: 10px;} ul.project-filter li { margin:0px 0px 5px -5px; width:278px; height:39px; background: url(images/project-filter-button.png) top left no-repeat; } ul.project-filter li:hover {background: url(images/project-filter-button.png) bottom left no-repeat;} ul.project-filter li.active {background: url(images/project-filter-button.png) bottom left no-repeat;} ul.project-filter li.active span { color:#312a00; } ul.project-filter a span {float: left; width: 200px; text-transform:uppercase; font-size:12px; color:#413d31; font-weight:bold; padding:9px 0 0 15px; text-shadow: 1px 1px 0px #fff; display:block; float:left; } ul.project-filter a li img { float:right; margin-right: 0px !important; margin-top: 5px; } span.st_facebook { background:url('images/facebook_16.png'); height:16px; width:16px; display:block; float:left; margin-left:10px; } span.st_facebook:hover { background:url('images/facebook_16_hover.png'); } span.st_linkedin { background:url('images/linkedin_16.png'); height:16px; width:16px; display:block; float:left; margin-left:10px; } span.st_linkedin:hover { background:url('images/linkedin_16_hover.png'); } span.st_twitter { background:url('images/twitter_16.png'); height:16px; width:16px; display:block; float:left; margin-left:10px; } span.st_twitter:hover { background:url('images/twitter_16_hover.png'); } span.st_pinterest { background:url('images/pinterest_16.png'); height:16px; width:16px; display:block; float:left; margin-left:10px; } span.st_pinterest:hover { background:url('images/pinterest_16_hover.png'); } .facebook-icon:hover { opacity:0.75; } .redeemer {border-top: dotted 1px #999;} .redeemer h4 {font-size: 1.0em; margin-top: 0.9em;} .checkbox-cnt {position: relative; top: 16px; left: 17px;} .drop-notification {background: url(images/drop-notification.png) #462c05 repeat-x; position:absolute; z-index:1200; clear: both; height: 33px; margin-top:-33px; width: 100%; display: none; color: #fff; font-size: 14px; line-height: 30px; text-shadow: 1px 1px 0 #000; font-weight: 400; box-shadow:0 2px 2px rgba(0,0,0,.3); } .drop-notification .shell {text-align: center;} .drop-notification a {color: #CFEEFF; border-bottom: none; text-decoration: none;} .drop-notification a:hover {text-decoration: underline;} .drop-notification .hide-me {display: inline; width: 17px; height: 19px; line-height: 30px; position: absolute; right: 20px; text-indent: -9999px; margin-top: 5px;} .drop-notification .hide-me a {border-bottom: none !important; width: 17px; height: 19px; display: block; background: url(images/drop-notification-arrow.png) top left no-repeat;} .drop-notification .hide-me a:hover {background: url(images/drop-notification-arrow.png) bottom left no-repeat;} .locate-me-btn, .help-me-btn {height:35px; width:35px; position:absolute; z-index: 5000; } .locate-me-btn {top:45px; right: 22px;} .help-me-btn {top: 85px; right: 22px;} .locate-me-btn a, .help-me-btn a { display:block!important; border:none!important; } /* Pretty Checkboxes */ label.comment {background: url(images/text-comment.png) no-repeat; width: 150px; cursor: pointer;} label.feedback {background: url(images/text-feedback.png) no-repeat; width: 150px; cursor: pointer;} label.share {background: url(images/text-share.png) no-repeat; width: 150px; cursor: pointer;} label.checkbox span.holder{height:54px;background: url(images/checkbox.png) 0 0 no-repeat;} label.checkbox:hover span.holder,label.radio:hover span.holder{top:-18px !important} label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{top:-36px !important} label.list{float:left;clear:left;margin:0 0 5px 0} input.hiddenCheckbox{position:absolute;left:-10000px} label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden} label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0} .feedback-public {display: block; float: left; width: 575px; height: 120px; background: url(images/feedback-public.png) top left no-repeat; margin-top: 15px;} .feedback-public a {display: block; width: 575px; height: 120px; border-bottom: none;} .feedback-public a:hover .rel {color: #312A00;} .feedback-private {display: block; float: right; width: 644px; height: 120px; background: url(images/feedback-private.png) top right no-repeat; margin-top: 15px; margin-right: 20px; text-shadow: 1px 1px 0px #fff;} .feedback-public .rel, .feedback-private .rel {float: left; width: 322px; color: #635947; font-size: 0.9em; line-height: 1.2em; text-shadow: 1px 1px 0px #fff; font-family: Georgia, Times New Roman, serif; font-style: italic;} .feedback-private a {float: right; display: block; width: 575px; height: 120px; border-bottom: none;} .feedback-private a:hover .rel {color: #312A00;} .feedback-public .rel {padding: 30px 0 0 215px;} .feedback-private .rel {padding: 40px 0 0 50px;} /* a.feedback-tab {display: block; background: url(images/feedback.png) top left no-repeat; height: 102px; width: 45px; position: fixed; left: -10px; top: 25%; border: none !important; z-index: 9000; } a:hover.feedback-tab {left: 5px;} */ #zenbox_overlay {background-color: rgba(0,0,0,.5) !important;} .ZenboxTabLeft {margin-left: -12px; border-color: #999 !important;} .ZenboxTabLeft:hover {margin-left: -9px;}