/**
  Theme Name: Festival Fotograf Theme
  Description: –
  Theme URI: -
  Version: 1.0
  Author: Apollo1
  Author URI: http://www.apollo1.cz
  Tags: simple, clean, sidebar, HTML5, valid CSS, blank-slate
  Licence: Copyright © Ales Loziak
 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*************************************
 +Body & Html
*************************************/

html {
	
}

.shadowed-lines {
	/*background: #fff url('images/h2-heading.png') center 169px repeat-x;*/
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	color: #000;
	padding: 0;
	margin: 0;
}

/*************************************
 +(X)HTML / HTML 5 Containers
*************************************/
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }

p, ul, ol, table { margin: 0 0 .8em 0; }

ol { margin-left: 17px; }
ol li { list-style: decimal; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

small {  }

/* ------------------ table ------------------ */


/* ------------------ forms ------------------ */




/*************************************
 +
*************************************/

.wrapper-header,
.wrapper-content .content,
footer {
	max-width: 1080px;
}

.wrapper-header {
	margin: 0 auto;
	padding: 16px 0 0;
	font-size: 1.2em;
}

.wrapper-content {
	font-size: 1.2em;
	padding: 0;
	background: url('images/h2-heading.png') center top repeat-x;
	min-height: 65px;
}

	.fixed {
		position: fixed !important;
		top: 0;
		z-index: 102;
	}

	.wrapper-content .content {
		margin: 0 auto;
		padding: 0;
	}

.wrapper-footer {
	position: relative;
	z-index: 95;
	background: #fff url('images/shadowed-line.png') left top repeat-x;
	font-size: 1.1em;
}

	footer {
		margin: 24px auto;
		padding: 12px 16px;
		text-align: center;
	}

/* ------------------ header.master ------------------ */

	header.master {
		/*background: url('images/shadowed-line.png') left bottom repeat-x;*/
	}
	
		header.master .col_5 {
			
		}
		
			header.master .subsidiary-projects {
				position: relative;
				width: 204px;
				height: 60px;
				font-size: 1.1em;
			}
			
				.subsidiary-projects ul {
					position: relative;
					top: 15px; left: 36px;
				}
				
					.subsidiary-projects ul li {
						float: left;
						width: 80px;
					}
					
						.subsidiary-projects ul li a {
							text-decoration: none;
						}
						
						.subsidiary-projects ul li a:hover {
							text-decoration: underline;
						}
						
				.subsidiary-projects ul.fb_ff {
					margin: 24px 0 0 3px;
					float: left;
				}
						
						.subsidiary-projects ul li.facebook a span { display: none }
						
						.subsidiary-projects ul li.facebook a {
							display: block;
							width: 18px; height: 18px;
							background: url('images/facebook.png') left top no-repeat;
						}
						
						.subsidiary-projects ul li.ff2012 a {
							font-size: .9em;
						}
		
		
		
/* ------------------ columns ------------------ */

.col {
	position: relative;
	float: left;
	width: 208px;
	padding: 0 4px 16px 4px;
}

/*
.col_1 { background: #f2f2f2 }

.col_2 { background: #ffe7e6  }

.col_3 { background: #eaffe6  }

.col_4 { background: #e6f1ff  }

.col_5 { background: #fde6ff; }
*/
	
/* ------------------ aside ------------------ */
		
		aside {}

		
			
/* ------------------ content ------------------ */		
.content {

}


/*************************************
 +Hn
*************************************/
h1, h2, h3, h4 {}

/* ------------------ h1 ------------------ */
h1 {}
	
	h1 a {

	}
	
		h1 a .col_1 {
			display: block;
			background: #fff url('images/h1_1.png') 4px 0 no-repeat;
			width: 208px; height: 80px;
		}
		
			.en h1 a .col_1 { background-position: 4px 8px; }
		
		h1 a .col_2 {
			display: block;
			background: #fff url('images/h1_2_1.png') 4px 3px no-repeat;
			width: 208px; height: 80px;
			
		}
		
		h1 a .col_3 {
			display: block;
			background: #fff url('images/h1_3_1.png') 4px 3px no-repeat;
			width: 208px !important; height: 80px;
		}
		
			h1 a .col_3_cs {  }
			h1 a .col_3_en { margin-left: -3px; }
		
		h1 a .col_4 {
			display: block;
			background: #fff url('images/h1_4_1.png') 4px 3px no-repeat;
			width: 225px; height: 80px;
		}
		
			h1 a .col_4_cs { margin-left: -14px; }
			h1 a .col_4_en { margin-left: -4px; width: 215px; }
		
			h1 a .col span { display: none }

h2 {
	
}

	h2.heading {
		font-size: 1.5em;
		padding: 16px 0 16px;
		margin: 0 0 0 -4px;
		min-height: 56px;
		width: 216px; 
		background: url('images/h2-heading.png') left top repeat-x;
	}
	
		h2.heading.search { background: none; padding: 0; }
		
		h2.heading a {
			position: relative;
			text-decoration: none;
		}
		
		h2.heading span {
			position:relative;
			display: inline-block;
			width: 32px; height: 20px;
			top: 4px;
		}
		
		h2.this-week span {
			background: url('images/h2-this-week.png') 4px top no-repeat;
		}
		
		h2.vystavy span {
			background: url('images/h2-vystavy.png') 4px top no-repeat;
		}
		
		h2.doprovodne-akce span {
			background: url('images/h2-doprovodne-akce.png') 4px top no-repeat;
		}
		
		h2.diskuzni-forum span {
			background: url('images/h2-diskuzni-forum.png') 4px top no-repeat;
		}
		
		h2.gallery span {
			background: url('images/h2-gallery.png') 4px top no-repeat;
		}
		
		
		h2.search span {
			background: url('images/h2-search.png') 4px top no-repeat;
		}


h3 {
	font-size: 1.5em;
	margin: 0 0 .8em;
	line-height: 1.1em;
}

h4 {
	font-size: 1.3em;
	margin: 0 0 .4em;
}


/*************************************
 +Menus
*************************************/

/* ------------------ menu-1 ------------------ */
.menu-1 {
	position: relative;
}

header.master nav {
	
}

	.menu-1 .col_1 {
		
	}
	.menu-1 .col_2 {
		
	}
	
	.menu-1 .col_3 {}
	.menu-1 .col_4 {}
	
	
	ul.menu-1  {
		
	}
	
		.menu-1 ul li {
			font-size: 1.5em;
		}
			
			.menu-1 ul li.menu-item {
				
			}
		
		
			.menu-1 ul li a {
				text-decoration: none;
				display: block;
				padding-bottom: 6px;
			}
			
			.menu-1 ul li a:hover,
			.menu-1 ul li.current-menu-item a {
				border-bottom: 2px solid;
			}



/*************************************
 +Content
*************************************/

.content {
	
}

/* ------------------ hentry ------------------ */
.hentry ul li,
.hentry ol li {
	margin: 0 0 0 16px;
}

.hentry ul li { list-style: outside disc; }
.hentry ol li { list-style: outside decimal; }









/* ------------------ article ------------------ */
article {}

	article.hentry {
		position: relative;
		margin: 0 0 .8em 0;
	}
	
	article.hentry header {}
	
		article.hentry header .date-icon {
			display: inline-block;
			width: 16px; height: 10px;
		}
		
		/* doprovodne-akce */
		article.hentry header .date-icon-current { background: url('images/date-icon-current.png') left top no-repeat; }
		
		/* vystavy */
		article.hentry header .date-icon-1,
		article.hentry header .date-icon-5 { background: url('images/date-icon-vystavy.png') left top no-repeat; }
		article.hentry .current header .date-icon-1,
		article.hentry .current header .date-icon-5 { background: url('images/date-icon-vystavy_current.png') left top no-repeat; }
		
		/* doprovodne-akce */
		article.hentry header .date-icon-2,
		article.hentry header .date-icon-7 { background: url('images/date-icon-doprovodne-akce.png') left top no-repeat; }
		article.hentry .current header .date-icon-2,
		article.hentry .current header .date-icon-7 { background: url('images/date-icon-doprovodne-akce.png') left top no-repeat; }
		
		/* diskuzni-forum */
		article.hentry header .date-icon-3,
		article.hentry header .date-icon-6 { background: url('images/date-icon-diskuzni-forum.png') left top no-repeat; }
		article.hentry .current header .date-icon-3,
		article.hentry .current header .date-icon-6 { background: url('images/date-icon-diskuzni-forum_current.png') left top no-repeat; }
		
		
		article.hentry {
			padding: 2px 0 0;
		}
		
		article.hentry header h2 {
			font-weight: bold;
			font-size: 1em;
		}
		
		article.hentry header h3 {
			font-weight: bold;
			font-size: 1em;
			margin: 1px 0 0px;
		}
		
		article.hentry .toggle-hideshow {
			position: relative;
			display: block;
			background: #fff;
			padding: 4px 0 2px;
			text-decoration: none;
		}
		
			article.hentry .toggle-hideshow.current {
				margin-top: -3px
			}
		
			article.hentry a.toggle-hideshow:hover {
				text-decoration: underline;
			}
		
			article.hentry a.current,
			article.hentry a.coming {
				left: -8px;
				padding-left: 8px;
			}
			
			.col_1 article.hentry figure.current,
			.col_1 article.hentry figure.coming {
				position: relative;
				margin-left: -8px;
				height: 141px;
			}
			
			.col_1 article.hentry a.current,
			.col_1 article.hentry a.coming {
				background: #000;
				color: #fff;
			}
			
			.col_2 article.hentry .current {
				background: #ff0000;
				color: #fff;
			}
			
			.col_3 article.hentry .current {
				background: #00ff00;
			}
		
		article.hentry .post-content {
			position: absolute;
			z-index: 100;
			top: 0; left: -8px;
			padding: 0 8px 8px 8px;
			background: #fff;
			width: 418px; max-height: 208px;
			border-top: 2px solid #000;
			border-bottom: 2px solid #000;
			overflow-y: scroll;
		}
			
			__article.hentry .columns {
				-webkit-column-count: 2; /* Saf3, Chrome*/
				-webkit-column-gap: 4%; /* Saf3, Chrome*/
				-moz-column-count: 2; /* FF3.5+ */
				-moz-column-gap: 4%; /* FF3.5+ */
				column-count: 2; /* Opera 11+*/
				column-gap: 6%; /* Opera 11+*/
			}
			
			.col_2 article.hentry .current .post-content {
				
			}
		
			article.hentry .close {
				position: absolute;
				z-index: 102;
				top: 6px; left: 404px;
				width: 16px; height: 16px;
				background: #fff url('images/close.png') left top no-repeat;
			}
				
				
				
				article.hentry .close span {
					display: none;
				}
	
			.col_5 article.hentry {
				padding: 4px 0 2px;
			}

/* ------------------ index ------------------ */



/* ------------------ page ------------------ */

	.pages {
		
	}
		
		.pages article {
			padding: 0;
		}
		
		.pages .hidden-page {
			position: absolute;
			top: 144px; left: 200px;
			width: 432px;
		}
		
			.pages .page-content {
				padding: 24px 8px 8px;
				background: #fff;
				overflow-y: scroll;
				min-height: 168px;
				border-bottom: 2px solid #000;
				border-top: 2px solid #000;
			}

			
			.pages article .close {
				top: 6px; left: 396px;
			}
		
		.pages article {
			
		}
		
		


/* ------------------ single ------------------ */
.single {}

	.single h2 {
		font-size: 1.6em;
		margin: 20px 0 35px 0;
	}
	
	.single article {
		width: 416px;
	}


/* ------------------ intro ------------------ */
#intro {
	position: absolute;
	z-index: 102;
	top: 0px; left: 0px;
	/*width: 640px; height: 360px;*/
	width: 100%; height: 100%;
	/*border-top: 2px solid #000;*/
}
	
	#intro-bg {
		position: absolute;
		top: 0; left: 0px;
		opacity: .9;
		background: #000;
		width: 100%; height: 100%;
	}
	
	#intro .intro-close {
		position: absolute;
		z-index: 103;
		width: 16px; height: 16px;
		background: #fff url('images/close.png') left top no-repeat;
	}
	
		#intro .intro-close span {
			display: none;
		}
		
		#intro .intro-content {
			/*position: relative;
			z-index: 102;
			width: 820px;
			height: 462px;
			margin: 65px auto;*/
		}
		
			#intro iframe {
				position: relative;
				z-index: 102;
				width: 820px;
				height: 462px;
				
			}


