/* @override 
	http://symphony-cms.local/workspace/assets/styles/explore.css
*/

/************************************
	http://symphony-cms.com
	showcase.css, v1.0
	17 November 2009
	Symphony Team, team@symphony-cms.com
*************************************
	CONTENTS
		1. LAYOUT
*************************************
		1. LAYOUT
*************************************/

.website {
	float: left;
	width: 324px;
	margin: 0.8em 52px 2em 0;
	overflow: hidden;
}

.website li {
	position: relative;
	width: 700px;
	background-color: transparent;
}

.website img {
	-moz-box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
}

.website.alt {
	margin-right: 0;
}

.website .title {
	font-size: 1.2em;
	margin: 0 0 0.5em;
	font-weight: bold;
}

.website .screenshot {
	margin: 0;
	padding: 0px 2px 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.website .screenshot .about {
	display: none;
}

.website a:hover .about {
	color: #eaeaea;
	display: block;	
	position: absolute;
	left: 0;
	bottom: 0;
	width: 300px;
	padding: 10px;
	margin: 0 2px 4px;
	line-height: 2em;
	background-color: rgba(0, 0, 0, 0.85);
}

.website .screenshot .about a {
	color: #a7b50b;
}

.website .screenshot .about a:hover {
	color: #fff;
} 

.website .screenshot .about em {
	color: #b40b51;
	font-weight: bold;
	font-style: normal;
}