/*
Theme Name: EartH2O
Theme URI: http://earth2o.org/
Description: Custom theme for EartH2O Natural Spring Water
Version: 1.0
Author: Grady Britton
Author URI: http://gradybritton.com/

*/



a:active, a:hover, a{outline: none; }

//div { outline: 1px dotted red; }

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    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; 
} 

.water_button{
	margin: 20px 0;
	float: right; clear: both;
}


/*Begin styles*/
body {color: #666; font-family:Arial, sans-serif; background: #eee url("images/bknd.jpg") repeat-y top center; font-size: 10pt; text-align: center; }
h2 {font-size: 18px; color:#007cae; margin: 0; padding: 0 0 18px; }
	.fillCol .content h2{ width: 550px !important; overflow: hidden; margin-bottom: 4px; padding: 0;}
	.entry h2{ padding-bottom: 9px;}
h3 {font-size: 14pt; line-height: 100%; color:#007cae}
	.leftCol .content h2{ width: 450px; overflow: hidden; }
	.leftCol .post h2{ width: 350px; overflow: hidden; }
	.leftCol .content h3.sIFR-replaced{ width: 250px; overflow: hidden; }
	.featuredStoryText h3{ font-size: 14pt; }
	.featuredStoryText h3{ font-size: 24pt; }
p {font-size:10pt; line-height: 140%; margin-bottom: 8px;}
a, a:visited {color: #0980A4;}

.page {width: 1000px; margin:0 auto; padding-bottom: 50px; background: transparent url("images/bknd.jpg") repeat-y top center; position: relative; min-height: 100%;}

.wrapper {width:960px; margin:0 auto; text-align: left;}

.bubbles{ display: none; }
html>body .bubbles{
	display: block;
	width: 100%; height: 50px;
	position: fixed; bottom: 0; left: 0;
	background: transparent url("images/foot_bubbles.png") bottom center no-repeat;
}

h1 sub,
h2 sub,
h3 sub{
	vertical-align: -3px;
	font-size: 70%;
}

sub{
	vertical-align: -2px;
	font-size: 70%;
}

span.small-caps {
	font-variant: small-caps !important;
}

/* header */
	.header {height: 152px; background: transparent url("images/headerBknd-5.jpg");}
		.header h1 a {text-indent: -5000px; width:300px; height:152px; display: block; float: left}
		.header .socialIcons {float: right; margin:20px 30px 0 0}
		.header ul.adminMenu {float: right; clear:right; font-size: 9pt; margin:5px 30px 0 0; letter-spacing: 1px}
			.header ul.adminMenu li {display: inline}
			.header ul.adminMenu li a {text-decoration: none}
	
/* nav */
	.nav {background:#ddd url("images/navBknd.jpg"); height: 45px; font-size: 10pt}
		.nav ul {width: 890px; margin: 0 0 0 20px; }
			.nav ul li {display: inline}
			.nav ul li a {display: inline; float: left; text-align:center; color: #000; height: 16px; padding:13px 50px 10px; text-decoration: none; text-transform: uppercase}
			.nav ul li a:visited{color: #000;}
			html>body .nav ul li a{ padding-bottom: 7px; height: 20px; }
			.nav ul li a:hover,
			.nav ul li.current_page_ancestor a,
			.nav ul li.current_page_parent a,
			.nav ul li.current_page_item a{color:#fff !important; background: #fff url("images/navBkndActive.jpg")}
			
/* feature area */
	.feature {width:960px; height:178px; position: relative;}
	.feature a {text-decoration: none;}
	.feature .left {width:320px; height:178px; float: left; background: #f5f5f5}
	.feature .center {width:280px; height:178px; float: left; background: #eee url("images/newsPromoBknd.png") no-repeat; padding: 0 20px}
		.feature .center h2 {margin: 53px 0 0 0; line-height: 100%; font-size: 16px; padding-bottom: 0;}
			.feature .center h2 a {text-decoration: none;}
		.feature .center p {margin: 5px 0 0 0}
	.feature .right,
	.zip_form_container {width:320px; height:178px; float: right; background: #eee url("images/5galPromo.png") no-repeat; position: relative; overflow: hidden;}
	.rightCol .zip_form_container{ margin-left: -10px; width: 280px; background-position: -30px; float: left; }
		.feature .right #zip_check{position: absolute; top: 120px; left: 185px;}
		.zip_form_container #zip_check{position: absolute; top: 120px; left: 155px;}
		#zip {width: 60px; color:#666; margin: 0;}
		#zipsubmit {font-size: 7pt; margin-top: 5px; width: 109px; height: 19px; background-image: url("images/btn_check_avail.png"); border: 0;}
			.zip_yes{
				display: block;
				background: transparent url("images/check_t.png") 0 0 no-repeat;
				padding: 0 0 0px 23px;
			}
			.zip_no{
				display: block;
				background: transparent url("images/x_t.png") 0 0 no-repeat;
				padding: 0 0 0px 23px;
			}
	.feature.blu {height:205px; background: transparent url("images/featureBkndBlue.jpg") no-repeat}
	.feature.grey {height:231px; background: transparent url("images/featureBkndGrey.png") 0 0 repeat-x}
	.feature.white {height:205px; background: transparent; }
	.feature.tabs {height:198px; background: transparent url("images/productsBknd.jpg")}
		.feature .featuredStoryText,
		.feature.tabs .featuredStoryText{width:580px; position: absolute; top: 0; left: 0; padding: 25px 0 0 50px; color: #007cae; background: transparent !important;}
			.featuredStoryText { color: #007cae; background: transparent !important; margin-bottom: 34px;}
			.feature.blu .featuredStoryText h2, 
			.feature.white .featuredStoryText h2, 
			.feature.grey .featuredStoryText h2, 
			.feature.tabs .featuredStoryText h2,
			.featuredStoryText h2 {font-size: 10pt; line-height: 200%; color:#007cae; margin: 0 0 14px 0; padding: 0;}
			.feature.blu .featuredStoryText h3,
			.feature.white .featuredStoryText h3,
			.feature.grey .featuredStoryText h3,
			.feature.tabs .featuredStoryText h3,
			.featuredStoryText h3 {margin: 0 0 3px 0; padding: 0;font-size: 16pt; line-height: 130%; color:#184076; font-weight: normal;}
		.feature.blu .featuredStoryImg,
		.feature.white .featuredStoryImg,
		.feature.grey .featuredStoryImg,
		.feature.tabs .featuredStoryImg {float: right; margin-top: -5px; }
		.sourceFeaturedStoryImg { float: right; position: relative; top: -35px; margin-bottom: -15px; height: 197px;}
		
/* sidebar */
	.search{ display: block; padding: 0; margin: 0px 0 20px 0 !important; float: left; clear: both; }
		.search label{ display: none; }
		
		.search #s{padding: 3px 5px; float: left; clear: none; }
		#searchsubmit{ border: 0; float: left; clear: none; background-image: url('images/btn_search.png'); width: 66px; height: 23px; padding: 0; margin: 0px 0 0 8px;}
		
	.person{
		display: block;
		width: 265px;
		margin: 5px 0; padding: 5px;
		float: left; clear: both;
		border: 1px solid #d9d9d9;
		border-bottom: 2px solid #d9d9d9;
		border-right: 2px solid #d9d9d9;
		color: #888;
	}
		.person .left{ float: left; clear: none; width: 80px;}
		.person .right{ float: right; clear: none; width: 165px;}
		html>body .person .right{ width: 175px; }
		
		.person .thumb{
		}
	
	.contact{
		display: block;
		width: 265px;
		margin: 5px 0; padding: 5px 0 0;
		float: left; clear: both;
		color: #888;
	}
	
	.water_size{
		display: block;
		width: 265px;
		margin: 5px 0; padding: 5px 0;
		float: left; clear: both;
		color: #888;
		font-size: 11pt;
	}
		.water_size .left{ float: left; clear: none; width: 65px;}
		.water_size .right{ float: right; clear: none; width: 160px; padding-top: 10px;}
		html>body .water_size .right{ width: 180px; }
		
		.water_size strong{ color: #007db1; }
		
		.water_size .thumb{
		}
		
	.partners{
		display: block;
		width: 265px;
		margin: 5px 0; padding: 5px 0;
		float: left; clear: both;
		color: #888;
	}
		.partners .left{ float: left; clear: none; width: 166px; margin-top: 20px;}
		.partners .right{ float: right; clear: none; width: 89px;}
		html>body .partners .right{ width: 89px; }
		
		.partners strong{ color: #007db1; }
		
		.partners .thumb{
		
		}

		
/* products */
	.products {width:960px; height: 330px; background: transparent url("images/productsBknd.jpg"); overflow: hidden;}
		.products #productWrapper {display: block; margin: 25px 0 0 70px ; float: left; clear: both;}
			html>body .products #productWrapper{ margin: 25px 0 0 130px !important; }
			.products #productWrapper ul{ display: block; float: left; clear: both; list-style: none; }
				.products #productWrapper ul li {overflow: hidden; display: block; float: left; clear: none; margin:0 6px; width: 225px; height: 300px; text-align: center; position: relative;}
					.products #productWrapper ul li a{ 
						display: block;
						width: 135px;
						height: 185px;
						margin: 37px auto 0;
						background: transparent;
						color: #555;
						font-size: 80%;
						text-transform: uppercase;
						text-decoration: none;
						overflow: hidden;
					}
						.products #productWrapper ul li a img{
							margin-top: 10px;
							height: 86%;
						}
				
				.products .page-item-45{ }

/* facebox form */
	
	#facebox{
		position: relative; z-index: 9999999;
	}
	#facebox form{
		display: block;
		width: 100%;
		border-top: 1px solid #dfdfdf;
		float: left; clear: both;
	}
		#facebox form fieldset{ border: 0; }
			#facebox form div{
				display: block;
				width: 100%;
				padding: 10px 0;
				float: left; clear: both;
			}
				#facebox form div.field,
				#facebox form div.radio{
				}
				#facebox form div.radio label{
					padding: 5px 15px 0 0;
					text-transform: uppercase;
					font-size: 11px;
					color: #888;
				}
				#facebox form div.radio input{
					padding-top: 5px;
				}
				#facebox form div.field label,
				.lbl_norm{
					display: block;
					width: 80px;
					text-transform: uppercase;
					font-size: 11px;
					padding: 5px 10px 0 0;
					color: #888;
					float: left; clear: left;
				}
				#facebox form div.field input{
					display: block;
					float: left; clear: none;
					width: 225px;
					padding: 3px 5px;
				}
				
			#facebox .error{
				display: block;
				float: left; clear: both;
				padding-top: 10px;
				background: transparent url("images/x_t.png") 0 0 no-repeat;
				color: #bf0000;
				padding: 0 0 0px 23px;
			}
			#facebox .success{
				display: block;
				float: left; clear: both;
				padding-top: 10px;
				background: transparent url("images/check_t.png") 0 0 no-repeat;
				color: #559d00;
				padding: 0 0 0px 23px;
			}
		


/* subnav */
	.subNav {margin: 0px 0 0 0px; position: absolute; top: 370px; left: 50px; z-index: 5000;}
	.subNav.waters{top: 502px;}
		.subNav ul li {display: inline}
			.subNav ul li a {display: block; float: left; text-align:center; text-decoration: none; text-transform: uppercase; font-size:9pt; color:#666 !important; margin-right:7px; padding:6px 0; width: 120px; height: 19px; background: transparent url("images/tabSprite.png") 0 0;}
			html>body .subNav ul li a{ padding-bottom: 0; }
			.subNav ul li a:hover,
			.subNav ul li.current_page_ancestor a,
			.subNav ul li.current_page_parent a,
			.subNav ul li.current_page_item a {color:#333; background: transparent url("images/tabSprite.png") 0 -25px;}
	
/* main */
	.main {display: inline; float: left; clear: both;}
		.main.video {height: 430px; width: 960px; }
	.main .storyImg {float: left; margin: 0 20px 0 0} 
	.main .leftCol {width: 630px; float: left; clear: none;}
		.main .leftCol .content {display: block; padding: 60px 30px 0 50px;}
		html>body .main .leftCol .content {
			padding-top: 30px;
			padding-bottom: 0;
			width: 552px;
		}
		.fillCol .content .thumb{
			display: block;
			width: 176px;
			margin: 0 20px 20px 0;
			float: left; clear: none;
		}
			.content .thumb img{
				width: 100%;
			}
	.main .fillCol {float:left; width: 960px;}
		.main .fillCol .content {padding: 32px 50px 0 50px;}
	.main .rightCol {float: right; clear: none; width: 320px; padding: 0; margin: 30px 0 0 0; position: relative;}
		.main .rightCol .content {padding: 0px 30px 00px; margin-top: 0px; border-left: 1px solid #bddfe7; clear: both; float: right; width: 320px; display: inline; }
		html>body .main .rightCol .content{ width: 260px; }
		.main .rightCol .content .sizes {clear: both; margin-bottom: 10px}
	.main .alignleft {float:left; margin-right: 15px}
	
	.rightCol ul,
	.rightCol p{font-size: 80%; margin-bottom: 5px;}
	
	
		.rightCol ul{
			margin-bottom: 7px;
		}
	
		
			.rightCol li{
				padding: 0px 0 6px 10px;
			}
			
			.wp-tag-cloud li,
			.press li,
			.popular li,
			.recent li{
				padding: 2px 0;
			}
			
			
		.rightCol h3{
			display: block;
			font-size :12px;
			padding: 0px 0 10px;
			color: #777;
			text-transform: uppercase;
		}
		
		.rightCol .contact_info{  }
			.rightCol .contact_info ul{
				margin: 0 0 0 0; padding: 0;
				list-style: none;
			}
				.rightCol .contact_info ul li{
					margin: 0; padding: 0;
					line-height: 300%;
					/* border-bottom: 1px solid #dfdfdf; */
					color: #888;
				}
					.rightCol .contact_info ul li a{
						color: #888;
						text-decoration: none;
					}
						.rightCol .contact_info ul li a:hover{
							color: #000;
						}
				
				.link_twitter{
					padding: 0 0 1px 21px;
					background: transparent url(images/social_networking_iconpack/twitter_16.png) 0 0 no-repeat;
				}
				
				.link_facebook{
					padding: 0 0 1px 21px;
					background: transparent url(images/social_networking_iconpack/facebook_16.png) 0 0 no-repeat;
				}
	
	.recent_posts,
	.pagetitle{
		color: #999;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 14px;
		margin: 0 0 18px 0; padding: 0;
	}
	
	.entry .thumbnail{
		float: left;
		background: transparent;
		margin: 0px 20px 22px 0;
	}
	
	.leftCol .thumbnail_container{
		display: block;
		border: 3px solid #ddd;
		text-align: center;
	}
	
	.entry{
		overflow: hidden;
	}
	
	.rightCol .entry{ overflow: hidden;}


/* retailers */
ul.list_retailers{
	display: block;
	float: left; clear: both;
	margin: 10px 0 0 0; padding: 0;
	width: 570px;
}
	.list_retailers li{
		display: block;
		float: left; clear: both;
		width: 525px;
		padding: 10px 5px 10px 40px;
		background: transparent url(images/shopping_cart.png) 0 6px no-repeat;
	}
		.list_retailers li a{
			text-decoration: none;
			color: #333;	
		}
	
/* video area on home page */
	.video { position: relative; z-index: 1;background: transparent url("images/video_background_3.jpg") no-repeat;}
		.video #videoWrapper {float:right; width: 660px; height:233px; margin:50px 25px 0 0; background: transparent url("images/ajax-loader-4.gif") 180px 100px no-repeat; }
		.video #videoPlayer {float:left; width: 376px; height:203px; padding:10px 14px; margin: 0 0 0 10px; background: transparent url("images/videoPlayerBknd.png") no-repeat;}
		.video #videoPlaylist {float:right; width: 234px; margin-right: 0px;}
			html>body .video #videoPlaylist {margin-right: 10px;}
			.video #videoPlaylist .videoSummary  {opacity: .7; display: block; float:right; width: 212px; height: 56px; margin: 0 0 0 0; padding:11px; background: transparent url("images/videoSummaryBknd.png") no-repeat;}
			html>body .videoSummary {margin: 0 0 12px 0;}
			.active_vid{ opacity: 1 !important;}
				.video #videoPlaylist .videoSummary .thumb {float: left; width:73px; height:42px; margin-right: 10px}
				.video #videoPlaylist .videoSummary h4 {font-size: 12pt; font-weight: bold; letter-spacing: -1px}
				.video #videoPlaylist .videoSummary h4 a {text-decoration: none}
				.video #videoPlaylist .videoSummary p {font-size: 9pt; color:#888; margin-bottom: 0;}
	
/* blog */
	.blog {clear: both; width: 960px}
	.blog .leftCol {float:left; width: 640px}
		.blog .leftCol .post {clear: both; margin-bottom: 3em}
			.blog .leftCol .post a {text-decoration: none} 
			.blog .leftCol .post .storyImg {float: left; margin: 0 20px 0 0} 
	.blog .rightCol {float: right;}
		.blog .rightCol div{margin:0 0 1em 0}
		.blog .rightCol .topics{float: left; width: 100px; clear: none;}
		.blog .rightCol .press{float: right; width: 100px; clear: none;}
		html>body .blog .rightCol .topics,
		html>body .blog .rightCol .press{ width: 110px; }
		
		.topics h3,
		.press h3,
		.popular h3,
		.recent h3{ padding-bottom: 3px !important;}
		
		.continue_carrot{  height: 6px; width: 6px; }
		
	.breadcrumbs{
		font-size: 80%;
		margin: 10px 0 -10px 50px;
	}
		
/* disqus */

	#disqus_thread{
		margin: 40px 0 20px;
		clear: both;
	}

/* footer */
	.footer {display: block; width: 880px; float: left; clear: both; height:20px; font-size: smaller; padding: 30px 50px 70px;}
	
		.designed_by{
			float: right; clear: none;
			text-decoration: none;
			font-size: 9px;
			color: #93a6a9 !important;
		}
			.designed_by img{
				border: 0;
				width: 123px;
				padding-top: 3px;
			}