/* 

Theme Name: Story Book  

Theme URI: http://zenphotothemes.net/theme/story-book.html 

Author: Dragos @ LoudSparks 

Author URI: http://loudsparks.com  

Description:  Clean horizontal photography theme 

Version: 1

License: GNU General Public License v2 or later 

License URI: http://www.gnu.org/licenses/gpl-2.0.html 

Tags: clean, simple, elegant, zen, photography

Text Domain: zp

*/ 



/*

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

*/



@import url(http://fonts.googleapis.com/css?family=Oswald:400,700|PT+Mono:400,700);



html{

	background: #0f0f0f;

}









body{

	padding-left: 30px;

	padding-right: 30px;

	font-family: "PT Mono","Georgia","serif";

	

	/*font-family: 'Open Sans Condensed','Helvetica Neue','Helvetica','Arial', sans-serif;*/



	font-size: 13px;

	color: #999;

}



p{

	line-height: 1.5em;

}



body.blog, body.single{

	padding-bottom: 40px;

}



/* PACE preloader */

.pace .pace-progress {

  background: #fff700;

  position: fixed;

  z-index: 2000;

  top: 0;

  left: 0;

  height: 2px;



  -webkit-transition: width 1s;

  -moz-transition: width 1s;

  -o-transition: width 1s;

  transition: width 1s;

}



.pace-inactive {

  display: none;

}





h1, h2, h3 {

	font-weight: 700;

}



h1, h2, h3, h4, h5, h6 {

	text-rendering: optimizelegibility;

	font-family: "Oswald","Helvetica","Arial","sans-serif";

}





/* HEADER */

.site-header{

	position: relative;

	

	margin-top: 20px;	

	margin-bottom: 10px;	

}



.site-header h1 a{

	color: #dadada;



	font-size: 24pt;

	font-weight: 900;



	text-decoration: none;

	text-transform: uppercase;



	letter-spacing: 1px;

	

	color: #FFF700;

	font: bold 4em/1 "oswald";	

}





/* NAVIGATION */

.main-navigation{

	position: relative;



	margin-bottom: 40px;

}



li.menu-item{

	display: inline-block;

	margin-right: 20px;

}



li.menu-item a{

	color: #888;



	text-decoration: none;

	text-transform: capitalize;

	

	font: normal 14px/54px "pt mono";

	letter-spacing: 5px;	

}



li.menu-item a:hover{

	color: #afafaf;

	text-decoration: underline;

}



li.current-menu-item a{

	/*color: #111;*/

	/*text-decoration: underline;*/

	font-weight: 700;
	color: #aaa;

	/*color: #110011;*/



	/*text-decoration: underline;*/

}



li.menu-item a{

	-webkit-transform: translate3d(0, 0, 0);



	transition: color 0.3s ease-out;

   -moz-transition: color 0.3s ease-out;

   -webkit-transition: color 0.3s ease-out;



}



/* POSTS */

article{

	margin-top: 40px;

	max-width: 600px;

}



article h2,article h1{

	font-size: 18pt;

	font-weight: 600;

	margin-bottom: 15px;

	margin-bottom: 10px

}



article p{

	line-height: 24px;

	margin-bottom: 15px;

}



article a{

	text-decoration: underline;

	color: #999;

}



article a:hover{

	text-decoration: underline;

	color: #ccc;

}

a.homelink{
	color: #1a5952;
	text-decoration: none;
}



article .controls{

	margin-top: 10px;

	margin-bottom: 10px;

}



article .attachment-featured{

	/*height: 240px;*/

}



article .featured_img{

	width: 600px;

	max-height: 240px;

	overflow: hidden;

	margin-bottom: 10px;

}



article .image-gallery{

	margin-top: 10px;

}



article .image-gallery li{

	display: inline-block;

	margin-left: 2px;

	margin-top: -2px;

	opacity: 0.5;

	filter: alpha(opacity=50);

}

article .image-gallery li:hover{

	opacity: 1;

	filter: alpha(opacity=100);

}









/* UTILS */

.fade{

	-webkit-transform: translate3d(0, 0, 0);



	transition: opacity 0.3s ease-out;

   -moz-transition: opacity 0.3s ease-out;

   -webkit-transition: opacity 0.3s ease-out;

}





.hidden{

	display: none;

}



.color{

	-webkit-transform: translate3d(0, 0, 0);



	transition: color 0.3s ease-out;

   -moz-transition: color 0.3s ease-out;

   -webkit-transition: color 0.3s ease-out;

}



em{

	font-style: italic;

}



strong{

	font-weight: bold;

}



/* BIG IMAGE */

#overlay{

	position: fixed;

	top: 0;

	left: 0;

	background-color: #0f0f0f;

	width: 100%;

	height: 100%;

}



.positioned{

	position: relative;

}



.loading{

	opacity: 0;

}



.done{

	opacity: 1;

	filter: alpha(opacity=100);

}



/* BIO */



.bio_html{

	position: relative;

	display: block;

	max-width: 550px;

	/*float: left;*/

	float: left;

	margin-right: 20px;

}

.bio_html article{

	margin-top: 0;

}

.bio_image{

	position: relative;

	display: block;

	float: left;

}



/* CONTACT */

.contact_form {

	max-width: 550px;

}

.contact_form input, .contact_form textarea{

	width: 100%;

	max-width: 300px;

	padding: 4px;



	border: none;

	background-color: #ccc;

}



.contact_form textarea{

	max-width: 400px;

}



.contact_form input[type='submit']{

	max-width: 130px;

	margin-top: 10px;

	background-color: #ccc;

	color: #333;

	

	padding-top: 6px;

	padding-bottom: 6px;



	cursor: pointer;

}



.contact_form label{

	display: block;

	margin-bottom: 15px;

}



.success{

	display: block;

	margin-bottom: 10px;

	color: green;

}



.contact_form .error{

	display: block;

	color: red;

	margin-bottom: 10px;

}



.contact_form form span{

	color: red;

}





/* BIG IMAGE CONTROLS */



#overlay .controls{

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 7px;

}



#overlay .arrow-icon{

	display: inline-block;

	position: relative;	

	

	top: 5px;



	color: #9f9f9f;

	font-size: 16pt;

	text-indent: -9999px;



	width: 22px;

	height: 22px;

	

	background-repeat: no-repeat;



	opacity: 0.5;

	filter: alpha(opacity=50);



	cursor: pointer;

}



#overlay .arrow-icon.disabled,#overlay .arrow-icon.disabled:hover{

	opacity: 0.1;

	filter: alpha(opacity=10);	

	cursor: auto;

}



#overlay .arrow-icon:hover, #overlay .arrow-icon.flash{

	opacity: 1;

	filter: alpha(opacity=100);

}





#overlay .arrow-left_small{

	background-image: url(img/arrow-left_small.png);

}



#overlay .arrow-right_small{

	background-image: url(img/arrow-right_small.png);



}



#overlay .desc{

	position: relative;

	

	/*top: -2px;*/



	font-size: 10pt;

	color: #999;

	opacity: 0.3;

	filter: alpha(opacity=30);

}



#copyRight{

	position: fixed;

	bottom: 7px;

	right: 10px;

	font-size: 10pt;

	opacity: 0.5;

	filter: alpha(opacity=50);

	

}