.items {
			text-align:center;
			float:left;
			margin:px;
			position:relative;			
		}
		
			.items,
			.items-hover,
			.items-hover .mask,
			.items-img,
			.items-type-move .items-info {
				width: 290px;
				height: 218px;
				margin-bottom:30px;						
			}

			.items-hover,
			.items-hover .mask,
			.items-img { 
				position:absolute;
				top:0;
				left:0;			
			}			
		
			.items-type-move .items-hover {	
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				transition: all 300ms ease-out;	
				opacity:0;
				cursor:pointer;		
				z-index:100;
			}
			
				.items-type-move .items-info {
					z-index:10;
					color:#ffffff;
					position:relative;
					z-index:5;			
					overflow:hidden;			
				}
			
				.items-type-move .items-info .headline,
				.items-type-move .items-info .date {
					width: 100%;
					position:absolute;
					-webkit-transition: all 300ms ease-out;
					-moz-transition: all 300ms ease-out;
					-o-transition: all 300ms ease-out;
					transition: all 300ms ease-out;		
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					-o-box-sizing: border-box;	
					padding:0 0px;															
				}				

				.items-type-move .items-info .headline {
					font-size:18px;			
					top:10px;							
				}
				
				.items-type-move .items-info .date {
					font-size:14px;
					font-style:italic;
					bottom:10px;																		
				}
								
				.items-type-move .items-info .line {
					 height:1px;
					 width:85%;
					 margin:10px auto 0 auto;
					 background-color:#ffffff;		 
				}				
				
				.items-type-move .items-hover .mask {
					background-color:#000;
					opacity:0.5;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);					
					z-index:0;
				}
				
				.items-type-move .items-hover:hover {
					opacity:1;
				}				

				.items-type-move .items-hover:hover .items-info .headline {
					top:35%;
				}				

				.items-type-move .items-hover:hover .items-info .date {
					bottom:35%;
				}
				

				
			.items-img {			
				background-color:#7a548f;
				z-index:0;			
			}
		

		
@font-face {
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  src: local('Coda'), local('Coda-Regular'), url(http://fonts.gstatic.com/s/coda/v10/_xmjOXyFZCVnKmbBxb_PUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/coda/v10/A7A0IS2-4Ga-ZdxhMlAPjg.woff) format('woff');
}

@font-face {
	font-family:'Monotype Corsiva';
	font-style: normal;
	font-weight: 400;
	src: local('Monotype Corsiva'), local('Monotype Corsiva-bold'), 			       url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}