/**
 * BASEMENT CSS DOCUMENT
 * 
 * _______@author Neil Azzopardi <neilazzopardi@gmail.com>
 * _______@date april 2009
 * _______@last updated 9th april 2009
 * _______@copyright 2004 - 2009 Basement
 *
 */
 
/* LAYOUT CONTAINERS ____________________________________________________________________ */

.barContent {
	margin:0 0 0 240px;
	}

.mainBillboard {
	width:inherit;
	height:239px;
	margin:10px 0;
	background:#000000;
	}

.headlines {background:white; padding:0 0 20px 0;}

/* ROW 1 ________________________________________________________________________________ */
	
#headlinesContainer {float:left; width:613px; overflow:hidden;}
#newsContainer {float:left;	width:359px;}	

.topStoryIMGHolder {
	float:left;
	width:328px;
	height:258px;
	display:inline;
	}

	.topStoryIMGHolder img {
	width:328px;
	height:238px;
	background:black;
	overflow:hidden;
	}

.topStoryIMGCaption {
	width:inherit;
	height:20px;
	vertical-align:bottom;
	background:url(../imgs/headlines-caption.gif) #585858;
	overflow:hidden;
	}
	
.topStoryInfo {float:left; width:225px; height:auto; overflow:hidden;}

.smallStory {
	width:320px;
	margin:20px auto 0 auto;
	}

/* ROW 1.1 ________________________________________________________________________________ */

#headlinesFeatures {
	width:inherit !important;
	height:auto;
	overflow:hidden;
	background:url(../imgs/background-features.gif) repeat-x;
	}

#headlinesFeatures ul {
	padding:0;
	margin:0 0 0 20px;
	padding:15px 0 35px 0;
	}

#headlinesFeatures ul li {
	float:left;
	list-style:none;
	height:21px;
	padding:0 0 0 40px;
	vertical-align:middle;
	}

#headlinesFeatures ul li h6 {
	padding:5px 0 0 0;
	}

/* TITLES ________________________________________________________________________________ */

#headlinesContainer .titleContainer {padding:20px 0 20px 20px;}

#topStoryContainer {
	width:inherit;
	height:auto;
	overflow:hidden;
	}

#subStoriesContainer {
	width:inherit;
	overflow:hidden;
	}

#lvl4Container {
	float:none;
	width:inherit;
	height:43px;
	margin:10px 0 10px 0;
	background:#FFFFFF;
	overflow:hidden;
	}

#lvl5Container {
	float:none;
	width:inherit;
	height:200px;
	background:#FFFFFF;
	}

#blogsContainer {
	float:none;
	width:inherit;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	background:white;
	overflow:hidden;
	}

.snapshotsContainer {
	float:left;
	width:573px;
	height:auto;
	padding:20px;
	background:white;
	}

.snapshotsContainer .titleContainer {
	padding:0 0 20px 0;
	}

.comingupContainer {
	float:left;
	width:349px;
	height:303px;
	margin:0 0 0 10px;
	background:white;
	overflow:hidden;
	}

.comingupContainer .titleContainer {
	margin:20px 0 20px 20px;
	}

.comingupIMGHolder {
	width:inherit;
	height:95px;
	background:#3edf86;
	}

.comingupContent {
	width:inherit;
	height:auto;
	padding:10px 0 0 0;
	}

.comingupContent ul {
	padding:0;
	margin:0;
	list-style:none;
	}

.comingupContent ul li {
	list-style:none;
	padding:3px 0 0 10px;
	}

.comingupContent ul li h4 span {
	background:#aaedc8;
	display:inline;
	margin:0 0 0 20px;
	}

.comingupContent ul li h4 span a {
	color:#000000;
	}

/* SUBSTORIES ELEMENTS ___________________________________________________________________ */

#subStoriesContainer ul {
	float:none;
	list-style:none;
	padding:0;
	margin:0;
	}
	
#subStoriesContainer ul li {
	height:auto;
	padding:10px 0 10px 20px;
	background:url(../imgs/substories-seperator.gif) no-repeat left bottom;
	}

#subStoriesContainer ul li h4 img {
	margin:0 0 0 10px;
	}

/* SNAPSHOTS ELEMENTS ___________________________________________________________________ */

#snapshotsPH {
	width:inherit;
	height:188px;
	overflow:hidden;
	}

.snapshotsFeatures {
	width:inherit;
	height:auto;
	padding:10px 0 10px 0;
	border-bottom:1px solid grey;
	overflow:hidden;
	}

	.snapshotsFeatures h4 {
		float:left;
		width:468px;
		font-weight:bold;
		text-transform:uppercase;
		color:#000000;
		padding:3px 0 0 0;
		}	
	
	.snapshotsBullets {
		float:left;
		width:105px;
		}

	.snapshotsBullets ul {
		padding:0;
		margin:0;
		list-style:none;
		}

	.snapshotsBullets ul li {
		float:left;
		margin:0 5px 0 0;
		padding:5px;
		background:url(../imgs/snaps-thumb.gif) 21px 0 0 0;
		text-align:right;
		}
		
		.snapshotsBullets ul li:hover {
		background:url(../imgs/snaps-thumb.gif) 0 0 ;
		}
	

/* NEWS ELEMENTS ________________________________________________________________________ */

.newsBox {
	width:inherit;
	height:159px;
	}

.newsBoxFooter {
	width:inherit;
	height:43px;
	background: url(../imgs/newsbox-de-bottom.gif) no-repeat #dadada;
	}
	
/* BASEMENT BLOGS ________________________________________________________________________ */

#blogsTitle {
	width:inherit;
	height:55px;
	background:#332c26;
	}

.blogsWrap {
	float:left;
	width:218px;
	height:auto;
	margin:20px 0 0 20px;
	}

.blogsWrap h6 {
	width:inherit;
	}
	
.blogsWrap h4 {
	margin:0.8em 0 0.8em 0;
	}

.blogsIMGHolder {
	width:inherit;
	height:90px;
	background:url(../imgs/blogs-empty.gif) no-repeat;
	margin:18px 0;
	}


/* WIN WITH BASEMENT _____________________________________________________________________ */

.winTitle {
	float:left;
	width:172px;
	}

.winInfo {
	float:left;
	width:800px;
	height:17px;
	padding:13px 0;
	background:#CC3366;
	}

.winInfo h3 {
	margin:0 0 0 20px;
	}