/* ------------------ gallery ------------------ */
.page-template-page-gallery-php {}

	.page-template-page-gallery-php .wrapper-gallery {
		float: left;
		padding: 8px 8px;
		/*height: 432px;
		min-height: 168px;
		overflow-y: auto;*/
	}
	
	
	#gallery-content {
		position: absolute;
		z-index: 102;
		top: 20px; left: 20px;
		width: 632px; height: 448px;
		padding: 8px 4px;
		/*border-top: 2px solid #000;*/
		border-top: 1px solid #888;
		background: #fff;
		min-height: 168px;
		overflow-y: auto;
		box-shadow: 0 0 12px #ccc;
	}
	
		.loader {
			display: none;
			position: absolute;
			left: 50%; top: 50%;
			z-index: 1000;
			width: 20px; height: 20px;
			background: url('images/loader.gif') center center no-repeat;
		}
		
		body.loading {
			opacity: .5;
		}
		
		body.loading .loader {
			display: block;
		}

		
/* ------------------ comments ------------------ */
.comments {}

	.comments ul li,
	.comments ol li {
		list-style: none;
	}
	
		.comments .commentMeta * {
			display: inline-block;
		}
		
			.comments .commentMeta address {
				font-weight: 500;
			}


/* ------------------ search ------------------ */
.search-form {}
	
	.search-form input {
		position: relative;
		top: -4px; left: 6px;
		display: inline-block;
		border: none;
		border-bottom: 2px solid #000;
		color: #000;
		padding: 2px 4px 3px;
		background: #fff;
		width: 90px;
		font-size: .7em;
	}
	
	.search-form #searchsubmit {
		border: none;
		position: relative;
		top: 0px;
		width: 22px; height: 19px;
		background: transparent url('images/finder.png') center top no-repeat;
	}
			
		.search-form #searchsubmit:hover {
			cursor: pointer;
			background: url('images/finder.png') center -18px no-repeat;
		}

