body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

* { outline: none; }

.clr {  clear: both;  display: block;  height: 1px;  margin-top: -1px;}


.txtrep{
	display:block;
	text-indent:-9999em;
}

.btn{
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}

.btn:active{
	background-position:left bottom;
}


body{

	font-size:18px;
	color:#000;
	background:#fff url(images/bg.png) repeat-x center top;
	font-family:"helvetica neue", helvetica, arial;
	-webkit-font-smoothing: antialiased;
}

body.thankyou{
	background:#fff url(images/bg-thankyou.png) repeat-x center top;
}


.wrap{
	width:960px;
	margin:0 auto
}

.header{
	overflow:auto;
	height:182px;
	background:url(images/header-oil-bird.png) no-repeat left bottom;
}

.header h1{
	float:left;

}

.header h1 a{
	background: url(images/text-this-is-fucked.png) no-repeat top left;
	width:411px;
	height:62px;

}
.header .right{
	background:#10818a;
	float:right;
	margin-top:82px;
	padding:11px 13px;
	border:1px solid #0d6970;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid #23cdda;
	border-top:1px solid #07393d;
}

.header .right h2,
.header .right a{
	float:left;
}

.header .right h2{
	font-size:18.5px;
	color:#c6f8fc;
	text-shadow:0px 1px 0px #084449;
	font-weight:200;
	/*font-family:"gotham book", "helvetica neue", helvetica, arial;*/
	font-family: "helvetica neue", helvetica, arial;
	margin-right:10px;
	height:28px;
	line-height:28px;
	
}

.thankyou .header .right h2{
	margin-bottom:5px;
}

.header .right h2 span{
	color:#fff;
}

.header .right a.donate-button{
	width:184px;
	height:33px;
	background-image: url(images/button-make-a-donation.png);
}

/* intro */

.intro {
	height:230px;
}

.thankyou .intro{
	height:160px;
}
.intro h1{
	background: url(images/title-kill-the-spill.png) no-repeat top left;
	width:145px;
	height:142px;
	margin-top:41px;
	float:left;

}

.intro .text{
	color:#fefefe;
	padding-left:37px;
	padding-top:45px;
	float:left;
	width:740px;
	
	font-weight:200;
	font-size:21px;
	line-height:1.65em;
}

.thankyou .intro .text{
	padding-left:0;
	width:auto;
	padding-top:40px;	
}

/* mid */

.mid{
	margin-top:44px;
	font-size:26px;
	font-weight:lighter;
	line-height:1.4em;
	text-align:center;
}
.mid h3.these-animals{
	background:url(images/text-these-animals-need-our-help.png) no-repeat top left;
	width:939px;
	height:62px;
	margin:0 auto;
}
.mid p{
	font-family:"archer book", archer;
	font-weight:300;
	text-align:center;
	margin:0 auto;
}

.mid .images{
	width:940px;
	margin:0 auto;
	margin-top:44px;
	margin-bottom:50px;
	display:table;
}

.mid .images img{
	margin-right:21px;
	float:left;
}

.mid .images img.last{
	margin-right:0;
}


.mid .images a.credit{
	text-align:right;
	float:right;
	font-size:12px;
	font-family:helvetica, arial;
	color:#999;
	text-decoration:none;
	padding:5px;
	display:block;
	line-height:1;
}

.mid .images a.credit:hover{
	text-decoration:underline
}

/* logos */

.logos{
	margin-top:44px;
	text-align:center;
	margin-bottom:30px;
}
.logos a{
	display:inline-block;
}

.thankyou .logos{
	margin-bottom:200px;
}
/* status */

.status{
	background:#fefbe8;
	border:1px solid #f0e9bc;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;	
	margin-bottom:48px;
	line-height:36px;

	text-align: center;
	margin-left:auto;
	margin-right:auto;

	padding: 6px 20px;
}

.status p{
	text-align:center;
	display:inline-block;

}
.status span{
	display:inline-block;
	line-height:50px;

}


.status .sofar{
	background:url(images/text-so-far-weve-raised.png) no-repeat left center;
	height:36px;
	width:226px;

}

.status .value{
	font-family: "helvetica neue" , helvetica, arial;
	font-weight:lighter;
	font-size:36.85px;
	color:#000;
	margin-top:-2px;
}

.status .tohelp{
	background:url(images/text-to-help-animals.png) no-repeat left center;
	height:36px;
	width:468px;

}


/* form */

.form{
	padding: 30px  47px 25px;
	background:#ffde00;
	margin-bottom:40px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		

	line-height:36px;
}

