/* http://www.wdrfree.com/ 
   v1.0 | 20151125
   License: none (public domain)
   Author: Javier Palmieri
*/

html,body{
	height:100%;
	width:100%;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	
}
*{
	margin:0px;
	padding:0px;
}

.sec p {
    color: #FFF;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: 3px;
    text-align: center;
    text-decoration: none;
    width: 550px;
	position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -25px;
   
}

.sec{
	width:100%;
	height:100%;
	position:relative;
	background-attachment: fixed;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}

.init{
	opacity: 0.9;
    filter: alpha(opacity=90);

	
}

.photo_author {
	margin:20px;
	position:absolute;
	color:#fff;
	font-size:11px;
		opacity: 0.9;
    filter: alpha(opacity=90);
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);

	
}

.info_text{

    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	opacity:1;

	
}

.info_text:hover{
	

      opacity: 0.5;
   
	
}

.photo_info {
	margin:20px;
	position:absolute;
	right:0;
	bottom:0;
	color:#f1f1f1;
	font-size:30px;
	opacity: 0.9;
    filter: alpha(opacity=90);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	z-index:999;
	cursor:pointer

	
}

.photo_about {
	margin:20px;
	position:absolute;
	right:0;
	top:0;
	color:#f1f1f1;
	font-size:15px;
	opacity: 0.9;
    filter: alpha(opacity=90);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	z-index:999;
	cursor:pointer
}



#about:target{
	
	opacity: 1;
    filter: alpha(opacity=100);
	background: rgba(0, 0, 0, .9);
	z-index:999;
}

#about:target .about_block{
	
	transform: translate(0%, 0%);
}



.about_block{
	left: 50%;
    top: 50%;
	position:absolute;
	text-align:center;
	width:550px;
	-moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	transform: translate(0%, +50%);
	margin-left: -250px;
margin-top: -25px;	
}

.about_block a{
	color:#f1f1f1;
	
}

.about_block h2{
	
	font-weight:100;
	font-size:45px;
	
}



.photo_author i{
	font-size:20px;
	line-height:20px;
	vertical-align: -4px;
	
	
}



.photo_info:hover + .info{
	opacity: 1;
    filter: alpha(opacity=100);
	
}

.photo_info:hover + .info p{
	transform: translate(0%, 0%);
	
}


#about{
	top:0;
	position:absolute;
	background: rgba(0, 0, 0, .8);
	width:100%;
	height:100%;
	color:#fff;
	    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	opacity:0;
	z-index:-10;
	
	
	
}
.info{
	position:absolute;
	background: rgba(0, 0, 0, .8);
	width:100%;
	height:100%;
	color:#fff;
	    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	opacity:0;
	
	
	
}

.info p{
    left: 50%;
    top: 50%;
	position:absolute;	
		    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	transform: translate(0%, +50%);
	font-size:14px;
}

.info_header a{
	color:#fff;
	
	
}