/*  
Theme Name: iCesty
Theme URI: http://icesty.cz
Author: Peter "Kahi" Kahoun
Author URI: http://kahi.cz

****************************

*** Privately licensed. ***

****************************
	
Colors
****************************
faa700	žlutá	pro texty & menuitem:a
ffba57	žluto-béžová	pro nadpisy na tmavém
c65c05	mrkvová

68411a	hnědá	body back
593b1f	hnědší	back r-col (unused?)
35251b	hnědá-čoko	back h2/3

fff2bb	béžová - text na tmavém (menu)
f5eee9	béžová pro pozadí formulářových polí
eaded6	béžová	obsah back
c5b4aa	béžová	obsah trochu zvýrazněné bloky

cccabe	šedá - text na hnědém (r-col)
*/

/* CSS Document */

* {padding:0; margin:0; font-size:100%;}
h1, h2, h3, h4 {font-weight:normal;}

.hidden, hr {display:none}
.noscreen {position:absolute; left:-999px; width:0; height:0;}
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}

a img {border:0;}

.tahoma {font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;}
.georgia {font-family:Georgia, 'New York CE', utopia, serif;}

/* =layout
******************************/

body {padding-bottom:40px; text-align:center; font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
      background:#68411a url('gfx/body-pattern.jpg') left top repeat-x;}
#body-head {background:url('gfx/body-head.jpg') center top no-repeat;}
#body-neck {background:url('gfx/body-neck.jpg') center 240px no-repeat;}

#all {text-align:left; width:892px; margin:0 auto; position:relative;}
	#head {height:233px; margin:0 9px 7px 9px; overflow: hidden;}
	
	#head h1 a {display:block; position:absolute; width:181px; height:56px; z-index:7; /* 76px total h */  left:8px; top:141px; overflow:hidden; /* img:off -> */ color:#000; background:#dfdbb8; padding-top:20px;}
	#head h1 a img {position:absolute; top:0;}
	
	#header-images {padding:0 10px;}
	
	#image-subtitle {position:absolute; top:0; right:8px; z-index:7; padding:3px 25px 3px 10px; background:#222; 
		color:#eaded6; font-size:70%; text-transform: uppercase;}
		
	/*#d-1-reklama {position:absolute; right:9px; top:209px; width:326px; height:8px;
			background:url('gfx/head-d-1-reklama.png') no-repeat;}*/

	#d-2-reklama {display: none; /*position:absolute; left:530px; top:218px; width:64px; height:16px;
			background:url('gfx/reklama.png') no-repeat;*/}
/*		#d-2-reklama.pg-single {left:670px}
		#d-2-reklama.pg-multi  {left:530px}	*/

	/* horizontal dimensions = 188 + 400 + 4 + 300 = 832
	                                 540       160    */

	#main {padding:0 0 40px 188px;
		background:url('gfx/sidebar-l-shade.png') 60px top repeat-y;}	
	
	#menu-col {width:188px; float:left; overflow:hidden;}
		.pg-multi #menu-col {margin-left:-588px;}
		.pg-single  #menu-col {margin-left:-728px;}
		
	#content {float:left; overflow:hidden;}
		.pg-multi #content {width:400px;}
		.pg-single #content {width:540px;}
	
	#r-col {float:right; overflow:hidden;}
		.pg-multi #r-col {width:300px; padding-left: 2px;}
		.pg-single #r-col {width:160px;}
	
/* =content general
******************************/

#content {}