.form a{
	text-decoration:underline;
	color:#000;
}
.form h3{
	background: url(images/title-make-a-donation.png)	no-repeat top left;
	width:830px;
	height:26px;
	margin-left:5px;
}

.form .nwf-plate{

	font-size:15px;
	font-family:helvetica, arial;
	font-weight:lighter;
	color:#595959;
	background:#fff url(images/logo-nwf.png) no-repeat 24px center;
	margin-top:25px;
	margin-bottom:30px;
	padding:16px;
	padding-left:203px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
	-moz-box-shadow:0px 1px 1px #6a5c00;
	-webkit-box-shadow:0px 1px 1px #6a5c00;
	box-shadow:0px 1px 1px #6a5c00;	
	position:relative;	
}

.form .nwf-plate a{
	text-decoration:underline;
	color:#595959;
}

.form .nwf-plate a.nwf-link{
	width:165px;
	height:50px;
	position:absolute;
	text-indent:-99999em;
	display:block;
	left:24px;
	top:17px;;
}

.form .nwf-plate p{
	font-weight:100;
	line-height:1.8em;
	margin-bottom:0;
}

.form p{
	margin-bottom:12px;
	font-weight:bold;
}

.form .donation-amount{
	width:450px;
}
.form .donation-amount li{
	background:#fff;
	padding:0 8px;
	width:200px;
	float:left;
	color:#808080;
	font-size:18px;
	height:32px;
	line-height:32px;
	margin-bottom:9px;
	margin-right:7px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;		
	border-radius:10px;
	cursor:pointer;
}

.form .donation-amount li.selected{
	color:#000;
}

.form .donation-amount li .own-value{
	width:100px
}

.form input.text{
	color:#000;
	font-weight:normal;
	border:1px solid #b4b4b4;
	border-bottom:1px solid #ab9500;
	border-top:1px solid #6a6a6a;
	height:34px;
	line-height:34px;
	padding:0 12px;
	width:233px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;		
   background: no-repeat #fff url(images/bg-inputs.png) top left;
   margin:0 3px;
}

.form input.clean{
	color:#656565
}

.form input.text.email{
	width:206px;
}

.form .submit{
	width:442px;
	height:50px;
	background-image:url(images/button-okay-im-ready.png);
	margin-top:10px;
}


.form #final-submit{
	width:442px;
	height:50px;
	background-image:url(images/button-okay-im-ready.png);
	margin-top:10px;
	float:left;
}

.form {position:relative}

.form .col{
	float:left;
}
.form .paypal-info{
	float:left;
	margin-left:10px;
	margin-top:17px;
}

.form .paypal-info a{
	text-decoration:none;
	text-shadow:none;
	color:#000;
}

.form .paypal-info:hover a{
	text-decoration:underline;
	
}

.form .paypal-info img{
	float:left;
}

.form .paypal-info p{
	font-size:12px;
	float:left;
	width:150px;
	margin-bottom:0;
	font-weight:normal;
	line-height:1.2em;
	margin-left:5px;
	margin-top:4px;
	color:#000;
	
}
/* Thankyou page */

.twitter{
	margin-top:35px;
}

.twitter h4{
	font-size:26px;
	text-align:center;
	margin-bottom:32px;
}

.twitter .box{
	background:#ffde00;
	padding:25px;
	margin-bottom:62px;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;		
	position:relative;
}

.twitter .box h5{
	font-weight:bold;
	font-size:18px;
	font-family: "helvetica neue", helvetica, arial;
}

.twitter a.tweet-this{
	background: url(images/btn-tweet-this.png) no-repeat left top;
	width:252px;
	height:50px;
	text-indent: -99999em;
	display:block;

	margin:0 auto;
	margin-top:33px;	
}

.twitter a.tweet-this:active{
	background: url(images/btn-tweet-this.png) no-repeat left bottom;
}


.mailinglist input{


}

.thankyou .follow{
	position:absolute;
	right:10px;
	bottom:10px;

	color:#000;

}

.thankyou .twitter-block{

	margin-top:40px
}	
.twitter-block{
	margin-bottom:40px;
	font-size:12px;
	overflow: auto;
}

.twitter-block .recent-tweets{
	width:530px;
	float:left;
}

#tweet-box-container label,
.twitter-block .recent-tweets h4{
	font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#333333;
	-webkit-font-smoothing: antialiased !important;
}


.twitter-block .recent-tweets h4{
	-webkit-font-smoothing: antialiased !important;
}
.twitter-block .left{
	float:right;
}

.twitter-block .twitterfollow{
	background-image: url(images/btn-follow-twitter.png);
	width:388px;
	height:47px;
	margin-bottom:30px;
	margin-top:3px;
	margin-top:15px;
}