/* Styles for jQuery Eco-Dome Tutorial */
/* Zach Dunn (www.buildinternet.com) */

*{margin:0; padding:0;}

body{background:#5D7E2F url("images/moderate-bg.jpg") no-repeat top left;}

#wrapper{width:960px; margin:20px auto; background:#FFF; border:1px solid #DDD; overflow:hidden;}
	.big-padding{padding:30px;}
	
h1{font-family:Helvetica, arial, sans-serif; color:#191919;}

p{font-family: "Lucida Grande", arial, sans-serif; font-size:13px; color:#333;}
	p a{color:#A90000; text-decoration:none;}
		p a:hover{text-decoration: underline;}
	
/* Eco Dome Pieces */

	#eco-dome{width:750px; height:200px; background:#f7f7f7 url("images/moderate-banner.jpg") no-repeat top left; float:left; overflow:hidden;}
		#eco-dome p{color:#FFF; text-align: center; background:#000;}
			p.summary{font-size:21px; display:inline; margin-top:10px; float:left; padding:10px;}
			p.fact{display:inline; float:right; font-size:14px; padding:10px 0px; width:500px; clear:both; margin-top:60px;}
				p.fact a{font-style:italic; font-size:11px;}
	
	#temp-controller{float:left; margin:0px 30px;}

/* Navigation Pieces */
	
	.ui-slider-vertical{height:200px; width:80px; border:1px solid #DFDFDF;}
	.ui-slider .ui-slider-handle{width:90px; height:10px; border:1px solid #DFDFDF;}
	
/* Photo Credit */
	
	.credits{clear:both; background:#f7f7f7; border:1px solid #efefef;}
		.credits p{font-size:10px; padding:10px; color:#8F8F8F;}
	.clear{clear:both;}
	
	p.instructions{margin-bottom:15px; font-style:italic; padding:5px 0px 10px 0px; color:#8F8F8F; border-bottom:1px dashed #CCC;}
	
/* Hidden Elements */
	
	#climate-facts, #image-bank{display:none;}