/* 
	- RadioElectroLyon | V.3.0 | previewArticles.css -
	
	 ______   ______     ______
	/\  ___\ /\  ___\   /\  ___\
	\ \  __\ \ \  __\   \ \  __\
	 \ \_\    \ \_____\  \ \_\
	  \/_/     \/_____/   \/_/
	
*/


.articlesColumn
{
	float: left;
	width: 250px;
	min-height: 500px;
	margin-right: 12.5px;
	margin-left: 12.5px;
}

/*--------------------------------------------------*/
/*---------------------- Entité --------------------*/
/*--------------------------------------------------*/

.previewArticle
{
	width: 250px;
	margin-bottom: 25px;
	background-color: #000000;
	-webkit-box-shadow: 0px 0px 10px 0px #000000;
	-moz-box-shadow: 0px 0px 10px 0px #000000;
	box-shadow: 0px 0px 10px 0px #000000;
	z-index: 3;
}

.previewArticle .thumbnail
{
	width: 250px;
	min-height: 50px;
	opacity: 0.75;
	background-color: #bababa;
	z-index: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.previewArticle .thumbnail:hover
{
	opacity: 1.0;
}

.previewArticle .arrow
{
	position: relative;
	width: 16px;
	height: 8px;
	margin-top: -12px;
	margin-left: 20px;
	background-image: url(../images/arrow.png);
}

.previewArticle .bandeauLyon
{
	position: relative;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	margin-left: 200px;
	background-image: url(../images/bandeauLyon.png);
	z-index: 2;
}

.previewArticle .bandeauPartner
{
	position: relative;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	margin-left: 200px;
	background-image: url(../images/bandeauPartner.png);
	z-index: 2;
}

.previewArticle .preview
{
	width: 230px; /* 250-2*10 px */
	padding: 10px;
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
	color: #666666;
	background-color: #dadada;
	background-image:url(../images/backgroundClear.png);
}

.previewArticle .tags
{
	width: 230px;
	height: 3px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	line-height: 19px;
	overflow: hidden;
}

.previewArticle .tags a
{
	visibility: hidden;
	padding: 0px 5px 0px 5px;
	color: inherit;
	text-decoration: none;
	text-transform: lowercase;
	background-color: #dadada;
	border-radius: 7px;
}

.previewArticle .tags a:before {content : "#";}

.previewArticle .title
{
	width: 185px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	color: #999999;
	overflow: hidden;
}

/*--------------------------------------------------*/
/*----------------------- Date ---------------------*/
/*--------------------------------------------------*/

.previewArticle .date
{
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
	width: 66px;
	height: 25px;
	z-index: 2;
}

.previewArticle .day
{
	position: absolute;
	width: 35px;
	height: 25px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../images/days.png);
}

.previewArticle .d01 {background-position: 0px -0px;}
.previewArticle .d02 {background-position: 0px -25px;}
.previewArticle .d03 {background-position: 0px -50px;}
.previewArticle .d04 {background-position: 0px -75px;}
.previewArticle .d05 {background-position: 0px -100px;}
.previewArticle .d06 {background-position: 0px -125px;}
.previewArticle .d07 {background-position: 0px -150px;}
.previewArticle .d08 {background-position: 0px -175px;}
.previewArticle .d09 {background-position: 0px -200px;}
.previewArticle .d10 {background-position: 0px -225px;}
.previewArticle .d11 {background-position: 0px -250px;}
.previewArticle .d12 {background-position: 0px -275px;}
.previewArticle .d13 {background-position: 0px -300px;}
.previewArticle .d14 {background-position: 0px -325px;}
.previewArticle .d15 {background-position: 0px -350px;}
.previewArticle .d16 {background-position: 0px -375px;}
.previewArticle .d17 {background-position: 0px -400px;}
.previewArticle .d18 {background-position: 0px -425px;}
.previewArticle .d19 {background-position: 0px -450px;}
.previewArticle .d20 {background-position: 0px -475px;}
.previewArticle .d21 {background-position: 0px -500px;}
.previewArticle .d22 {background-position: 0px -525px;}
.previewArticle .d23 {background-position: 0px -550px;}
.previewArticle .d24 {background-position: 0px -575px;}
.previewArticle .d25 {background-position: 0px -600px;}
.previewArticle .d26 {background-position: 0px -625px;}
.previewArticle .d27 {background-position: 0px -650px;}
.previewArticle .d28 {background-position: 0px -675px;}
.previewArticle .d29 {background-position: 0px -700px;}
.previewArticle .d30 {background-position: 0px -725px;}
.previewArticle .d31 {background-position: 0px -750px;}

.previewArticle .month
{
	position: absolute;
	width: 30px;
	height: 13px;
	margin-top: 0px;
	margin-left: 35px;
	background-image: url(../images/months.png);
}

.previewArticle .m01 {background-position: 0px -0px;}
.previewArticle .m02 {background-position: 0px -13px;}
.previewArticle .m03 {background-position: 0px -26px;}
.previewArticle .m04 {background-position: 0px -39px;}
.previewArticle .m05 {background-position: 0px -52px;}
.previewArticle .m06 {background-position: 0px -65px;}
.previewArticle .m07 {background-position: 0px -78px;}
.previewArticle .m08 {background-position: 0px -91px;}
.previewArticle .m09 {background-position: 0px -104px;}
.previewArticle .m10 {background-position: 0px -117px;}
.previewArticle .m11 {background-position: 0px -130px;}
.previewArticle .m12 {background-position: 0px -143px;}

.previewArticle .year
{
	position: absolute;
	width: 31px;
	height: 12px;
	margin-top: 13px;
	margin-left: 35px;
	background-image: url(../images/years.png);
}

.previewArticle .y2010 {background-position: 0px -0px;}
.previewArticle .y2011 {background-position: 0px -12px;}
.previewArticle .y2012 {background-position: 0px -24px;}
.previewArticle .y2013 {background-position: 0px -36px;}

/*--------------------------------------------------*/
/*---------------------- Icones --------------------*/
/*--------------------------------------------------*/

.previewArticle .icon
{
	position: absolute;
	margin-top: 10px;
	margin-left: 215px;
	width: 25px;
	height: 25px;
	background-image: url(../images/categories.png);
	z-index: 2;
}

.previewArticle .album {background-position: 0px -0px;}
.previewArticle .compilation {background-position: 0px -25px;}
.previewArticle .ep {background-position: 0px -50px;}
.previewArticle .single {background-position: 0px -75px;}
.previewArticle .remix {background-position: 0px -100px;}
.previewArticle .clip {background-position: 0px -125px;}
.previewArticle .review {background-position: 0px -150px;}
.previewArticle .report {background-position: 0px -175px;}
.previewArticle .evenement {background-position: 0px -200px;}
.previewArticle .playlist {background-position: 0px -225px;}
.previewArticle .news {background-position: 0px -250px;}
.previewArticle .partenariat {background-position: 0px -275px;}
.previewArticle .mixtape {background-position: 0px -300px;}
.previewArticle .rdf {background-position: 0px -325px;}
.previewArticle .tscml {background-position: 0px -350px;}

/*--------------------------------------------------*/
/*----------------------- Like ---------------------*/
/*--------------------------------------------------*/

.previewArticle .like
{
	position: absolute;
	width: 60px;
	height: 14px;
	margin-left: 170px;
	text-align: right;
}