.search {
	
}

	.search .content {
		padding-top: 22px;
		background: none;
	}
	
		.search article {
			width: 416px;
		}

		.search h2 {
			font-size: 1.6em;
			margin: auto;
			
		}
		
		.search h4 {
			margin: 44px 0 24px !important;
			display: block;
			font-size: 1.2em;
		}
		
		.search h3 {
			margin: 0 0 4px;
		}
		
		.search ol li {
			margin: 0 0 16px 0;
		}


/*************************************
 +WPML
*************************************/


.language-switcher {
	position: relative;
	top: -9px; left: 40px;
}

	.language-switcher ul {
	}
	
		.language-switcher ul li {
			display: block; float: left;
			text-transform: uppercase;
			margin: 0 16px 0 0;
			font-size: 1.4em;
			width: 64px;			
		}
		
			.language-switcher ul li a {
				display: block;
				height: 16px;
				border-bottom: 2px solid #fff;
			}
			
				.language-switcher ul li.cs a { width: 34px; background: url('images/cs.png') left top no-repeat; }
				.language-switcher ul li.en a { width: 48px; background: url('images/en.png') left top no-repeat; }
				
				.language-switcher ul li a span { display: none; }
				
				.language-switcher ul li a:hover {
					
				}
				
			.blocker_left, .blocker_right {
				width: 5px; height: 17px;
				display: inline-block;
				display: none;
			}
			
			.blocker_left { background: url('images/blocker_left.png') left top no-repeat; }
			
			.blocker_right { background: url('images/blocker_right.png') left top no-repeat; }

