anchor.diff:  			margin-top:-20px;
   		}
   
  -		#controls {
  +		.controls {
   			height:0;
   			float:right;
  +			margin-right: 10px;
  +			font-size:15px;
   		}
   		
   		#controls select {
  
positive.code: 		<div id=clouds> </div>
  	</div>
  	<div id=body>
  		<div id=forecast class=content>
  			<div id=marketing-blurb>
  				<div class=important>	
  
negative.code: 			else
  				permissionsDialog.animate({'top':'-150px'}); 
  		}
  		
  		function setupStickyHeaders() {
  			//get initial offset positions
  			var headers = [];
  			$.each($('div.day-start'), function(i, headerDiv) {
  				var header = $(headerDiv);				
  				headers.push({element:header, orgOffset: header.offset().top});
  			});
  			
  			if(headers.length == 0)
  				return;
  				
  			var orgCSS = {width:headers[0].element.css('width'), position:headers[0].element.css('position'), height:headers[0].element.css('height')};
  
  			//handle scrolling
  			$(window).scroll(function(){
  				var scrollTop = $(this).scrollTop();
  				//stick headers
  				for(i in headers) {
  					var header = headers[i];
  					
  					if(isStuck(header))
  						header.element.css('top','0')
  						
  					if(scrollTop < header.orgOffset - parseInt(orgCSS.height)) 
  						break;
  						
  					if(!isStuck(header))
  						if(scrollTop >= header.orgOffset)
  							header.element.css('width', orgCSS.width).css('position', 'fixed').css('top','0').before('<div class=day-start> </div>');
  						else if(i > 0)
  							headers[i-1].element.css('top', header.orgOffset - scrollTop - parseInt(orgCSS.height));
  				}
  				
  				//unstick headers
  				for(i in headers) {
  					var header = headers[i];
  					if(!isStuck(header)) break;
  					if(scrollTop <= header.orgOffset)
  						header.element.css('position', orgCSS.position).css('top','').prev().remove();
  				}
  			});
  			
  			function isStuck(header) {return header.element.css('position') === 'fixed'}
  		}
  	</script>
  	</body>
  </html>