@charset "UTF-8"; 

body {
	margin:0;
	padding:0;
	font-size:75%;
	font-family: Arial, Georgia, Helvetica, sans-serif;
	color:#222;
	background:#7e99ba url('img/top-bg.jpg') repeat-x top center;
	}
	
a {color:#666;text-decoration:none;}
a:hover{color:#486f9b;text-decoration:underline}

h1 {font-size:1.8em; margin-bottom:8px;}
h2 {font-size:1.6em; margin-bottom:7px;}
h3 {font-size:1.3em; margin-bottom:5px;}


h1, h2, h3 {color:#fff;}

#rap{
	width:950px;
	margin:0 auto;
	overflow:hidden;
	}
	
#video {
	width:632px;
	height:394px;
	margin:250px auto 0 auto;
	background:url('img/top-youtube.jpg') no-repeat top center;
	}

#three-col {
	margin: 0 auto;
	padding:0;
	width:950px;
	overflow:hidden;
	}
	
.left-col {
	width:185px;
	float:left;
	text-align:center;
	}
	
.mid-col {
	float:left;
	width:355px;
	text-align:center;
	}
	
.right-col {
	float:left;
	width:410px;
	text-align:center;
	}
	
#row2-rap {
	background:#486f9b;
	padding:20px 0;
	}
.row2 {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	}
	
.twitter {
	position:relative;
	width:450px;
	padding:15px 0px;
	float:left;
	background:#fff;
	}
	
.tweet {
	position:relative;
	width:410px;
	padding:15px 20px;
	margin-left:500px;
	background:#fff;
	overflow:hidden;
	text-align:right;
	}
#footer {
	clear:both;
	text-align:center;
	background:#020912;
	padding:20px 0;
	}
	
	
/* LEFT COLUMN ELEMENTS */	
.pledges-to-date	 {
	background:url('img/left-pledges-date-new.jpg'); no-repeat 0 0;
	width:136px;
	height:20px;
	margin:13px auto 0 auto;
	}
	
.pledges-number {
	height:60px;
	font-size:50px;
	color:#fff;
	}
	
.slider {
	width:185px;
	height:351px;
	margin:20px auto;
	display:block;
	background:url('img/slider-bg.jpg'); no-repeat 0 0;
	}

#slider-empty {
        margin-left: 49px;
        background-color: none;
        width: 111px;
        height: 349px;	
}

#slider-meter {
	margin-left: 49px;
	background-color: green;
	width: 111px;
	height: 0px;
}
.the-goal {
	background:url('img/left-the-goal.jpg'); no-repeat 0 0;
	width:68px;
	height:21px;
	margin:0 auto;
	}
	
.the-goal-number {
	height:80px;
	padding:0px 0;
	padding-bottom: 10px;
	font-size:50px;
	color:#fff;
	}

.share-facebook {
	width: 79px;
	float: right;
}

.share-twitter {
	width: 79px;
	float: left;
}
/*	
.share-facebook a {
	background:url('img/share-facebook.jpg') no-repeat 0 0;
	display:block;
	width:158px;
	height:22px;
	margin:8px auto;
	text-indent:-10000px;
	}
.share-twitter a {
	background:url('img/share-twitter.jpg') no-repeat 0 -22px;
	display:block;
	width:142px;
	height:22px;
	margin:8px auto;
	text-indent:-10000px;
	}
	
.share-facebook a:hover {background-position:0 -22px;}
.share-twitter a:hover {background-position:0 0px;}	
*/	
	
	
/* MID COLUMN ELEMENTS */	

.mid-top {
	width:250px;
	height:310px;
	margin:13px auto 0 auto;
	background:url('img/mid-top-bg-new.jpg') no-repeat 0 0;
	font-size:38px;
	font-weight:bold;
	color:#fff;
	position:relative;
	}
	
#days {
	position:absolute;
	width:40px;
	height:40px;
	top:140px;
	left:31px;
	}
#hours {
	position:absolute;
	width:40px;
	height:40px;
	top:140px;
	left:105px;
	}
#minutes {
	position:absolute;
	width:40px;
	height:40px;
	top:140px;
	right:32px;
	}