/*************************************
 +Footer
*************************************/
footer {
	
}

	footer .partneri {
		margin: 16px auto;
		display: block;
		width: 960px; height: 22px;
		background: url('images/partneri.png') center center no-repeat;
	}



/*************************************
 +Gallery
*************************************/
/* ------------------ NextGEN Gallery ------------------ */
	
	.ngg-albumoverview {
		padding-top: 44px;
		position: relative;
		
	}
		
		.ngg-albumoverview h4 {
			font-size: 1.2em;
		}
		
		.ngg-album-compact {
			float: left;
			margin: 0 8px 8px 0;
			border: 1px solid black;
			
		}
		
			.ngg-album-compact.fourth {
				margin-right: 0;	
			}


	.ngg-galleryoverview {
		
	}
		
		.ngg-galleryoverview .nggalbum-back {
			display: block;
			float: left;
			background: url('images/h3_gallery_back.png') left top no-repeat;
			height: 16px; width: 24px;
		}
		
		.ngg-galleryoverview h3 {
			margin: 0 0 27px;
			font-size: 1.6em;
		}
		
		.ngg-gallery-thumbnail-box {
			float: left;
			margin: 0 8px 8px 0;
		}
		
			.ngg-gallery-thumbnail-box.fourth {
				margin-right: 0;	
			}
		
			.ngg-gallery-thumbnail {}
			
				.ngg-gallery-thumbnail a {}
					
					.ngg-gallery-thumbnail a img {}

	
	.ngg-close {
		position: absolute;
		top: 0;
		left: 600px;
		width: 16px; height: 16px;
		background: #fff url('images/close.png') left top no-repeat;
	}
	
		.ngg-close span {
			display: none;
		}
		
	.ngg-galleryoverview .ngg-close {
		left: 600px;
		top: 2px;
	}
	
	
	
/* ------------------ ACF Gallery ------------------ */		
		figure.acf-gallery {
			float: left;
			margin: 0 18px 13px 0;
		}
		
			figure.acf-gallery .acf-gallery-item {
				
			}
			
				figure.acf-gallery .third {
					margin-right: 0;
				}
			
				figure.acf-gallery .acf-gallery-item img {
					
				}
				
				figure.featured.acf-gallery .acf-gallery-item img {
					/*width: 457px;  hack */
				}
				

		
		
/* ------------------ WP Gallery ------------------ */	
		.gallery {
			
		}
		
			.gallery-item {
				float: left;
				margin: 0 18px 13px 0;
			}
			
				.gallery-item.third {
					margin-right: 0;
				}
			
				.gallery-icon {}
				
					.gallery-icon a {}
					
						.gallery-icon a img {}




/* ------------------ jQuery Simple-Modal ------------------ */
#simple-modal--gallery {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #fff;
}

/*************************************
 +Misc
*************************************/	
.clear { clear: both; float: none; }
.hidden { display: none; }