* { padding: 0; margin: 0 auto; }
a img { border: none; }
a:focus { outline: none; }

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

.clear { clear: both; }

body { 
	background: #fff url(assets/img/tile.jpg) no-repeat center top;
	margin: 0 auto; padding: 10px 0;
	font: 12px/18px "Courier New", Courier, monospace; color: #fff; text-align: center; }

#widget { background: #000; border: 1px solid #e52323; text-align: center; width: 280px; }


	#widget #thermometer { 
			background: url(img/thermometer.png) no-repeat top left; 
			width: 36px; height: 197px; 
			padding: 9px 0 23px 0; margin-left: 20px; 
			overflow: hidden;
			float: left; }

	#widget #thermometer #lines { background: url(img/lines.png) no-repeat left top; height: 197px; position: relative; top: -6px; left: 0; z-index: 3 }

		#widget #thermometer #mercury { height: 100%; position: relative; top: -197px; left: 0; z-index: 1 }
		#widget #thermometer #mercury #red { background: url(img/mercury.png) no-repeat center bottom; height: 100%; }
		
		
	#widget h1 { padding: 8px 0 3px 0; }
	
	#widget h2 { font-size: 28px; line-height: 25px; padding: 8px 10px 15px 10px; }
	
	#widget h3 { padding: 10px 0 0 0; font-size: 37px; line-height: 25px; color: #e52323; text-transform: uppercase; }
	#widget h3#goal { font-size: 22px; line-height: 50px; color: #fff; border-bottom: 1px solid #fff; padding: 0 0 10px 0 !important; display: inline; }
	
	#widget h4 { font-size: 18px; color: #e52323; text-transform: uppercase; padding: 13px 0 0 0; }
	#widget h4#name { font-size: 32px; line-height: 32px; padding: 0; letter-spacing: -.5px; }	
	#widget h4#amount { font-size: 55px; line-height: 40px; padding: 0; letter-spacing: -1px; }			

h3#contribute { width: 272px; padding: 13px 0 3px 0; clear: both; }
	h3#contribute a { height: 34px; overflow: hidden;  background: url(img/contribute.png) no-repeat 0 0; display: block; }
	h3#contribute a:hover { background-position: 0 -34px; }  	
