/*
Theme Name: Change the World for Ten Bucks
Theme URI: http://www.objectadjective.com/
Description: Custom theme for Change the World for Ten Bucks.
Version: 1.0
Author: Jeremy Anderson
Author URI: http://www.objectadjective.com/
Tags: blue, green, illustration, happy, custom theme, fixed width, two columns, widgets

Object Adjective
650 Delancey St. #220
San Francisco California, 94107
415-756-5198

*/

/* Main Globals Resets
--------------------------------------------------------------------------------------------*/

body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000; min-width: 871px;}
body, html {min-height: 100.1%;}
img {border: 0;}
table {border-collapse: collapse;}
td {vertical-align: middle;}
ul {list-style: none; margin: 13px 0; padding: 0;}
li {margin: 0;}







/* Global Float Control Classes (left=float: left, right=float: right, shocking!)
--------------------------------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.clear {clear: both;}

/* Links
--------------------------------------------------------------------------------------------*/

:focus, :active  {outline: none !important;}
a, a:visited {color: #17b4e9; text-decoration: none;}
a:hover {text-decoration: underline;}
.hover {cursor: pointer;}


/* Background Wrappers
--------------------------------------------------------------------------------------------*/

html {background: #2a9800 url(img/body-bg.jpg) 0 0 repeat-x;} /* Layer 1: Sky and Ground */
body {background: transparent url(img/rainbow.png) center 313px no-repeat;} /* Layer 2: Rainbow and Stars */
.outerwrap {background: transparent url(img/leftcloud.png) 0 104px no-repeat; min-height: 848px;} /* Layer 3: Left Cloud and BG Grass */
.innerwrap {background: transparent url(img/rightcloud.png) right 130px no-repeat; min-height: 867px;} /* Layer 3: Left Cloud and BG Grass */

.unnecessary-decoration {height: 9px; background: transparent url(img/diaginal-stripe.jpg) 0 0 repeat-x;}

/* Main Content Wrapper */
.wrap {width: 871px; margin: 0 auto; text-align: left; overflow: hidden;}
#main {background: transparent url(img/main-bg.png) 0 0 repeat-y; width: auto; overflow: hidden;}
.main-bottom {height: 17px; background: transparent url(img/main-bottom.png) 0 bottom no-repeat; margin-bottom: 11px;}



/* Header
--------------------------------------------------------------------------------------------*/

#header {min-height: 104px; padding-bottom: 7px; width: 100%; overflow: hidden;}
#header .skip {position: absolute; left: -4000px; top: 0;}
#header h1 {margin: 18px 0 0 0; float: left;}
#header .fn {height: 81px; width: 483px; display: block; background: transparent url(img/changetheworld-logo.jpg) 0 -6px no-repeat; text-indent: -4000px;}
#header .actioncounter {width: 335px; min-height: 60px; background: transparent url(img/actioncounter-bg.jpg) 0 0 no-repeat; float: right;}
#header .actioncounter .bottom {height: 8px; background: transparent url(img/actioncounter-bg.jpg) 0 bottom no-repeat;}
#header .actioncounter h2 {padding: 40px 70px 13px 21px; margin: 0; color: #004b88; font-size: 175%; width: auto; min-height: 27px; overflow: hidden;}
#header .actioncounter h2 span {float: left; margin-right: 9px;}
#header .actioncounter h2 span.heading {height: 16px; width: 131px; margin: 6px 0 0 0; float: right;}
#header .actioncounter h2 .loader {margin: 0 40px;}
#header .actioncounter h2 .thecount {display: none; margin: 0;}

#nav {height: 37px; margin: 0; background: transparent url(img/nav.jpg) 0 -111px no-repeat; width: 100%; overflow: hidden;}
#nav li {float: left; margin: 0;}
#nav li a {height: 37px; display: block; text-indent: -4000px; background: transparent url(img/nav.jpg) 0 0 no-repeat;}

/* Main Navigation */

#nav .home {width: 60px;}
#nav .home:hover, #nav .home:active {background-position: 0 -37px;}
#nav .current .home {background-position: 0 -74px;}

#nav .actions {width: 72px; background-position: -60px 0;}
#nav .actions:hover, #nav .actions:active {background-position: -60px -37px;}
#nav .current .actions {background-position: -60px -74px;}

#nav .about {width: 129px; background-position: -132px 0;}
#nav .about:hover, #nav .about:active {background-position: -132px -37px;}
#nav .current .about {background-position: -132px -74px;}

#nav .weare {width: 161px; background-position: -261px 0;}
#nav .weare:hover, #nav .weare:active {background-position: -261px -37px;}
#nav .current .weare {background-position: -261px -74px;}

#nav .goodies {width: 71px; background-position: -422px 0;}
#nav .goodies:hover, #nav .goodies:active {background-position: -422px -37px;}
#nav .current .goodies {background-position: -422px -74px;}

#nav .contact {width: 74px; background-position: -493px 0;}
#nav .contact:hover, #nav .contact:active {background-position: -493px -37px;}
#nav .current .contact {background-position: -493px -74px;}



/* Main Content
--------------------------------------------------------------------------------------------*/

#content {width: 566px; float: left; margin: 26px 0 26px 21px; min-height: 700px;}

h1 {color: #369511; font: 180% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; margin: 0;}
h2 {margin: 13px 0;}
h3 {color:#2ec1f9; font-size: 140%; margin: 0;}
h4 {color: #004b88; font-size: 130%; margin: 13px 0;}
h4.alt {color: #17b4e9; font-weight: normal; margin: 11px 0;}
.clarendon {color: #369511; font-family: Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; font-weight: normal;}
a.alt {font-weight: bold;}
p {margin: 13px 0; line-height: 1.8;}
.note {color: #369511; font-size: 90%;}
blockquote {margin: 0; padding: 0;}
abbr, acronym {border: none;}
#content img.left {margin: 0 21px 10px 0;}


/* Custom Links and Buttons */
.action, .action:visited {padding: 6px 26px; background: #369511; color: #fff; font: 110% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
.action:hover, .action:active {background: #2a730e; text-decoration: none; cursor: pointer;}
button.action {padding: 6px 20px;}

/* Headings (image text! gah!) */
.heading {display: block; text-indent: -4000px; background: transparent url(img/headings.jpg) 0 0 no-repeat; height: 16px;}
.volunteer-match {background-position: -131px 0; width: 180px;}
.install-facebook {background-position: -311px 0; width: 181px;}
.login-facebook {background-position: -546px 0; width: 150px; }
.volunteer {background-position: -696px 0; width: 77px;}
.buy-the-book {background-position: -773px 0; width: 94px;}
.signup-newsletter {background-position: -867px 0; width: 194px;}
#content .step1 {background-position: 0 -16px; width: 220px; height: 40px;}
#content .step2 {background-position: -220px -16px; width: 228px; height: 40px;}
.step3 {background-position: -1061px 0; width: 220px;}

/* Regular Liftout (irregular dashed line) */
.liftout {width: 412px; background: #fff url(img/liftout-middle.jpg) 0 8px repeat-y; margin-bottom: 20px;}
.liftout .top, .liftout .bottom {height: 8px; background: #fff url(img/liftout-ends.jpg) 0 0 no-repeat; clear: both;}
.liftout .top {background-position: 0 -8px;}
.liftout > * {padding: 0 22px;}
.liftout h3 {margin: 0 0 7px 0;}

/* Feature Content */
.feature {width: 249px; float: left; background: #e4feb1; padding: 0 13px 11px 13px; margin: 13px 0; overflow: hidden;}
.feature-odd {float: right; background: #a4db66;}
.feature .heading {margin: 13px 0 5px 0;}
.feature h4 {margin: 13px 0;}
.feature  p {margin: 7px 0;}
.feature ul {margin: 0;}
.feature a.left {margin: 0 18px 0 0;}
#content .feature img.left {margin: -5px 0 5px 0;}
#content .vspace p, #content .vspace img {margin: 10px 0;}
.feature a, .feature a:visited {color: #2a730e;}
.feature a:hover, .feature a:active {color: #0a5e00;}
.feature .action, .feature .action:visited, .feature .action:hover, .feature .action:active {color: #fff;}
.feature a.recent-posts {width: 243px; padding: 3px; margin-bottom: 1px; display: block; overflow: hidden;}
.feature a.recent-posts:hover {background: #a4db66; text-decoration: none;}
.feature a.recent-posts img {float: left; margin-right: 10px; border: 1px solid #fff; width: 40px;}
.feature a.recent-posts span {color: #000; padding-top: 5px;}
.feature a.recent-posts .more {color: #369511; font-size: 90%; display: block; font-weight: bold; padding: 0;}
.feature a.recent-posts:hover .more {color: #2a730e;}

/* Action Tracker (NEW) */
.actiontracker {position: relative; clear: both; border-top: 13px solid #fff; height: 206px; width: 566px; background: transparent url(img/actiontracker.jpg) 0 0 no-repeat;}
.actiontracker .text, .actiontracker h2 {text-indent: -4000px;}
.actiontracker .action {position: absolute; top: 126px; left: 336px;}

/* Embedded Video */
.video-title { background: #369511; padding: 4px; color: #fff; font-size: 100%; width: 267px; margin-bottom: 0;}
object {margin: 0;}
.video1 {background: #fff url(img/video1.jpg) 0 0 no-repeat; height: 223px; width: 275px;}
.video2 {background: #fff url(img/video2.jpg) 0 0 no-repeat; height: 223px; width: 275px;}
.video3 {background: #fff url(img/video3.jpg) 0 0 no-repeat; height: 223px; width: 275px;}
.video4 {background: #fff url(img/video4.jpg) 0 0 no-repeat; height: 223px; width: 275px;}

/* Goodies */
.col {width: 275px; float: left; overflow: hidden;}
.col img {float: left; margin: 0 9px 20px 0; clear: both;}
.col p {line-height: normal;}
.badge, .badge:visited {float: left; display: block; color: #369511; font-family: Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; text-align: center; margin-top: 20px;}
.badge:hover, .badge:active {color: #2a730e;}
.badge img {display: block;}

/* About the Book */
.col-left {width: 245px; float: left; margin: 13px 14px 0 0;}
.col-right {width: 296px; float: right;}
.col-left img {margin-bottom: 5px;}
.photo {margin: 0 21px 0 0; float: left;}
.bio {width: 420px; float: right; margin-top: -16px;}

/* We Are What We Do */
.wawwd-logo {height: 34px; width: 271px; background: #fff url(img/wawwd-logo.jpg) 0 0 no-repeat; text-indent: -4000px;}
.wawwd-overview {background: #fff url(img/wawwd-icon.jpg) 0 5px no-repeat; padding-left: 126px;}
.wawwd-plastic {background: #fff url(img/plasticbag.jpg) 429px 20px no-repeat; padding-right: 158px; margin: 20px 0;}
.wawwd-granny-text {background: #fff url(img/granny-text.jpg) 5px 5px no-repeat; padding-left: 139px;}
.blogroll li {line-height: 1.8;}

/* Banners */
.event-date-banner {width: 566px; height: 102px; display: block; margin: 15px 0; background: #fff url(img/event-date-banner.jpg) 0 0 no-repeat; text-indent: -4000px; clear: both;}

/* Form Elements */
form div {margin: 13px 0;}
input, select, textarea {padding: 4px; background: #fff; border: 1px solid #369511; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
input.focus, select.focus, textarea.focus {border-width: 2px; padding: 3px;}
label, .label, #cf_field_1 {color: #369511; font: 100% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif;}
.checkbox label {padding: 7px 0 0 19px; background: transparent url(img/checkbox_small.jpg) 0 0 no-repeat; margin-bottom: 7px;}
.checkbox label.checked {background-position: 0 -33px;}
.checkbox input {display: none;}
.col-form {width: 335px; float: left;}
.col-facebook {background: #a4db66; width: 211px; float: right; margin-top: 13px;}
.col-facebook .invitebutton {text-align: center; background: #a4db66; position: relative; top: -17px; padding: 10px 0;}
.col-facebook .invitebutton input {width: 211px;}
#commentform {background: #a4db66; padding: 13px; width: 309px; overflow: hidden;}
#commentform input, #commentform textarea {width: 204px; float: right; margin: 0;}
#commentform div {margin-bottom: 10px; width: auto; overflow: hidden;}
#commentform .clear {margin: 0;}
#commentform #sendToFacebook {float: none; clear: both;}
#commentform label {width: 87px; display: block; float: left; text-align: right; font-family: Arial, Helvetica, sans-serif; color: #000;}
#commentform #submit {color: #369511; font: 110% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-transform: uppercase; float: right; letter-spacing: 1px; background: transparent; padding: 0; border: 0; width: auto; clear: both; margin-top: 10px;}
.form-title { background: #369511; padding: 4px 13px; color: #fff; width: auto; margin-bottom: 0; font: 110% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px;}
.col-facebook .form-title {margin: 0;}
.icon-text-middle {clear: both; float: left; margin-right: 5px;}
#commentform {margin: 0; line-height: normal;}
#commentform a, #commentform a:visited {color: #369511; font-weight: bold;}
#commentform a:hover, #commentform a:active {color: #2a730e;}
button {margin-top: 9px; border: 0;}
.message {background: #a4db66; padding: 12px;}
.message {margin-bottom: 20px;}
#tellafriend {display: none; background: #a4db66; padding: 12px;}
.share {display: none;}

/* Facebook Connect */
#content .fbconnect_miniprofile {background: #a4db66; padding: 13px; width: auto; overflow: hidden; position: relative; top: -18px;}
#content .fbconnect_miniprofile p {float: left; width: auto; clear: none; line-height: normal; margin: 0;}
#content .fbconnect_LastUsers {display: none;}
#content .fbconnect_miniprofile a, #content .fbconnect_miniprofile a:visited {color: #369511; font-weight: bold;}
#content .fbconnect_miniprofile a:hover, #content .fbconnect_miniprofile a:active {color: #2a730e;}
.fbconnect_userpicmain {float: left; margin: 0 10px 10px 0; width: auto; height: auto;}
.fb-layout img {border: 1px solid #fff;/*padding: 10px; background: #a4db66;*/ float: left; margin: 10px 10px 0 0;}
#content .friends img.fb_profile_pic_rendered, #content .fbconnect_userprofile img.fb_profile_pic_rendered {border-color: #a4db66;}
#content .col-facebook img.fb_profile_pic_rendered {padding: 0; margin: 0;}

/* Community */
.fb-layout .friends, .fb-layout .community {background: #e4feb1; padding: 11px 1px 11px 11px; width: auto; overflow: hidden; margin: 10px 0 20px 0; border: 1px solid #a4db66;}
.fb-layout .community {background: #a4db66; border-color: #369511;}
.fb-layout .community .action {float: none; clear: both; padding: 2px 6px; margin-top: 20px !important; display: block; width: 9em;}
.fb-layout .community .next {width: 6.5em; float: right; margin-right: 10px;}
.fb-layout .community img {margin: 0 10px 10px 0;}

/* Profile */
.fb-layout .fbconnect_userprofile {background: #e4feb1; border: 1px solid #a4db66; padding: 11px; width: auto; overflow: hidden; font-size: 110%; line-height: 1.4; margin-top: 10px;}
.fb-layout .fbconnect_userprofile strong {color: #369511;}
.fb-layout .fbconnect_profiletexts {width: 420px; float: right; overflow: hidden;}
.fb_link img {float: left; margin-right: 5px;}
.fb_link span {float: left; margin-top: 12px;}

/* Comments */
.commentlist {list-style: none;}
.commentlist li {margin: 0 0 14px -40px; width: auto; overflow: hidden;}
.commentlist .avatar {float: left; padding: 0;}
.commentlist .avatar img, #content .commentlist .avatar img.fb_profile_pic_rendered {border: 1px solid #abd857; padding: 0; margin: 0;}
.commentlist .thecomment, .commentlist .profilecomment {padding: 12px; background: #e4feb1; border: 1px solid #abd857; width: 464px; position: relative; float: right;}
.commentlist .profilecomment {background: #a4db66; border-color: #369511; width: 542px; float: none; margin-top: 26px; position: relative;}
.commentlist .stem {height: 18px; width: 13px; display: block; position: absolute; left: -13px; top: 14px; background: #fff url(img/stem.jpg) 0 0 no-repeat;}
.commentlist .profilecomment .stem {height: 13px; width: 18px;left: 14px; top: -13px; background: #fff url(img/stem-profile.jpg) 0 0 no-repeat;}
.commentlist a, .commentlist a:visited {color: #369511; font-weight: bold;}
.commentlist a:hover, .commentlist a:active {color: #2a730e;}
.commentlist .profilecomment a, .commentlist .profilecomment a:visited {color: #2a730e;}
.commentlist .profilecomment a:hover, .commentlist .profilecomment a:active {color: #0a5e00;}
.commentlist p {margin: 7px 0;}

.pagination {clear: both; width: auto; overflow: hidden; margin: 20px 0 20px 74px;}
.pagination a, .pagination a:visited {display: block; padding: 2px 4px; float: left; margin-right: 5px; background: #369511; color: #fff;}
.pagination a:hover, .pagination a:active {background: #2a730e; text-decoration: none;}
.pagination span {display: block; padding: 1px 2px; float: left; margin-right: 5px; color: #369511; border: 1px solid #369511; background: #fff; font-weight: bold;}
#cp_post_id {display: none;}


/* Sub Content
--------------------------------------------------------------------------------------------*/

#sub-content {width: 195px; margin-right: 26px; float: right; overflow: hidden; padding: 5px 0;}
#sub-content h3 {margin: 13px 0 0 0;}
#sub-content h4 {color: #369511; font: 110% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; margin: 0; font-weight: normal; text-transform: uppercase;}
#sub-content p {line-height: 1.2; margin: 4px 0;}
#sub-content a, #sub-content a:visited, #content a.alt, #content a.alt:visited {color: #369511;}
#sub-content a:hover, #sub-content a:active, #content a.alt:hover, #content a.alt:active {color: #2a730e;}
#sub-content .hr {height: 6px; background: transparent url(img/hr-subcontent.jpg) 0 0 no-repeat;}
#sub-content .book-cover {margin: 8px auto 12px auto; display: block;}
.share-this, #sharethis_1 a, #sharethis_0 a {margin: 10px 0; height: 15px; width: 92px; display: block; background: transparent url(img/share-this.jpg) 0 0 no-repeat !important; text-indent: -4000px; padding: 0;}
.share-this:hover, .share-this:active, #sharethis_1 a:hover, #sharethis_1 a:active, #sharethis_0 a:hover, #sharethis_0 a:active {background-position: 0 -15px !important;}


/* Facebook Connect */
#sub-content .fbconnect_userpicmain {padding: 10px; background: #a4db66;}

#fb_login_image {margin-top: 13px;}
.fbconnect_LastUsers {margin: 9px 0; padding: 10px 0 10px 13px; background: #a4db66;}
.fbconnect_userpics {margin: 7px 0 5px 0; width: auto; overflow: hidden;}
.fbconnect_userpics img {border: 1px solid #fff; float: left; margin: 0 6px 6px 0;}
.fbconnect_LastUsers .more {text-align: right; margin-right: 13px; font-weight: bold;}
#sub-content .invitebutton input {width: 100% !important; padding: 6px; text-align: center;}


/* Sub Content Forms */
#sub-content input {width: 185px;}
#sub-content #volunteerform label {width: 83px; text-align: right; display: block; float: left; width: 83px; clear: both; padding-top: 8px;}
#sub-content #volunteerform input, #sub-content #volunteerform select {width: 96px; display: block; float: right; margin-bottom: 5px;}
#sub-content #volunteerform input.hidden {display: none;}
#sub-content #volunteerform select {width: 106px;}
#sub-content #volunteerform .checkbox {display: block; width: 10.5em; clear: both;}
#sub-content #volunteerform .checkbox input {position: absolute; left: -9999px;}
#sub-content #volunteerform .checkbox label {padding: 6px 0 0 19px; background: transparent url(img/checkbox_small.jpg) 0 0 no-repeat; margin-bottom: 3px; float: none; width: auto; text-align: left;}
#sub-content #volunteerform .checkbox label.checked {background-position: 0 -33px;}
#sub-content #volunteerform img {margin-top: 8px;}


/* Site Info
--------------------------------------------------------------------------------------------*/

.cb-logo {height: 34px; width: 211px; display: block; background: transparent url(img/cb-logo.png) 0 0 no-repeat; text-indent: -4000px; margin-bottom: 11px;}


/* Lightbox
--------------------------------------------------------------------------------------------*/

.lightbox {width: 566px; position: absolute; z-index: 1000; left: 50%; margin-left: -283px; display: none; background: #e4feb1; border: 4px solid #a6a6a6; padding: 11px; overflow: visible; text-align: left;}
.lightbox .close {float: right; height: 28px; width: 95px; display: block; background: transparent url(img/close.jpg) 0 0 no-repeat; text-indent: -4000px;}
.lightbox .close:hover {background-position: 0 -28px;}
.lightbox .box-header {background: #a4db66; padding: 7px; width: auto; overflow: hidden;}
.lightbox h2, .lightbox h3 {font-family: Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif; color: #369511; font-weight: normal; letter-spacing: 1px;}
.lightbox h2 {margin: 5px; text-transform: uppercase;}
.lightbox .content {width: 366px; float: right; margin-top: 12px;}
.lightbox img {margin: 12px 0; float: left;}
.lightbox .readonly {width: 558px; color: #369511; font: 130% Clarendon, "Century Schoolbook", Georgia, "Times New Roman", Times, serif;}
.lightbox a, .lightbox a:visited {color: #369511; font-weight: bold;}
.lightbox a:hover, .lightbox a:active {color: #2a730e;}

#overlay {width: 100%; background: #000; opacity: .70; position: fixed; top: 0; left: 0; z-index: 500;}