/*****************************************************************************************
 * Copyright (c) 2013 Audrey boursier
 * All rights reserved.
 *
 * Contributors:
 *      Hugo marchadour - Initial API and implementation 
 *****************************************************************************************/

section#entries {
	width: 104%;
	margin-left: -4%;
	overflow: auto;
}

.debug section#entries {
	border: 1px dotted red;
}
	section#entries article {
		background-color: #eee;
		width: 29.3%;
		padding: 0%;
		margin: 4% 0 0 4%;
		float: left;
		text-align: center;
		position: relative;
		height: 163px;
	}

	section#entries article a {
		float: left;
		width: 100%;
	}

	section#entries article a img {
		float: left;
		width: 100%;
	}

	section#entries article:hover .entry-overlay, 
	section#entries article.selected .entry-overlay {
		display: block;
	}

	section#entries article .entry-overlay {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 20;
		color:#fff;
		
	}
	section#entries article .entry-overlay h2{
		margin-top:30%;
		color: #d60079;
		color: #804dff;
		color: #fff;
		font-weight:bold;
	}
	section#entries article .entry-overlay p{
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

	section#entries article .entry-overlay:before {
		content: ''; position: absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:-1;
		background-color: #000;
		background-color: #412781;
		opacity: 0.6;
		/* browser dep*/
		-webkit-filter: blur(1px);
	}