/* @override 
	http://www.dongshiworx.co.za/princeafricazulu/home.css
	http://www.princeafricazulu.org/home.css
*/

#top div.content h2#slogan {
	width:				404px;
	height:				130px;
	background-image:				url(images/slogan.png);
	float:				none;
	position:				absolute;
	top:				46px;
	left:				385px;
}

div#news {
	width:				230px;
	float:				left;
	margin-right:				25px;
}

div#culture_preview {
	width:				200px;
	float:				left;
}

#news h2, #gallery_preview h2, #culture_preview h2 {
	color:				#f3e8c3;
	text-transform:				uppercase;
	font-size:				1.2em;
}

#news h2 {
	padding-bottom:				0;
	background:				url(images/old_spear.png) no-repeat 0 bottom;
	height:				40px;
	margin-top:				15px;
	margin-bottom:				15px;
}

#gallery_preview h2 {
	padding-left:				110px;
	background:				url(images/beer.png) no-repeat left top;
	height:				60px;
	display:				table-cell;
	vertical-align:				middle;
}

#culture_preview h2 {
	background:				url(images/earing.png) no-repeat left top;
	padding-left:				65px;
	height:				60px;
	display:				table-cell;
	vertical-align:				middle;
}

#gallery_preview p {
	margin-top:				10px;
}

#gallery_preview p.caption {
	padding-left:				20px;
	padding-right:				20px;
	font-style:				italic;
	color:				#333;
}

div#gallery_preview {
	width:				261px;
	float:				left;
	margin-right:				25px;
}

#gallery_preview p.image {
	text-align:				center;
}

#news h3.date {
	color:				#dbc7ab;
	font-weight:				normal;
	font-style:				normal;
	font-size:				1em;
	margin-top:				10px;
}

/* Images in the gallery_preview need to be smaller than 250x250 to fit in the frame correctly */
/* Style code for max width/height restriction in last 4 lines found here - http://www.fastechws.com/tricks/web/image-max-width-height.php */

#gallery_preview img {
	padding:				10px;
	background:				url(images/frame.jpg) no-repeat left top;
	max-width: 250px;
	max-height: 250px;
	width: expression(this.width > 250 ? "250px" : true);
	height: expression(this.height > 250 ? "250px" : true);
}

#news div.storycontent {
	margin-top:				0;
	margin-bottom:				10px;
}