* { margin: 0; padding: 0; }
		


body {  
	background: url('http://unitedlifeministry.org/images/uploads/backgrounds/UL_iceskating_2011_ben.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#home-blurb{
	font-size: 36px; 
	line-height: 150%;
	width: 550px;
	color: #FFF; 
	margin: 0 0 60px 0;
	padding-left: 30px;
}

#latest-entries { 
	padding-left: 30px;<br />
	overflow: hidden; 
} 

.latest-block { 
	width: 230px;
	height: 165px; 
	float: left; 
	margin: 0 10px 0 0;
	background: #FFF; 
	opacity:0.80;filter:alpha(opacity=80);
	position: relative;
	display: inline-block; 	
	
}

.latest-block:hover { 
	opacity:1;filter:alpha(opacity=100); /*KJ: I added a hover state to show how it should react on rollover, but can we make this entire block (and the text/image inside) clickable? */
}

	.latest-block .block-wrap { margin: 15px 10px 10px 10px; }
	.latest-block h2 { 
		font-size: 11px;
		text-transform: uppercase;
		padding: 0; 
		margin: 0 0 5px 0; 
		color:#666;
	}
	.latest-block h3 { 
		padding: margin: 0; 
		font-size: 15px;
		color: #000; 
	}
			
	.latest-block a { color: #000; }
	.latest-block img { position: absolute; bottom: 10px; }