/**
  Theme Name: Project 7
  Theme URI: http://www.project7.com
  Version: 1.0
  Author: Josiah Platt + Aaron Harp
  Author URI: http://www.29agency.com
  Licence: GPL
  
  Description: Theme for the Project 7 website.
*/

/*
  general styles 
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/**
  styles for pagination links
*/

#pagination {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
  #pagination li {
    display: inline;
  }
  #pagination .previous {
    text-align: left;
    float: left;
  }
  #pagination .future {
    text-align: right;
    float: right;
  }

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

img.alignleft {
  margin-right: 10px;
}

img.alignright {
  margin-left: 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* recent comment styling */

.kjgrcGravatar{
	float: left;
	margin-right: 4px;
}
.recentComments li{
	display: block;
	min-height: 45px;
	clear: left;
}
/* RSS */
.feed {
	padding: 10px 0 10px 35px;
	background: url("img/feedas.jpg") no-repeat 0% 50%;
} 


/* CAUSE VOTING STYLES */

ul#voting {list-style-type: none; display: block; clear:both;}
ul#voting li {padding-left: 70px; line-height: 24px; margin-bottom: 40px;}
ul#voting #step1 {background-image: url('img/step1.jpg'); background-repeat: no-repeat;}
ul#voting #step2 {background-image: url('img/step2.jpg'); background-repeat: no-repeat;}
ul#voting #step3 {background-image: url('img/step3.jpg'); background-repeat: no-repeat;}

#voting-footer {list-style-type: none; display: block; clear: both; border-top: 1px solid #9b9c9f;}
#voting-footer li {float: left; margin-right: 26px; width: 72px; height: 51px; text-indent: -9999px;}
#voting-footer li a { width: 72px; height: 51px; display: block;}
#voting-footer li#heal {background-image: url('img/causeHealGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#heal:hover, .heal-the-sick #voting-footer li#heal {background-image:url('img/causeNavHeal.png'); background-position: 0 -11px;}
#voting-footer li#save {background-image: url('img/causeSaveGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#save:hover, .save-the-earth #voting-footer li#save {background-image:url('img/causeNavSave.png'); background-position: -3px -13px;}
#voting-footer li#house {background-image: url('img/causeHouseGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#house:hover, .house-the-homeless #voting-footer li#house {background-image:url('img/causeNavHouse.png'); background-position: -3px -11px;}
#voting-footer li#hungry {background-image: url('img/causeHungryGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#hungry:hover, .feed-the-hungry #voting-footer li#hungry {background-image:url('img/causeNavFeed.png'); background-position: 3px -12px;}
#voting-footer li#help {background-image: url('img/causeHelpGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#help:hover, .help-those-in-need #voting-footer li#help {background-image:url('img/causeNavHelp.png'); background-position: -2px -12px;}
#voting-footer li#build {background-image: url('img/causeBuildGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#build:hover, .build-the-future #voting-footer li#build {background-image:url('img/causeNavBuild.png'); background-position: -10px -11px;}
#voting-footer li#hope {background-image: url('img/causeHopeGrey.jpg'); background-repeat: no-repeat;}
#voting-footer li#hope:hover, .hope-for-peace #voting-footer li#hope {background-image:url('img/causeNavHope.png'); background-position: 0 -11px;}
#summary {background-image: url('img/meet-finalists-small.jpg'); background-repeat: no-repeat; background-position: top right; height: 130px;}


/*.causeVoteBox { width: 704px; }*/
#rightContent .causeVoteBox { width: 721px; height: 470px; background-repeat: no-repeat; margin-top: -25px;}

body.page-template-page-cause-vote-php #rightContent .title { position: absolute; top: 80px; left: 40px; width: 513px; height: 62px; }
#rightContent.voting .title {display:none;}


/* .build-the-future .title {text-indent: -9999px; background-image: url('img/votingBuildHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;} 
 .build-the-future .causeVoteBox {background-image: url('img/votingBuildBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
*/

.build-the-future .causeVoteBox {background-image: url(img/Build_Box.jpg); }
.build-the-future .title {background-image: url(img/Build_the_Future_Text.gif);}

.heal-the-sick .causeVoteBox {background-image: url(img/Heal_Box.jpg); }
.heal-the-sick .title {background-image: url(img/Heal_The_Sick_Text.gif);}

.save-the-earth .causeVoteBox {background-image: url(img/Save_Box.jpg); }
.save-the-earth .title {background-image: url(img/Save_The_Earth_Text.gif);}

.house-the-homeless .causeVoteBox {background-image: url(img/House_Box.jpg); }
.house-the-homeless .title {background-image: url(img/House_The_Homeless_Text.gif);}

.feed-the-hungry .causeVoteBox {background-image: url(img/Feed_Box.jpg); }
.feed-the-hungry .title {background-image: url(img/Feed_the_Hungry_Text.gif);}

.help-those-in-need .causeVoteBox {background-image: url(img/Help_Box.jpg); }
.help-those-in-need .title {background-image: url(img/Help_Those_In_Need_Text.gif);}

.hope-for-peace .causeVoteBox {background-image: url(img/Hope_Box.jpg); }
.hope-for-peace .title {background-image: url(img/Hope_For_Peace_Text.gif);}


/*
.heal-the-sick .title {text-indent: -9999px; background-image: url('img/votingHealHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.heal-the-sick .causeVoteBox {background-image: url('img/votingHealBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
.save-the-earth .title {text-indent: -9999px; background-image: url('img/votingSaveHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.save-the-earth .causeVoteBox {background-image: url('img/votingSaveBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
.house-the-homeless .title {text-indent: -9999px; background-image: url('img/votingHouseHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.house-the-homeless .causeVoteBox {background-image: url('img/votingHouseBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
.feed-the-hungry .title {text-indent: -9999px; background-image: url('img/votingFeedHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.feed-the-hungry .causeVoteBox {background-image: url('img/votingFeedBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
.help-those-in-need .title {text-indent: -9999px; background-image: url('img/votingHelpHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.help-those-in-need .causeVoteBox {background-image: url('img/votingHelpBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
.hope-for-peace .title {text-indent: -9999px; background-image: url('img/votingHopeHead.png'); background-repeat: no-repeat; height: 119px; width: 715px; margin-top: 25px;}
.hope-for-peace .causeVoteBox {background-image: url('img/votingHopeBg.png'); background-repeat: no-repeat; margin-top: -25px; background-position: 0 80px;}
*/


.vote-form { width: 205px; height: 300px; 

/*float: left; position: relative; margin-top: 108px; margin-left: 23px; position: relative; */

font-size: .7em;  text-align: center;

position: absolute; 
top: 163px;

}


#vote-form-choice-0 { 
left: 50px;
}

