@charset "UTF-8";
/* CSS Document */

#photography-page{
	width:940px;
	float:left;
	padding-left:20px;
	
	margin-top:33px;
	margin-bottom:50px;
	}





#thumbs-page{
	width:965px;
	float:left;
	padding-left:15px;
	margin-top:33px;
	margin-bottom:50px;
	}
	
.thumb{
	width:93px;
	height:93px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	border:#929497 1px solid;
	background-color:#333333;
	-webkit-transition: all 0.20s ease-in;
	transition: all .20s ease-in;
	-moz-transition: all .20s ease-in;
	}
	
.thumb:hover{
	
	border:#fff 1px solid;
	
}	
	
	
.thumb img{
	width:93px;
	height:93px;
	}	
		
		
	
	
	
	
	
	
	
#title{
	width:940px;
	
	float:left;
	text-align:center;
	margin-bottom:10px;
	}
	
#title h1{
	font-size:22px;
	margin-bottom:10px;
	margin-left:-17px;
	
	}		
	
	
.entry-blank{
	width:170px;
	height:280px;
	float:left;
	margin-right:0px;
	text-align:center;
}

.entry{
	width:280px;
	height:280px;
	float:left;
	margin-right:20px;
	text-align:center;
}

.entry h1 {
	font-size:24px
	
	
}





.photo-page-image{
	width:280px;
	height:280px;
	float:left;
	position:relative;
	background-size:280px, 280px;
	transition: all .29s ease-in-out;
	-moz-transition: all .29s ease-in-out;
	-webkit-transition: all .29s ease-in-out;
	margin-bottom:20px;
	border:#000 1px solid;
	
}


.entry:hover .film-page-image{
	
	border:#fff 1px solid;
	
}

.photo-page-title{
	width:280px;
	height:100px;
	float:left;
	
}



	
.overlay {
	width:280px;
	height:280px;
	text-align:center;
	position:absolute;
	bottom:0;
	opacity: 0;
	transition: opacity .29s ease-in-out;
	-moz-transition: opacity .29s ease-in-out;
	-webkit-transition: opacity .29s ease-in-out;
}
.overlay:hover {
	opacity: 1;
	background-color: rgba(64, 70, 89, 0.65);
}

.overlay-text {
	width:280px;
	height:160px;
	text-align:center;
	position:absolute;
	bottom:0;
	}
.overlay-text-drama{
	width:213px;
	height:113px;
	text-align:center;
	position:absolute;
	bottom:0;
	}	
	
	
	
.overlay h1 {
	font-size:24px
}