/*
Theme Name: Wells For Life
Theme URI: http://honeystreet.com
Description: A specialized theme design by <a href="http://www.honeystreet.com>Honeystreet</a> for Wells For Life
Version: 1.0
Author: Krissie Allen, Matt Badgett
Author URI: http://honeystreet.com/
Tags: water, wells, India

	Wells For Life v1.0

	This theme was designed and built by Krissie Allen,
	and Matt Badgett for the sole use of Wells For Life.

	The CSS, XHTML and design is copyright 2009 Wells For Life.

*/



@charset "UTF-8";
/* CSS Document */

/*RESETS*/
*{padding:0; margin:0;}
a{-moz-outline:none;}



/*General Formatting*/
body,p {font-family:Arial, Helvetica, sans-serif; color:#1b1b1b; line-height: 16px; font-size:12px; padding:0; margin:0; word-wrap:break-word;}

h1,h2,h3,h4,h5 {font-family:Arial, Helvetica, sans-serif; color:#1b1b1b; }

h1 {font-size:40px; line-height:40px; margin-bottom: 20px; margin-top:0px;}
h1 a {font-size:35px; line-height:35px; margin-bottom: 20px; margin-top:0px;}

h2 {font-size:26px; line-height:26px; margin-top:0px; margin-bottom:15px;}
h2 a {font-size:26px; line-height:26px; margin-top:0px; }

h3,h4 {font-size:14px; line-height:18px; color:#515e89;}
h3 { margin-bottom:15px;}
h4 {margin-bottom:2px; }
h5 {font-size:12px; line-height:12px; color:#515e89; margin:0px 0 4px 0px;}

blockquote { margin:0 20px 0 20px; }
span {color:#292929; font-size:12px; line-height: 16px;  font-weight:bold;}

a {color:#516091; text-decoration:none; border:none;}
a img {border:none;}



/*Background Divs*/
#containAll { margin: 0; text-align:left; }

#header { background-image:url(i/header_bg.jpg);  background-position:top center;  background-repeat:no-repeat; width:100%; height: 150px; background-color:#eee; }

#header_bottom {width: 100%; background-color:#383d4c; background-image:url(i/header_bottom.jpg); background-repeat:repeat-x; background-position:bottom;}

	.home {height: 270px;}
	.secondary {height: 65px;}



/*Content Divs*/
#fake_body {position:absolute; top:0; width:100%;background-image:url(i/main_bg.jpg); background-position:bottom; background-repeat:no-repeat; padding-bottom:280px; }

#footer {background-color:#292929; height: 28px; width: 100%; position:absolute; bottom:0px; padding-top:10px;}

	#footer a {text-decoration:underline; color:#acacac;}
	#footer p {color:#acacac; font-size:11px; display:block; float:left; }
	#footerShare {display:block; float:right;}

#container{width:960px; margin:0 auto;  }
	


/*Nav*/
#globalNav { width:960px; height: 150px; float: left;  }

	#globalNav a { display: block;  height:150px;}
	#globalNav span {display: none;}
		
		#brand a { background-image: url(i/logo.jpg); width: 180px; height: 152px; background-repeat:no-repeat; float: left;}
		
		#spacer {width: 198px; height:150px; float:left;  }
		
		#LinkI a {width: 110px;   background-image:url(i/linkI_whoweare.gif); background-position:0px 0px; background-repeat:no-repeat; float:left; }
		#LinkI a:hover {background-image:url(i/linkI_whoweare_a.gif); }
		#LinkII a {width: 160px;   background-image:url(i/linkII_news.gif); background-position:0px 0px; background-repeat:no-repeat; float:left; }
		#LinkII a:hover {background-image:url(i/linkII_news_a.gif); }
		#LinkIII a {width: 110px;   background-image:url(i/linkIII_involved.gif); background-position:0px 0px; background-repeat:no-repeat; float:left; }
		#LinkIII a:hover {background-image:url(i/linkIII_involved_a.gif); }
		#LinkIV a {width: 100px;   background-image:url(i/linkIV_contact.gif); background-position:0px 0px; background-repeat:no-repeat; float:left; }
		#LinkIV a:hover { background-image:url(i/linkIV_contact_a.gif); }
		#LinkV a {width: 102px;   background-image:url(i/linkV_give.jpg); background-position:0px 0px; background-repeat:no-repeat; float:left; }
		#LinkV a:hover {background-image:url(i/linkV_give_a.jpg); }
		
		#Preload_I {background-image:url(i/linkI_whoweare_a.gif); }
		#Preload_II {background-image:url(i/linkII_news_a.gif); }
		#Preload_III {background-image:url(i/linkIII_involved_a.gif); }
		#Preload_IV {background-image:url(i/linkIV_contact_a.gif); }
		#Preload_V {background-image:url(i/linkV_give_a.jpg); }
		.imageLoader {visibility:hidden;}



/*Home*/
#leftCol {width: 480px; float:left;}

	#video {display: block; width:460px;  background-color:#666666; }
	#subNav {display:block; width:460px; padding:0; margin:30px 0 0 0; }
	
		.left { background-image:url(i/subnav_getinvolved.gif); background-repeat:no-repeat; background-position:top left; }
		.right { background-image:url(i/subnav_tripupdates.gif); background-repeat:no-repeat; background-position:top left; }
	
		#subNav ul { width: 230px; float:left; padding:40px 0 0 0; margin:0; }
		#subNav ul li {list-style:none; padding: 7px 0 13px 35px; margin: 0 0 0 0;  list-style-position: inside; background-image:url(i/li_subnav_bkgd.jpg); background-repeat:no-repeat; background-position:left top; max-height:16px; overflow:hidden; line-height:25px; }

#rightCol {width: 480px; float:left;}

	#quote { height:250px; width:445px; padding-left:30px; padding-top:0px; display:block; float:left;   }
	
		#quote span {text-align:right;  color:#fff; display:block;  }
		.quote {font-size:32px; line-height: 32px; }
		.quote2 {font-size:42px; line-height: 42px; }
		.quote3 {font-size:60px; line-height: 60px; }
		#btn_blog {display:block; height:32px; width: 116px; position:relative; left:335px; top:200px; }
		#btn_blog a { background-image:url(i/btn_blog.jpg); background-repeat:no-repeat; height:32px; width:116px; float:left; }
		#btn_blog span {display:none;}
	
	#vision {height:292px; width:190px; display:block; float:left; margin-left: 10px; margin-top:25px; background-image:url(i/vision.jpg); background-repeat:no-repeat; padding: 38px 15px 0 15px;  }
			
		#btn_learn {display:block; position:relative; left:0px; top:135px; width:102px; height:17px; }
		#btn_learn a {background-image:url(i/btn_learnmore.jpg); background-repeat:no-repeat; height:17px; width:102px; float:left; }
		#btn_learn span {display:none;}
	
	#facts {height:173px; width:190px; display:block; float:left; margin-left:20px; margin-top:25px; background-image:url(i/facts.jpg); background-repeat:no-repeat; padding: 158px 15px 0 15px;  }
	
		#facts ul {margin: 0 0px 0 0px; padding:0; }
		#facts ul li {list-style:none; margin:0 0px 0 0px; padding:0px 0px 8px 15px; background-image:url(i/li_sidebar_arrow.jpg); background-repeat:no-repeat; background-position:0px 0px;}
		#btn_read {display:block; position:relative; left:0px; top:140px; width:116px; height:17px; }
		#btn_read a {background-image:url(i/btn_readthefacts.jpg); background-repeat:no-repeat; height:17px; width:116px; float:left; }
		#btn_read span {display:none;}
		
		
		
/*Secondary*/
#links a {float: right; padding: 0px 20px 0 20px; margin: 15px 0 0 0; background-image:url(i/link_arrow.jpg); background-position:left; background-repeat:no-repeat; color:#FFFFFF; text-decoration:underline; font-size:11px; }

#Main {width:960px; height:100%; clear:right; padding-top:70px; }

#subNav2 {width:230px; float:left; margin: 0; padding: 0;   }

	#subNav2 ul {width:230px; float:left; padding:0px 0 0 0; margin:0;  }
	#subNav2 ul li {width:215px;list-style:none; padding: 10px 0 8px 15px; margin: 0 0 0 0; background-image:url(i/li_subnav_2nd_bkgd.jpg); background-repeat:no-repeat; background-position:bottom left;  }
	#subNav2 ul li ul {width:215px;margin: 0 0 20px 0; padding:0;  }
	#subNav2 ul li ul li {width:195px;background-image:url(i/li_subnav_arrow.jpg); padding: 0px 0 0 20px; margin: 5px 0 0 0;  }
	
	/*IE 6 styles only*/
	* html #subNav2 ul li {background-position:top left;}
	/*IE 7 styles only*/
	*:first-child+html #subNav2 ul li {background-position:top left;}

#article {width: 410px; float:left; margin: 0 40px 0 40px; padding:0;/* overflow-x: auto;  Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
/*white-space: pre-line;  css-3 */
/*white-space: -moz-pre-wrap !important;  Mozilla, since 1999 */
/*white-space: -pre-wrap;  Opera 4-6 */
/*white-space: -o-pre-wrap;  Opera 7 */
/*word-wrap: break-word;  Internet Explorer 5.5+ */
/*_white-space: pre;  IE only hack to re-specify in addition to word-wrap */
}

	#article p {margin-bottom: 10px;  }
	#article hr {border:none; background-image:url(i/dots.jpg); background-position:top left; background-repeat:repeat-x; height:5px;}
	#article ul {margin: 0 0px 20px 0px; padding:0; }
	#article ul li {list-style:none; margin:10px 0px 0 0px; padding:5px 0px 0px 30px; background-image:url(i/arrow_sm.jpg); background-repeat:no-repeat; background-position:0px 6px;}
	#article ul li ul {padding-top:2px; margin-bottom: 0px; }
	#article ul li ul li {padding:0px 0 0 30px; background-position:0px 2px; margin:0; background-image:url(i/dot_li.jpg); }
	.post-61 ul {margin-bottom:40px !important; }
	.post-61 ul li {background-image:url(i/water_li.jpg) !important; padding-left:40px !important; list-style-position:inside !important; min-height:40px; display:block; }
	.post-61 ul li ul li {padding:0px 0 0 30px !important; background-position:0px 2px; margin:0; background-image:url(i/dot_li.jpg) !important; min-height:0px; }
	#article span.highlight {font-size:16px; line-height:16px; width:150px; margin:15px 20px 10px 0px; border-bottom:solid 1px #515e89; border-top:solid 1px #515e89; padding:10px 0 10px 0; display:block; }
	#article span.highlight2 {font-size:16px; line-height:16px; width:410px; margin:0px 0px 10px 0px; border-bottom:solid 1px #515e89; border-top:solid 1px #515e89; padding:10px 10px 10px 10px; display:block; }

#sidebar { width: 220px; margin: 0 10px 0 10px; background-color:#eaeaea; float:left; padding:0 0 10px 0; font-size:12px; display:inline; color:#797979; word-wrap:break-word;}

	.sb {margin-top:15px; margin-left:15px; margin-bottom:0px;}
	#sidebar p {margin: 10px 15px 0 15px; color:#797979;}
	#sidebar li p {margin:0;}
	#btn_sb {display:block; width:102px; height:17px; margin-top: 30px; margin-left:15px; }
	#btn_sb a {background-image:url(i/btn_learnmore.jpg); background-repeat:no-repeat; height:17px; width:102px; float:left; }
	#btn_sb span {display:none;}



/*Blog*/
.date {margin: 0 0 10px 0; color:#292929; font-size:10px; }
.postmetadata {font-size:10px; background-image:url(i/dots.jpg); background-position:top left; background-repeat:repeat-x; padding: 4px 0 30px 0; }
.alignleft {float:left;}
.alignright {float:right; margin-left:20px !important; }
img.alignright {margin-left:20px; margin-bottom:10px; clear:right; margin-right:20px; }
img.alignleft {clear:left; margin-right:20px;  }
#comment {width:410px;}

	/*Image Gallery*/
	.gallery-icon {margin:0 !important; padding:0 !important; border-left: 1px solid #eee; border-top: 1px solid #eee; border-bottom:none; border-right:none; }
	.gallery img {border:none !important;  padding: 0 !important; margin:5px 10px 2px 5px !important; }
	.gallery-item {background-image:url(i/shadow.gif); background-position: bottom right; background-repeat:no-repeat; padding:0 4px 10px 0 !important; margin-right: 10px !important; float:left; text-align:center; max-width:120px; }
	.gallery-caption {padding: 0px 0px 0 6px !important ; margin:0 0px 0 0px !important ; border-left: 1px solid #eee; width:100%; width:75px; float:left; text-align:left;  }
	#article img {border-left: 1px solid #eee; border-top: 1px solid #eee; background-image:url(i/shadow_lg.gif); background-position: bottom right; background-repeat:no-repeat; padding:10px 18px 18px 10px; }
	.thumbnail {margin:5px 15px 5px 0px; padding: 5px 15px 15px 5px !important;}

	/*Blog Sidebar*/
	#sidebar h2 {margin-top:15px; margin-left:15px; margin-bottom:0px; font-size:20px;}
	#sidebar ul {list-style:none; margin:0; padding:0;}
	#sidebar ul li {list-style:none; margin:0; padding:0 0 20px 0;}
	#sidebar ul li ul li {list-style:none; margin:0 0px 0 10px; padding:5px 0px 0px 15px; background-image:url(i/li_sidebar_arrow.jpg); background-repeat:no-repeat; background-position:0px 5px;}
	#sidebar ul li ul {margin: 0 10px 0 10px; }

	.hidden,.screen-reader-text {visibility:hidden;}
	#sidebar form {padding: 0 0px 10px 15px; background-color:#383d4c; }

	#twitter_div {margin: 0px 0px 20px 0px; padding:0; color:#797979; }
	#twitter_div span {color:#797979; font-weight:100; }
	#twitter_update_list ul {margin:0;  }
	#twitter_update_list a {display:block;}
	#twitter-link {margin: 10px 10px 0 25px; padding:0px 0 0 0; }

	#calendar_wrap {margin: 0px 30px 5px 45px; padding:0; }
	#calendar_wrap a {font-weight:bold;}
	#calendar h2 {font-size:18px; margin: 5px 30px 5px 35px; padding:0; line-height: 20px; }
	#flexo-archives h2 {font-size:18px; margin: -1.2em 30px 5px 35px; padding:0; line-height: 20px; }
	#flexo-archives ul { padding:0 0 0 30px; font-weight:bold;  }
	#flexo-archives ul ul { padding:0 0 0 0px;  margin:0; }

	#recent-comments ul {padding:0px 0 10px 0; }

.noBG img {background-image:none !important; border:none !important;}


/*sIFR*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash span.quote,h1,h2,h2.sb,span.quote2,span.quote3,span.highlight,span.highlight2 {
	visibility: hidden;
}

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/