/*
Theme Name: danziskie
Theme URI:
Description: Custom theme for danziskie.com
Version: 1.0
Author: 
Author URI:
*/

/*************************************************/

/* -----------------------------------------------
	SIMPLE RESET
----------------------------------------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }


/* -----------------------------------------------
	MAIN / LAYOUT
----------------------------------------------- */
body {	
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #ddd; font-size: 12px; line-height:1.4;
	background-color: #525252;
}

#container {
	width: 1000px; min-height: 500px; position: relative;
	margin: 0 auto; padding: 20px 25px 25px 25px;
}

#header { height: 65px; margin-bottom: 35px; }

#sidebar { width: 180px; float: left; margin-top: 0px;  }

#content { width: 800px; float: right; }


/* -----------------------------------------------
	NAVIGATION
----------------------------------------------- */

#navigation {
	font-family: 'Source Sans Pro', Helvetica, Arial, "Lucida Grande", sans-serif; font-variant: light; font-size: 15px; font-weight: 700; line-height: 1.1; text-transform: uppercase;
	visibility: hidden; /* hidden so it is revealed by jquery after elements have been shifted around */
}
	#navigation > li { margin-bottom: 0px; }
	#navigation .page_item_has_children { margin-bottom: 20px; }


#navigation a { color: #999; margin-bottom: 7px; display: block; }
#navigation a:hover { color: #990000; } 