#vote-form-choice-1 { 
left: 278px;
}

#vote-form-choice-2 { 
left: 505px;

}



.vote-form .choice-title { font-weight: bold; }
.vote-form .choice-img { margin: 0 auto;  }
.vote-form .choice-summary { 
  text-align: left; 
  margin-bottom: 8px;
  letter-spacing: normal;
  line-height: 1.2em;
}
.vote-form .thickbox { text-align: left; margin-top: 10px; font-weight: bold;}
.vote-form .vote-area {position: absolute; top: 240px; padding-top: 10px; width: 210px;}
.vote-form .vote-area a.tac {text-decoration: underline;}
.vote-form .vote-now { 
  display: block;
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  top: 214px;
  left: 0px;
  background: url(img/vote-now-multi2.jpg); 
  width: 112px; 
  height: 43px; 
  background-position: left  top;
}
.vote-form .vote-now:hover { background-position: 0 -43px; cursor: pointer;}
.vote-form .vote-now.chosen { background-position: 0 -43px;}
.vote-form .vote-area input#security_code { width: 60px; padding: 3px; display: block;}
.vote-form .vote-area .captcha_image { margin: 3px; border: 3px solid white;}

/* shorten the .vote-form on cause-vote pages */
body.page-template-page-cause-vote-php .vote-form {
  height: 300px;
}



.choice-already {
  background: #f0f0f0; 
  border: 2px solid #000;
  padding: 0px; 
  text-align: center; 
  position: fixed; 
  top: 50%; 
  z-index: 101; 
  width: 500px;
  font-size: 0.8em;
  }
.choice-already-inner {background: #f0f0f0; margin: 40px; }
span.close-already { float: right; margin: 4px; padding: 4px; font-weight: bold; }
span.close-already:hover { background: black; color: white; cursor: pointer;  }

table.voteSummary { font-size: 1em; position: absolute; top: 650px; }
table.voteSummary tr { font-size: 1em;  }
table.voteSummary th,
table.voteSummary td { padding: 3px; height: 40px;}

table.voteSummary tr.cause-slug-heal-the-sick td.img { background: url(img/causeIconHeal.png) no-repeat;}
table.voteSummary tr.cause-slug-save-the-earth td.img { background: url(img/causeIconSave.png) no-repeat;}
table.voteSummary tr.cause-slug-house-the-homeless td.img { background: url(img/causeIconHouse.png) no-repeat;}
table.voteSummary tr.cause-slug-feed-the-hungry td.img { background: url(img/causeIconFeed.png) no-repeat;}
table.voteSummary tr.cause-slug-help-those-in-need td.img { background: url(img/causeIconHelp.png) no-repeat;}
table.voteSummary tr.cause-slug-build-the-future td.img { background: url(img/causeIconBuild.png) no-repeat;}
table.voteSummary tr.cause-slug-hope-for-peace td.img { background: url(img/causeIconHope.png) no-repeat;}

table.voteSummary tr.newCause { border-top: 1px solid #aaa; }

table.voteSummary td.choice-img { width: 120px;}
table.voteSummary td.img { width: 100px;}
table.voteSummary .bar-graph { background: #4cf; border: 1px solid #488; width: 400px; overflow: hidden;}

.vote-area {background: white; z-index: 102; padding: 5px; border: 3px solid black; width: 250px; }


.choice-error { position: absolute; top: 510px; padding: 8px; margin: 8px; border: 1px solid red; background: #faa; color: black; font-size: 0.8em; }

.happyMsg { position: absolute; top: 510px; padding: 8px; margin: 8px; border: 1px solid #ffd324; background: #fff6bf; color: black; font-size: 0.8em; }



#votingGetStartedForm { float: right; position: relative; width: 480px; height: 200px; margin-top: 15px;}
#votingGetStartedForm h1 { display: inline; position: relative; float: left; width: 150px; margin-top: 6px; }
#votingGetStartedForm #emailInputWrapper { 
  background: url(img/emailInputWrapperBg2.gif) no-repeat; 
  float: right;
  width: 307px;
  height: 49px;
  position: relative;
} 

#votingGetStartedForm #emailInputWrapper:hover { 
  cursor: pointer; 
} 




#votingGetStartedForm #emailInputWrapper #vote-email {
  position: absolute;
  top: 18px;
  left: 10px;
  width: 150px;
  height: 20px;
  border: 0px;
  padding: 0px 3px;
  text-align: center;
}

#votingGetStartedForm #termsWrapper {
  position: absolute;
  top: 60px;
  right: 40px;
}

#votingGetStartedForm a.tac {
  text-decoration: underline;
  font-weight: normal;
}