.mid-form {
	width:250px;
	margin:0 auto;
	padding:110px 0 0 0;
	background:#fff url('img/mid-pledge-today-new.jpg') no-repeat 0 0;
	}

div.form {
	text-align:left;
	font-weight:bold;
	width:210px;
	margin:0 auto;
	}

input.form_field {
	display:block;
	margin:4px 0;
	padding:3px 4px;
	width:200px;
	border:0;
	background:url('img/form-bg.jpg') no-repeat 0 0;
	}
	
input.pledge {
	height:50px;
	text-align:right;
	font-size:40px;
	font-weight:bold;
	color:#333;
	font-family:Arial, Verdana, sans-serif;
	}	
	
input#submit {
	width:214px;
	height:35px;
	margin:15px auto;
	border:0;
	cursor: pointer;
	background:url('img/submit-pledge.jpg') no-repeat 0 0;
	}
input#submit:hover {background-position:0 -35px;}

.mid-bottom {
	width:250px;
	height:34px;
	margin:0 auto;
	background:url('img/mid-bottom.jpg') no-repeat 0 0;
	}
.counter {
	margin:13px 0;
	}
.donatenow a {
	display:block;
	margin:13px auto;
	width:250px;
	height:76px;
	background:url('img/donate-now.jpg') no-repeat 0 0;
	text-indent:-100000px;
	}	
.donatenow a:hover {background-position:0 -76px;}
	
	
/* RIGHT COLUMN ELEMENTS */	
.banner {
	margin-bottom:20px;
	}
	
.video {
	margin-bottom:20px;
	}
.ad-1 {
	margin-bottom:20px;
	}
.ad-2 {
	margin-bottom:20px;
	}
	
	
/* ROW 2 ELEMENTS */	

a.source {color:#666;margin-left:10px;text-decoration:none;}

a.source:hover {color:#486f9b;text-decoration:underline;}
	
.rollwithduffy {
	width:156px;
	height:26px;
	margin:0 0 10px 20px;
	background:url('img/title-roll.jpg') no-repeat 0 0;
	}
	
.rollwithduffy-right {
	float:right;
	width:141px;
	height:33px;
	margin-bottom:10px;
	padding-right:20px;
	background:url('img/title-roll-right.jpg') no-repeat 0 0;
	}
	
.twitter-row {
	clear:both;
	border-top:1px solid #ccc;
	margin: 0;
	padding:20px;
	background:#eaf1f7;
	font-size:120%;
	}
.twitter-row-last {
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin: 0;
	padding:20px;
	background:#eaf1f7;
	font-size:120%;
	}
	
	
	
.shareyourthoughts	 {
	width:202px;
	height:26px;
	margin-bottom:10px;
	background:url('img/title-tweet.jpg') no-repeat 0 0;
	}
input.shareinput {
	width:396px;
	padding:4px;
	height:150px;
	font-size:16px;
	}
textarea.shareinput {
	width:396px;
	padding:4px;
	height:150px;
	font-size:16px;
	font-face:Arial, Helvetica, sans-serif;
	}
	
input#shubmit {
	width:214px;
	height:35px;
	display:block;
	float:right;
	margin:10px 0;
	border:0;
	cursor: pointer;
	background:url('img/submit-tweet.jpg') no-repeat 0 0;
	}
#shubmit:hover {background-position:0 -35px;}

	
.tl {
	position:absolute;
	background:url('img/corner-tl.jpg') no-repeat 0 0;
	width:10px;height:10px;
	top:0;left:0;
	}
.tr {
	position:absolute;
	background:url('img/corner-tr.jpg') no-repeat 0 0;
	width:10px;height:10px;
	top:0;right:0;
	}
.bl {
	position:absolute;
	background:url('img/corner-bl.jpg') no-repeat 0 0;
	width:10px;height:10px;
	bottom:0;left:0;
	}
.br {
	position:absolute;
	background:url('img/corner-br.jpg') no-repeat 0 0;
	width:10px;height:10px;
	bottom:0;right:0;
	}
	
	
	
.clear {clear:both;}

#contentPopup h2 {
	color: black;
}