#navigation .current_page_item a,
.single-photo_post .page-item-32,
.single-book .page-item-975 a { color: #bbb !important; }

#navigation .page_item_has_children > a, #navigation .page_item_has_children > a:hover { color: #ccc !important; cursor: default; font-weight: 900; }

#social_instagram { text-indent:-999px; display: block; background-image: url(lib/instagram.png); background-size: 24px 24px; height: 24px; width: 24px; margin-top: 20px;  }
#social_instagram:hover { opacity: .8; }


/* -----------------------------------------------
	HEADERS
----------------------------------------------- */
h1, h2, h3, h4 {   }
#site-header { font-size: 33px; color: #fff; font-family: 'Source Sans Pro'; text-transform: uppercase; font-weight: 700; }
h1 { font-size: 18px; margin-bottom: 20px; font-weight: normal; }
h2 { font-size: 14px; color: #ddd; margin-bottom: 10px; }
h3 {  }
h4 {  }



/* -----------------------------------------------
	TYPOGRAPHY / STYLING
----------------------------------------------- */

p { margin-bottom: 15px; }
p:last-child {margin-bottom: 0;}

a { color: #fff; text-decoration: none; }
a:hover { color: #990000; }

strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 80% }



/* -----------------------------------------------
	PROJECT PAGE
----------------------------------------------- */

#slideshow-wrapper { display: none; }

#slideshow-wrapper { position: relative; }
	#slideshow {  }
		 .image_slide {  }
		 	.image_slide a {  }
		 		.image_slide img {  }
		 		#slideshow .image_meta { display: none;}

	#slideshow_thumbs {  }
		#slideshow_thumbs ul { background-color: #525252;  }
			#slideshow_thumbs li {  }
				#slideshow_thumbs li a { opacity: .7 }
				#slideshow_thumbs li a:hover { opacity: 1; }
					#slideshow_thumbs img {  }
			.active_thumb a { opacity: 1 !important; } 
			.active_thumb img {  }							

	#slidewshow_meta {  }
	 	.image_meta {  }
	 		.image_meta .image_title {  }
	 		.image_meta .image_caption {  }

	#slideshow_nav {  }
		#slideshow_nav .inactive { opacity: .5; }
		
	#slideshow_info {
		display: none; overflow: hidden;
		max-height: 550px; width: 100%; z-index: 2; position: absolute; top: 0;
		background: #fff; background: rgba(245,245,245,.9);
		color: #222;
		}
		#info_show { color: #999; }
		
/* needed for columns */
.clearfix:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#slideshow_nav { line-height: 17px; } 

	#slideshow_nav a { color: #eee; }
	#slideshow_nav a:hover { color: #990000; }
	#thumb_show { height: 17px; width: 17px; display: inline-block; background-repeat: none; text-indent: -5000px; vertical-align: middle; }
	#thumb_show { background-image: url(lib/thumbs.png); }
	
	/* positioning of slideshow nav */
	#slide_play, #thumb_show { float: right; opacity: .6; }
		#slide_play:hover, #thumb_show:hover { opacity: 1; }
	#slide_play { margin-right: 10px; }
	#thumb_show {  }
	
	#next_prev_wrapper { width: 160px; position: absolute; left: 320px; }
		#slide_prev, #slide_next, #slide_count { width: 50px; display: inline-block; }
		#slide_next { float: right; text-align: right; }
		#slide_count { text-align: center; color: #aaa; }
		
		#thumb_prev, #thumb_next {  }
		#thumb_prev { float: left; margin-left: 20px; }
		#thumb_next { float: right; margin-right: 20px; }

	#slideshow_meta { margin: 15px 0; }
		.image_meta { color: #ccc; font-size: 11px; }
			.image_title, .image_caption { height: 14px; }
			.image_title { display: block;  }
			.image_caption { display: block; color: #999; }
			
	#slideshow_info_inner { 
		padding: 12px 30px;
 		line-height: 1.6;
	}


/* -----------------------------------------------
	INDIVIDUAL PAGES
----------------------------------------------- */

/* ----------------
	INDEX
---------------- */

#front_image { display: block; margin-top: -12px; }

.random_img_meta { margin-top: 20px; text-align: left; width: 400px; font-size: 11px; display: none; /* temp hide image info */ }
	.random_img_meta .front_image_title { color: #777; display: inline; }
	.random_img_meta .front_image_gallery { color: #999; display: inline; }
	
#site_intro_text { margin-top: 20px; font-size: 13px; text-align: center; }


/* ----------------
	BOOK PAGE
---------------- */

#book_list a { display: inline-block; width: 380px; height: 430px; background-color: #666; margin: 0; padding: 0; vertical-align: top; margin-right: 15px; padding-bottom: 30px; margin-bottom: 25px; }
#book_list a:hover { background-color: #777; }
	#book_list div { display: table; height: 350px; width: 100%; margin: 15px 0 20px 0;  }
		#book_list span { display: table-cell; text-align: center; vertical-align: middle; }
			#book_list img { }
	#book_list h2, #book_list h3 { ont-size: 14px; font-family: 'Source Sans Pro', Helvetica, Arial, "Lucida Grande", sans-serif; color: #fff;  font-size: 20px; font-weight: 400; padding: 0 5px; text-align: center;  }
		#book_list h2 { }
		#book_list h3 { color: #999; font-size: 17px; }


/* ----------------
	SINGLE BOOK
---------------- */
.single-book { }

.single-book { font-size: 14px; font-family: 'Source Sans Pro', Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; color: #ccc; }
.single-book #content { }
	#book_info { width: 340px; float: right; }
		.single-book h1 { font-size: 20x; color: #fff; margin-bottom: 10px; }
		.single-book .book_price { color: #999; font-size: 17px; }
		#purchase_buttons { margin: 20px 0; }
			#purchase_buttons a, #purchase_buttons form input[type=submit] { display: block;  background-color: #ccc; color: #fff; font-size: 17px; width: 250px; padding: 7px 10px; text-align: center; margin-bottom: 10px; font-family: 'Source Sans Pro', Helvetica, Arial, "Lucida Grande", sans-serif; }
			#purchase_buttons a:hover { background-color: #aaa; }
			#purchase_buttons form input[type=submit]:hover { background-color: #aaa; }
			#purchase_buttons form {  }
				#purchase_buttons form input[type=submit] { width: 270px; }	
		.book_details { margin-bottom: 30px; }
		
	.book_shipping_cost_note { font-size: 11px; }
		#purchase_buttons .book_shipping_cost_note a { }
	
	#book_images_wrapper { float: left; position: relative; }	
		.nextprev { position: absolute; top: 0; height: 376px; background-color: transparent; width: 50px; z-index: 999; display: block; text-indent: -9999px; }
			#prev.nextprev { left: 0; }
			#next.nextprev { right: 0; }
		#book_images { background-color: #666; width: 420px; height: 376px; }
			#book_images div {  display: table; width: 100%; height: 376px; }
			#book_images img { display: table-cell; text-align: center; vertical-align: middle; margin: 0 auto; }
			
		#book_images_thumbs { margin-top: 15px; width: 420px; }
		#book_images_thumbs li { display: inline-block; margin-right: 8px; list-style: none; border: 1px solid transparent; }
		#book_images_thumbs li.activeSlide { border: 1px solid white; }
		#book_images_thumbs a {  }
		#book_images_thumbs a:focus {  }
		#book_images_thumbs img { display: block }


/* ----------------
	WEEKLY PHOTO
---------------- */
.photo_post { margin-bottom: 70px; }
	.photo_post h2 { margin-top: 10px; font-weight: normal; font-size: 12px; color: #bbb; }
	
	.photo_post .date { font-size: 11px; margin-bottom: 20px; color: #777; }

.featured_image { }
	.featured_image .wp-post-image { margin: 0 auto; display: block; }
	.post_image_caption { text-align: center; font-size: 11px; margin: 5px 0; color: #999; }
	
.photo_post_content { margin-top: 20px; color: #666; }	



/* -----------------------------------------------
	MISC
----------------------------------------------- */
html { overflow-y: scroll; } /* force scrollsbar in non-ie */

/* REMOVE OUTLINING OF LINKS */
a:focus, a:hover, a:active { outline:none }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* pagination generic */
.pagination { display: block; font-size: 20px; padding-bottom: 50px; }
	.pagination .next { float: right; }
	.pagination .prev { float: left; }
	
/* USER STATUS */
#userStatus-wrapper {
	padding: 4px 4px 15px 15px; position: absolute; top: 0px; right: 0px; opacity: .40;
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
	}
#userStatus-wrapper:hover { opacity: 1; }
#userStatus {  font-size: 10px; background-color: #bbb; color: #fff; padding: 4px 5px; }
	#userStatus a { color: #fff; padding: 6px; }
	#userStatus a:hover { color: #333; }
#login { display: block; cursor: pointer; position: absolute; top: 4px; right: 4px; background-color: transparent; color: #fff; padding: 4px 5px; text-align: center; font-size: 10px; opacity: 0; }
	#login { /* fancy hover */
		-webkit-transition: background .5s ease-in;
		-moz-transition: background .5s ease-in;
		-o-transition: background .5s ease-in;
		transition: background .5s ease-in;
	}	
	#login:hover { background: #bbb; opacity: 1; }
	
/* forms overall */
input, textarea { border: 1px solid #bbb; margin: 0; font-size: 11px; }
input { padding: 3px 5px; }
textarea { padding: 3px 5px; }
input:focus, textarea:focus { border-color: #666; outline: none; }
input[type=submit] { background: #f9f9f9; color: #991e0d; margin-bottom: 5px; }
input[type=submit]:hover { border-color: #666; }


/* -----------------------------------------------
	CLASSES
----------------------------------------------- */
.floatLeft { float: left; }
.floatRight {float: right; }
.hidden { display: none; }
.clear { clear: both; } .clearLeft { clear: left; } .clearRight { clear: right; }

/* for image replacement */
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }

/* NEW CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}