#votingGetStartedForm #emailInputWrapper #btnGetStarted {
 position: absolute;
  top: 6px;
  left: 170px;
  width: 24px;
  height: 41px;
  border: 0px;
}

#btnGetStarted:hover {
  cursor: pointer;
}


#vote-progress-box { 
  height: 70px;
  width: 700px;
}

#vote-progress-box h5 {
  margin-left: 550px;
  top: 0px;
  right: 0px;
  margin-bottom: 0px;
}


.vote-progress { 
  width: 55px;
  height: 33px;

  background-position: left bottom;
  background-repeat: none;

  /*
  margin-right: 2px; 
  display: inline;
  float: right;
  */
  
  position: absolute;
  top: 18px;

  cursor: pointer;
  z-index: 103px;
}

.vote-progress-complete {
  background-position: 0px 0px;
}

#vote-progress-heal-the-sick { background-image: url(img/Heal_Check.jpg); left: 300px; }
#vote-progress-save-the-earth { background-image: url(img/Save_Check.jpg); left: 360px; }
#vote-progress-house-the-homeless { background-image: url(img/House_Check.jpg); left: 420px; }
#vote-progress-feed-the-hungry { background-image: url(img/Feed_Check.jpg); left: 480px; }
#vote-progress-help-those-in-need { background-image: url(img/Help_Check.jpg); left: 540px; }
#vote-progress-build-the-future { background-image: url(img/Build_Check.jpg); left: 600px; }
#vote-progress-hope-for-peace { background-image: url(img/Hope_Check.jpg); left: 660px;}

a.previous h1 { 
  background-image: url(img/btnArrowLeft.gif);
  background-repeat: no-repeat;
  background-position: 3px 9px;
  color: white; 
  padding: 10px;
  padding-left: 24px;
  font-size: 30px;
  text-align: left;
  float: left;
  cursor: pointer;
  position: absolute;
  top: 443px;
  left: 33px;
}



a.nexter h1 { 
  background-image: url(img/btnArrow.gif);
  background-repeat: no-repeat;
  background-position: 80px 9px;
  color: white; 
  padding: 10px;
  padding-right: 20px;
  font-size: 30px;
  text-align: right;
  float: right;
  cursor: pointer;
  position: absolute;
  top: 443px;
  right: 0px;
}

h1.getStartedNexter { 
  background-image: url(img/btnArrow.gif);
  background-repeat: no-repeat;
  background-position: 160px 11px;
  color: white; 
  padding: 10px;
  padding-right: 20px;
  font-size: 30px;
  text-align: right;
  cursor: pointer;
  position: absolute;
  top: -27px;
  left: 100px;
}




.ballotYear {
  position: absolute;
  top: 10px;
  left: 35px;
/*  font-size: 40px;
  width: 260px;
*/

  background-image: url(img/2009BALLOT.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 269px;  
  
}

strong.votingCallout {
  font-size: 18px;

}
.page-template-page-cause-winner-php #sideBar li a.action {margin-left: 20px;}

#sideBar li ul li ul li {
margin: 10px 0 0 20px;
color: red;
}


/* How We Give */
#p7partnerlinks { width:680px;margin:0 auto; }
ul.p7partnerlinks { margin:0; padding:0; list-style:none; }
.p7partnerlinks li { margin:0; padding:0; display:inline; }

/* Store */
#store-links { width:722px; height:353px; background:url(img/store/store-bg.jpg) 0 0 no-repeat; }
#store-links ul { margin:0px; padding:105px 0 0 0; list-style:none; list-style-type:none; }
#store-links li { margin:0px; padding:0px; display:inline; float:left; }