/*************************************************************************
	Skills Third Sector
	MODULE: 	newsmedia.css
	PURPOSE:	special rules for the news list / detail pages
*************************************************************************/

/* Extra clear fixes */


#listmediaitems li:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#listmediaitems li {
	height:1%;
}

/* Big News Item
*************************************************************************/
#leadnewsitem {
	clear:both;
	padding:10px 0 0 0;
	margin:0 0 30px 0;
}
#leadnewsitem img {
	float:left;
	margin:0 30px 0 0;
	border:none;
}
.secpress #content #leadnewsitem h1 {
	float:none;
}
#leadnewsitem div {
	float:left;
	width:500px;
}
#leadnewsitem p.newsmeta {
	margin:0 0 0 0;
}
#content #leadnewsitem h2 {
	color:#333;
	font-size:1.9em;
	margin:10px 0 20px 0;
}
#leadnewsitem h2 a,
#leadnewsitem h2 a:visited {
	color:#333;
	padding:0;
}
#leadnewsitem h2 a:hover,
#leadnewsitem h2 a:visited:hover {
	color:#FFF;
}

/* News Detail Page
*************************************************************************/
#newsdetail img {
	border:none;
	display:none;
}
.secpress #content #newsdetail h1 {
	float:none;
}

/* List of News Items in categories
*************************************************************************/

#listnewsitems {
	list-style:none;
	margin:0 0 30px 0;
}
#content #listnewsitems li {
	width:300px;
	min-height: 160px;
	margin:30px 30px 0 0;
	padding:0;
	float:left;
	background:#FFF;
}
#content #listnewsitems li h3 {
	margin:10px 0 0 0;
	color:#333;
}
#content #listnewsitems li p {
	margin:10px 0 0 0;
	font-size:0.9em;
	line-height:1.4em;
}

/**** Three column news list ****/

#content #listnewsitems.three li {
	width:200px;
	margin:30px 20px 0 0;
}


/* List Media Items
*************************************************************************/
#listmediaitems {
	clear:both;
	float:none;
	list-style:none;
	margin:0 0 30px 0;
	padding:1px 0 0;
	}
#content #listmediaitems li {
	clear:both;
	float:none;
	margin:30px 0 0 0;
	padding:1px 0 0 0;
	background:#FFF;
	}
#listmediaitems li div {
	float:left;
	width:300px;	
	}
#listmediaitems li div.vidobject {
	float:left;
	width:330px;
	min-height:184px;
	margin:0 25px 0 0;
	border:2px solid #CCC;
	background:#E1E1E1;
	}
#listmediaitems li div.vidobject img {
	display:block;
	border:none;
	}

#content #listmediaitems li h3 {
	margin:10px 0 0 0;
	color:#333;
	}

#content #listmediaitems li p {
	margin:10px 0 0 0;
	font-size:0.9em;
	line-height:1.4em;
	}


/**** Three column news list ****/
#listmediaitems.three li {
	width:200px;
	margin:30px 20px 0 0;
	}


/* Media details
*************************************************************************/
.media-object {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	}
	
.media-object div {
	border:2px solid #CCC;
	margin: 0 0 5px 0;
	background:#E1E1E1;
	}

.media-desc {
	clear: both;	
	}