.article {background:#eaded6;}
	
	
	.pg-single .article {padding-bottom:30px;}
	.pg-multi .article {margin-bottom:4px;}
	
	.article.not-found {padding-bottom:25px;}
		.article.not-found h3 {margin-bottom:25px;}

	.pg-single .article h1 a,
	.pg-multi .article h3 a,
	.pg-multi #content h2 {display:block; padding:15px 10px 15px 25px; background-color:#35251b;
		color:#ffba57; text-decoration:none; text-transform:uppercase; font-family:Georgia, 'New York CE', utopia, serif; font-size:17px;} 
	
		.pg-multi .article h3 a:hover {color:#faa700;}
	
		.cat a {background:#35251b url('gfx/continents/w.gif') right center no-repeat;}
	
		.cat-af  a {background-image:url('gfx/continents/af.gif');}
		.cat-amj a {background-image:url('gfx/continents/amj.gif');}
		.cat-ams a {background-image:url('gfx/continents/ams.gif');}
		.cat-an  a {background-image:url('gfx/continents/an.gif');}
		.cat-as  a {background-image:url('gfx/continents/as.gif');}
		.cat-au  a {background-image:url('gfx/continents/au.gif');}
		.cat-cr  a {background-image:url('gfx/continents/cr.gif');}
		.cat-ev  a {background-image:url('gfx/continents/ev.gif');}
		.cat-oc  a {background-image:url('gfx/continents/oc.gif');}
		.cat-w   a {background-image:url('gfx/continents/w.gif');}
	
	.pg-multi #content h2 {background:#faa700; color:#35251b;}
	
	.pg-single .article.page h1 {margin-bottom:20px;}
	
	.article img {margin-bottom:15px;}
	
	.article p,
	.article ul,
	.article ol,
	.article blockquote {padding:0 20px 0.7em 20px;
		font-size:12px; color:#35251b; line-height:18px;}
	
	.pg-multi .article p {
/*		font-size:11px; line-height:1.3;*/
	}
	
	.article a {color:#35251b;}
	.article a:hover {color:#000;}
	.article h1 a:hover, .article h3 a:hover {color:#ffba57;}
	
	.article a.more {display:block; text-align:right; padding:8px 15px 8px 0; color:#c65c05; text-decoration:none;}
	.article a.more:hover {color:#35251b;}
	
	/* events */
	
	.article.event p {padding:20px 20px 0 20px;}
	.article.event .more {padding:0;}
	.article.event a.more {padding:5px 20px 5px 0;}

.pg-multi .nav-pagination {
	overflow: hidden;
	background:#35251b; 
	font-family:Georgia, 'New York CE', utopia, serif;
}

	.pg-multi .nav-pagination a {
		display: block; float:left;
		padding:10px; width:; 
		color:#ffba57; text-transform:uppercase; text-decoration: none; font-size:14px;
	}
	
	.pg-multi .nav-pagination .next a {
		float:right; 
		text-align:right;
	}
	
	.pg-multi .nav-pagination a:hover {
		color:#faa700;
	}



/* =sidebar =menu-col
******************************/

#menu-col {}

#menu-col ul {list-style-type:none;}
	#menu-col a {font-size:80%; color:#fff2bb; text-decoration:none;}
		
	#menu-col ul, #menu-col ul li, #menu-col ul a {display:block;}

	#menu-col ul a /*, #menu-col h3*/ {padding-left:15px;}
	/*#menu-col h3 {margin:20px 0 2px 0;
			font-size:90%; color:#faa700; text-transform:uppercase; font-family:Georgia, 'New York CE', utopia, serif;}*/ /*see lower in r-col*/

	#menu-col ul a {padding:2px 0 2px 15px;}
		#menu-col ul a:hover, #menu-col ul a:active {background:url('gfx/l-menu-active.png') left center no-repeat;
			color:#35251b;}	
	
	#menu-col .cats-main {margin:40px 0 40px;}
		#menu-col .cats-main a {text-transform:uppercase;}
	
	/* head links */

	#menu-col .cats-head {position:absolute; top:0; left:8px;}
	#menu-col .cats-head li {float:left; margin:0 2px;}
	#menu-col .cats-head li a {padding:4px 6px; background:#222; text-transform:uppercase; color:#fff;}
	#menu-col .cats-head li a:hover {border-bottom:2px solid #faa700;}

	/* news form */

	#menu-col form {margin:30px 0; text-align:left;}
		/*#menu-col form h2 {color:#cccabe; font-size:12px; text-transform:uppercase;}*/ /*see lower in r-col*/
		#menu-col form input.text {background:#eaded6; border:1px solid #cccabe; padding:1px; margin:8px 0; width:110px;
			color:#000; font-size:11px;}
		#menu-col form input.submit {background:none; border:0; cursor:hand;
			color:#fff2bb; font-size:14px; text-align:left;}
		#menu-col form input.submit:hover {color:#faa700;}

	/* set as homepage */
	
	#menu-col #bookmarking {}
	#menu-col #bookmarking a {padding-left:0; 
		font-size:80%; color:#fff2bb;}
		#menu-col #bookmarking a:hover, #bookmarking a:active {background:none !important; color:#faa700;}

		
	#menu-col .section {
		margin:20px 10px 20px 15px;
	}
	
		#menu-col .section.tags a:hover {
			text-decoration: underline;
		}
		
	

/* =sidebar =right-col
******************************/

#r-col {overflow:hidden;}
	#r-col .ad {background:#faa700; margin-bottom:4px;}
	.ad-300 {}
	.ad-300-300 {height:300px;}
	.ad-300-120 {height:120px;}
	.ad-160-600 {height:600px;}
	
	.sidebar p {color:#eaded6; margin:16px 0; padding:16px; font-size: 13px;}
	
		.sidebar p a {color:#eaded6;}
	
	.sidebar .box-relevant-posts {
		margin-top:6px;
	}
	
	#r-col .topten {list-style:none;}
		#r-col .topten li {margin-bottom:4px; padding:4px 25px; color:#fff2bb; font-size:12px; line-height: 1.5;}
			#r-col .topten li {padding:4px 0;}
			#r-col .topten li a {color:#fff2bb; text-decoration: none; }
			#r-col .topten li:nth-child(even) {background:rgba(255,255,255,0.06);}
			#r-col .topten li a:hover {text-decoration: underline;}
			#r-col .topten li a:visited {opacity:0.8;}
		#r-col .topten li .meta {color:#cccabe; text-decoration: none;}

	.pg-single #r-col .topten li {padding:4px 15px;}

.sidebar h2,
.sidebar h3 {/* total:30px */ height:23px; padding:7px 0 0 15px; margin-bottom:4px;
	color:#593b1f; text-transform:uppercase; font-size:13px; font-weight:bold;}
	
	.pg-multi #r-col h2 {background:url('gfx/slip-long.png') left top no-repeat;}
	.pg-single #r-col h2 {background:url('gfx/slip-short.png') left top no-repeat;}

	#menu-col h2,
	#menu-col h3 {
		padding-left:25px;
		background:url('gfx/slip-long-left.png') left top no-repeat;}

#r-col .box {background:#593b1f; /*margin:4px 0;*/ padding:0;}

.image-links {}

	.sidebar .image-links a {
		display: block;
		padding: 0 7px 12px;
		background:#35251b;
		color:#ffba57; text-align:center; text-decoration:none; font-size:14px;
	}

	.sidebar .image-links a:hover {
		text-decoration: underline;
	}

		.sidebar .image-links a img {
			display: block;
			margin-left:-7px; margin-bottom:6px;
		}


/* =footer
******************************/

.ad-742-100 {height:100px; padding-left:84px; background:url('gfx/ad-bottom-back.png') left top no-repeat;}
.ad-742-100 p {height:100px; background:#faa700;}

#foot {margin-top:60px; padding-top:10px; border-top:1px solid #937549;
	font-size:70%; color:#cccabe;}
	#foot a {color:#fff2bb; text-decoration: none;}


/* =singular
******************************/	

p.alone {margin-top:10px; margin-bottom:10px;}
.article .alone {margin-top:25px;}

	/* article images */

.alignleft, .left, .figure-left {display:block; float:left;}
.alignright, .right, .figure-right {display:block; float:right;}

.article .left,
.article .figure-left {margin:0 15px 10px 0;}

.article .right,
.article .figure-right {margin:0 0 10px 15px;}

.article p .left {margin-left:-25px;}
.article p .right {margin-right:-25px;}

.article .too-small {
	margin:1em 0;
	background-color:#C5B4AA; background-color:rgba(70, 37, 27, 0.16); text-align: center;
}

	.article .too-small img {
		display: block; margin:0 auto;
	}

.article .figure-left img,
.article .figure-right img {
	margin-bottom:10px;
}

.article .figure-left p,
.article .figure-right p {
	font-style: italic; padding: 0em;
}


	/* article lists */
	
.article ul {list-style-type:square; margin-left:1.66em;}
.article ol {list-style-type:decimal; margin-left:1.8em;}

.article li ol,
.article li ul {
	margin:.5em 0 .5em 1em;
}

	/* else */

.article blockquote {
	margin-top:1em; position:relative;
	padding-left:60px;
	font-style:italic;
}

	.article blockquote:before {
		content:'„'; left:22px; top:-20px;
		position:absolute;
		font-size:70px; /*color:#eaded6;*/ font-family: Georgia, sans-serif; opacity:0.4;
	}

	.article blockquote p {
		padding:0;
	}
	
	.article blockquote ul,
	.article blockquote ol {
		padding-left:0;
	}

.article blockquote + p > cite {
	display: block; margin-bottom: 1em;
	padding-right:20px;
	text-align: right; font-style: italic;
}

.article blockquote + p > cite:before {
	content:'— ';
}


.article h2 {
	margin:2em 20px 1em;
	color:#593b1f; text-transform:uppercase; font-size:14px; font-weight:bold;
}

.pg-single .article h3 {
	margin:1em 20px 0.5em;
	color:#593b1f; font-size:14px; font-weight:bold;
}

	/* specific */
	
.pg-single .article .entry-content > p:first-child,
.pg-single .article .entry-content p.entry-summary /* ev. @todo js adding */ {
	margin-top:15px;
	font-weight: bold;
}

.pg-single .article .entry-content > div:first-child + p {
	font-weight: bold;
	color:#35251b;
}

.article .continue {
	text-align: center;
}

.article .continue a {
	font-size:14px; text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration: none; border-bottom: 1px dotted #000;
}

.article .authors {
	margin:1em 0;
	opacity:0.7;
}

.article .vsuvka {
	margin-top:1em;
	padding:0.5em 0 1em 0;
	border-top:1px solid rgba(255, 255, 255, 0.5);
	background-color:#35251b;

	/*rgba(255, 255, 255, 0.8);*/
}

	.article .vsuvka h2,
	.article .vsuvka h3,
	.article .vsuvka h4 {
		font-size:16px;
		color:#faa700 !important; font-weight: normal !important;
	}

	.article .vsuvka * {
		color:#eaded6;
		font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
		
	}
	
	.article .vsuvka p,
	.article .vsuvka ul,
	.article .vsuvka ol {
		font-size:14px; line-height: 1.5; 
	}
	
	.article .vsuvka :first-child {
		margin-top:1em;
	}

	.article .vsuvka :last-child {
		margin-bottom:0;
	}

.article .vsuvka.odkaz {
	padding:0;
	border-top:0;
	background:transparent;
}

	.article .vsuvka.odkaz p {
		padding: 0;		
	}
	
	.article .vsuvka.odkaz a {
		display:block; position: relative; margin:20px;
		padding:15px 15px 12px;
		
		-moz-border-radius: 5px; /* FF1+ */
		-webkit-border-radius: 5px; /* Saf3+, Chrome */
		border-radius: 5px; /* Opera 10.5, IE 9 */
		
		background-color:#c5b4aa;
		background-color:rgba(70, 37, 27, 0.16);
		color:#000; font-size:14px; line-height: 1; text-decoration: none;
		
	}
	
	.article .vsuvka.odkaz a:hover {
		background-color:#c5b4aa;
		background-color:rgba(70, 37, 27, 0.26);
	}
	
	.article .vsuvka.odkaz a:after {
		content:'»'; 
		position: absolute; right:20px; top:0;
		color:#eaded6; font-size:50px; line-height:35px; text-decoration:none;
	}



	/* comments */
	
#comments {background:#eaded6; color:#35251b;}
	
	#comments h2 {background:#cec0b7; border-top:2px solid #593b1f; padding:4px 0 4px 35px;
		color:#593b1f; text-transform:uppercase; font-size:14px; font-weight:bold;}
		
		#comments h2 .note {color:#cec0b7;}

	#comments p.no-comments {font-size:70%; margin:20px 35px; color:#593b1f;}
	

	#comments li.comment {padding:15px 35px;}
	#comments li.odd {background:#ddd0c7;}

		.comment .meta {margin-bottom:10px; height:15px; color:#593b1f; font-size:80%; }
		
			.comment .dt {margin:0 6px; border-bottom:1px dotted #68411a;}
			
			.comment a.reply {margin-right:25px; color:#c65c05; font-weight:bold; text-decoration:none;}
				.comment a.reply:hover {color:#593b1f;}

		.comment .text {font-size:70%;}
			.comment a {color:#35251b;}
				.comment a:hover {color:#000;}
			
			.comment .text p,
			.comment .text ul,
			.comment .text ol,
			.comment .text blockquote {color:#35251b; line-height:130%; margin:0.5em 0;}

	/* comment-form */
	
#comments h2.add-comment {font-size:11px;}

#comments form {padding:20px 35px 10em 35px;}
	
	#comments form p {font-size:80%; color:#593b1f;}
	#comments form a {color:#c65c05;}
	
	#comments form label {display:block; margin:8px 0 1px 0;}
	
	#comments form input.text,
	#comments form textarea {padding:2px; background:#f5eee9; border:1px solid #7a7a7a;
		color:#000; font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;}
	
	#comments form input.text {width:150px;}
	
	#comments form textarea {width:450px; height:100px;
		}
	
	#comments form .submit {border:none; background:transparent; margin-top:10px; padding:5px 15px 5px 0; cursor:hand;
		color:#c65c05; font-weight:bold; font-size:100%; }
		
		#comments form .submit:hover {color:#593b1f;}


	#comments form .author-and-email {position:relative; height:50px;}
	#comments form .author {width:180px; position:absolute; left:0; top:0;}
	#comments form .email {width:180px; position:absolute; left:200px; top:0;}
		
	
	/* extras */
	
.to-admin a,
.to-admin-edit a {
	position:fixed; padding:4px 10px; right:5px; top:5px;
	font-size:13px; color:#eaded6; text-decoration: none;
}

.to-admin-edit a {
	top:25px;
}