/*
	Theme Name: Hitchcock
	Theme URI: http://kahi.cz/wordpress/
	Description: Theme developed for developers as a much better starting point than the default (Kubrick) theme.
	Version: 0.9
	Author: Peter Kahoun (Kahi)
	Author URI: http://kahi.cz/
*/


/* =reset
------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, p, blockquote, th, td, legend {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style-type:none; list-style-position:inside; /* !! blbost */}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

caption, th {text-align:left;}

q:before, q:after {content:'';}


/* =general
------------------------------------------------*/

.cleaner {clear:both; height:0; color:#fff;}

.noscreen,
.hidden,
.pg-multi h2.expl,
.pg-multi .entry .cats,
.pg-multi .entry .tags,
.pg-single .entry-meta h3 em,
.entry-neighbours,
.comment-meta .author .expl,
.comment-meta .number .expl,
.comment-meta .is-linkback,
.comment-meta .date .expl,
.comments-rss .expl,
	.comment.linkback .comment-meta .number,
	.comment.linkback .comment-meta .date,
	.comment.linkback .comment-meta .edit,
	.comment.linkback .comment-content,

	.search-form label span,
hr.expl {
	display:block; position:absolute; left:-9999px; height:0; width:0; overflow:hidden;} /* !! nasrat! */

.skip a::after {content:'  ⇓';}
.skip-to-top a::after,
#comments .skip-to-comments a::after {content:'  ⇑';}

/* =raw layout
------------------------------------------------*/

body {
	padding-left:10px;
	background-color:#fff;
	color:#000; font-size:62.5%;}

#all {
	width:770px; margin:0 auto;}

	#header {
		height:170px;}

	#content {
		width:520px; float:left;}

	#sidebar {
		width:190px; float:right;}


/* =font-families
------------------------------------------------*/

#all, input[type=text], textarea {
	font-family:Candara, Arial, 'Lucida Grande CE', lucida, sans-serif;}

pre, code {
	font-family:Consolas, 'Courier New', monospace;}

h1, h2, h3, h4, .skip a, #sidebar, .pg-multi .entry-meta, .pg-multi .entry .more, .nav-pag, #comments .h-add-comment, #comments .notice, #comments label, #comments input[type=submit], #footer, .pg-search legend, .pg-multi .entry.shortly .entry-content, #on-comments h4 {
	font-family:Calibri, "Trebuchet MS", lucida, sans-serif;}


/* =header
------------------------------------------------*/

#header {
	position:relative;}

	#header #logo {
		position:absolute; left:0; top:60px; width:370px; height:50px;}

	#header #logo a {
		position:absolute; left:0; top:0; width:370px; height:50px; overflow:hidden;
		font-size:44px; color:#000; text-decoration:none;}

		#header #logo a span {
			position:absolute; left:0; top:0; width:370px; height:50px; overflow:hidden;
			background:url(graphics/logo.png) left top no-repeat;}

		/* #header h1 a:focus,
		#header h1 a:active		  {
			background-color:transparent !important; border-bottom:2px solid #000; outline:0;} */

#header .skip a {
	position:absolute; left:580px;
	width:190px; padding:0.2em 0 0.2em 0;
	font-size:150%; color:#fff; text-decoration:none;}

#header .skip-to-nav a {
	top:0.2em;}

#header .skip-to-comments a {
	top:1.6em;}

	#header .skip-to-nav a:hover,
	#header .skip-to-nav a:active,
	#header .skip-to-nav a:focus,

	#header .skip-to-comments a:hover,
	#header .skip-to-comments a:active,
	#header .skip-to-comments a:focus {
		color:#333;}

	#header .skip a:hover .note {color:#ccc;}


/* =entry: general
------------------------------------------------*/

.entry-content {
	font-size:150%; line-height:150%; color:#111;}

/* paragraphs and lists */

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content pre,
.comment-content p,
.comment-content ul,
.comment-content pre {
	margin-bottom:1em;}

	.entry-content li ul,
	.entry-content li ol,
	.comment-content li ul,
	.comment-content li ol {
		margin-bottom:0.25em;}


.entry-content li,
.comment-content li {list-style-position:outside;}

	.entry-content ul > li,
	.comment-content ul > li {
		margin:0 0 0.15em 0; padding-left:1em;
		background:transparent url(graphics/li.png) left 0.7em no-repeat;}

	.entry-content ol > li,
	.comment-content ol > li {
		margin:0 0 0.15em 1.33em; padding-left:0.33em;}


	.entry-content ol,
	.comment-content ol {
		list-style-type:decimal; list-style-position:outside;}

		.entry-content li li,
		.comment-content li li {
			margin-left:1em;}

.entry-content *[title],
.comment-content *[title] {
	border-bottom:1px dotted #111;}

.entry-content hr {	
	margin:2em 0;
	height:2px;
	border:0;
	background:#f5f5f5;}


/* =multi
------------------------------------------------*/

.pg-multi h1 {
	font-size:24px; margin-bottom:2em;}

.pg-multi .entry {
	position:relative; padding-top:1.1em;}

.pg-multi .entry + .entry {
	margin-top:4em;}

	.pg-multi .entry a {
		color:#111;}

	/* heading */

	.pg-multi .entry .entry-title {
		margin:0.5em 0 1em 0;}

		.pg-multi .entry .entry-title a {
			padding-left:28px;
			font-size:24px; color:#000; text-decoration:none;}

			/* .pg-multi .entry .entry-title a:hover:after {
				content:' »';} */

			.pg-multi .entry .entry-title a:hover {
				text-decoration:none;}

			.entry .entry-title.neco a {
				background:transparent url(graphics/sun.png) left center no-repeat;}
			.entry .entry-title.nic a {
				background:transparent url(graphics/moon.png) left center no-repeat;}

	/* meta */

	.pg-multi .entry .entry-meta {
		position:absolute; left:30px; top:0;
		font-size:130%; line-height:1}
	
		.pg-multi .entry .entry-meta li {
			display:inline;}
			
		.pg-multi .entry .entry-meta .comments {
			margin-left:6px; border-left:1px solid #999; padding-left:9px;}

	/* more */

	.pg-multi .entry .more a {
		font-size:130%;}

		.pg-multi .entry .more a:after {
			content:' »';}

	/* pagination */
	.nav-pag {
		margin:4em 0;
		font-size:150%; color:#111; text-align:center; line-height:150%;}

		.nav-pag a {color:inherit;}

		.nav-pag .prev a:before {content:'« ';} /* older */
		.nav-pag .next a:after  {content:' »';} /* newer */

	/* search */
	.pg-search legend {
		font-size:24px; margin-bottom:2em;}
		

/* .shortly ("Krátce") */

.pg-multi .entry.shortly + .entry.shortly {
	margin-top:2em;}


.pg-multi .entry.shortly {
	padding-left:50px;}
	
	.pg-multi .entry.shortly .entry-title {
		display:inline;}
	
		.pg-multi .entry.shortly .entry-title a {
			font-size:150%;}
		
		.pg-multi .entry.shortly .entry-title a:hover {
			text-decoration:underline;}
		
		.pg-multi .entry.shortly .entry-title a:hover:after {
			content:'';}
	 
	.pg-multi .entry.shortly .entry-meta {
		position:static;
		display:none;}
		
	.pg-multi .entry.shortly:hover .entry-meta {
		display:inline;}	
		
		.pg-multi .entry.shortly .entry-meta li {
			display:inline;
			margin-left:6px; border-left:1px solid #999; padding-left:9px;}

	
	.pg-multi .entry.shortly .entry-content {
		margin-top:1em;
		font-size:120%; line-height:150%;}
		
	.pg-multi .entry.shortly .entry-content p:first-child {
		/* text-indent:28px; */}

	.pg-multi .entry.shortly .more {
		display:none;}
		

/* =single (& comment-content)
------------------------------------------------*/

.pg-single .entry {}

	.pg-single .entry a {
		color:#005c59;}

	/* entry › title */

	.pg-single .entry .entry-title {
		margin-bottom:0.5em;
		font-size:24px; color:#000;}

		.pg-single .entry .entry-title .note {
			color:#bbb;}

	.entry-content em {
		color:#000;}

	/* entry › links */

	.entry-content :link,
	.comment-content :link {
		color:#005c59; font-weight:bold;}

	.entry-content :visited,
	.comment-content :visited {
		color:#111; font-weight:normal;}

	a[target='_blank'],
	a[onclick*='window.open'] {
		padding-right:10px;
		background:url(graphics/smart-links/new-win.png) right top no-repeat;}

	 a.inner,
	 a.internal {
		padding-right:8px;
		background:url(graphics/smart-links/inner.png) right 0.2em no-repeat;} /* problem with overriding (img-links, ...) */

		/* links - to various file-types */

	a[href$='.pdf'],
	a.pdf {
		padding-right:18px; background:url(graphics/smart-links/pdf.png) right 0.15em no-repeat;}

	a[href$='.zip'],
	a[href$='.rar'],
	a.archive {
		padding-right:15px; background:url(graphics/smart-links/archive.png) right 0.15em no-repeat;}

	a[href$='.txt'],
	a.txt {
		padding-right:13px; background:url(graphics/smart-links/txt.png) right 0.15em no-repeat;}

	a[href$='.mp3'],
	a[href$='.wmv'],
	a.audio {
		padding-right:12px; background:url(graphics/smart-links/audio.png) right 0.15em no-repeat;}

	a[href*='youtube.com'],
	a[href*='video.google.com'],
	a[href$='.wmv'],
	a.video {
		padding-right:16px; background:url(graphics/smart-links/video.png) right 0.2em no-repeat;}

 	p  a[href$='.png'],
	li a[href$='.png'],
	p  a[href$='.gif'],
	li a[href$='.gif'],
	p  a[href$='.jpg'],
	li a[href$='.jpg'],
	a.pic {
		padding-right:12px; background:url(graphics/smart-links/pic.png) right 0.15em no-repeat;}

	.no-symbol {
		background-image:none !important;} /* Linking images should not be marked with symbol. class assigned by JQ. */

	/* entry › texy & images */

	.entry-content .right,
	.entry-content .figure-right {
		float:right; margin:10px 0 10px 1em;}

	.entry-content .left,
	.entry-content .figure-left {
		float:left; margin:10px 1em 10px 0;}

	.entry-content a[href$='.gif'] img,
	.entry-content a[href$='.png'] img,
	.entry-content a[href$='.jpg'] img,
	.entry-content a.thumb img {
		padding:3px 3px 32px 3px;
		border:1px dotted #bbb;
		background:transparent url(graphics/zoom.png) right bottom no-repeat;}
	
	.entry-content .figure img {
		padding:3px;
		border:1px dotted #bbb;}
	
	.entry-content .figure p,
	.entry-content .figure-left p,
	.entry-content .figure-right p {
		text-align:center; font-style:italic; font-size:95%;}
	
	.entry-content .figure p {
		text-align:left;}
	
	/* entry › blocks */

	.entry-content .important {
		padding:1em 1em 1em 50px;
		background:#f7f7f7 url(graphics/important.png) 20px 20px no-repeat;
		border:1px solid #f2f2f2; border-width:1px 0;}

	.entry-content blockquote {
		padding:0 1em 1em 50px;
		background:transparent url(graphics/quote.png) 8px 8px no-repeat;
		font-style:italic;}
		
		blockquote[cite] a.cite {
      	display:none;}

		blockquote[cite]:hover a.cite {
			display:block; position:absolute; right:-15px; top:0;
			width:15px; /* height by JS */
			background-color:#aaa; 
			color:#fff; text-align:center;}
	
	.entry-content .plus {
		padding:0 1em 1em 50px;
		background:transparent url(graphics/symbol-plus.png) 8px 8px no-repeat;}
	
	.entry-content .minus {
		padding:0 1em 1em 50px;
		background:transparent url(graphics/symbol-minus.png) 8px 8px no-repeat;}

	.entry-content .note,
	.entry-content .note * {
		color:#999;}

		.entry-content .note:hover,
		.entry-content .note:hover * {
			color:inherit;}

	/* entry › headings */

	.entry-content h2 {
		font-size:18px; margin:1em 0 0.5em 0;}
	
	.entry-content h3 {
		font-size:15px; margin:1em 0 0.5em 0; font-weight:bold;}
	
		.entry-content h2 strong {
			font-weight:normal; color:#005c59;}
	
	/* entry › code */

	.comment-content p code,
	.comment-content li code,
	.entry-content p code,
	.entry-content li code {
		padding:1px 3px; border:1px #bbb dotted; background:#f5f7f7;
		font-size:90%;}

	.comment-content pre code,
	.entry-content pre code {
		display:block; padding:0.5em; max-height:15em; overflow:auto;
		border:1px #bbb dotted; background:#f5f7f7;
		font-size:90%; line-height:133%; white-space:pre;}
	
	
	
	.entry-content del,
	.comment-content del {
		text-decoration:line-through;}

		.entry-content del:hover,
		.comment-content del:hover {
			text-decoration:none; color:#666;}

	.entry-content ins,
	.comment-content ins {
		text-decoration:none; font-style:normal;
		background-color: #FBFBA8;}

	
 	/* tables */
	
	.entry-content table {
		/* margin:1em auto; */
		border:1px solid #eee;
		border-spacing:4px; border-collapse:separate; }

	.entry-content td,
	.entry-content th {
		padding:3px 1em 3px 3px;
		border-bottom:1px solid #aaa;
		border-right:1px solid #eee;
		text-align:left;}
	
	.entry-content th {
		font-weight:bold; font-variant:small-caps;}


	/* special objects */

		/* archive page */

	
	.pg-page #post-113 #archives {
		max-height:400px; overflow:scroll; overflow-x:hidden;}
		
		.pg-page #post-113 #archives h3 {
			padding:2px;
			border-top:1px solid #ddd;
			background:#f3f8f6;
			font-size:120%;}
		
		.pg-page #post-113 #archives h3:first-child {
			margin:0;}
		
		.pg-page #post-113 #archives h4 {
			margin:1.5em 0 0.7em 0;
			font-weight:bold;}
	
	
	.pg-page #post-113 #archives li {
		background:none; padding-left:0;}
	
	.pg-page #post-113 #archives a {
		font-weight:normal; color:#005c59;}

		.pg-page #post-113 #archives a:visited {
			font-weight:normal; color:#222;}
		
		.pg-page #post-113 #archives .in-cat-kratce a {
			font-size:80%;}
		
		.pg-page #post-113 #archives .in-cat-nic a {
			padding-left:30px;
			background:transparent url(graphics/moon.png) left center no-repeat;}
		
		.pg-page #post-113 #archives .in-cat-neco a {
			padding-left:30px;
			background:transparent url(graphics/sun.png) left center no-repeat;}
		
		.pg-page #post-113 #archives .deselected a {
			color:#ddd !important}
		
		
	.pg-page #cloud a {
		border-bottom:0; 
		font-weight:normal; text-decoration:none;}
		
	.pg-page #cloud a:hover {
		text-decoration:underline;}
	
	
		/* about page */

	.pg-page div.neco,
	.pg-page div.nic {
		width:250px;
		text-indent:35px;
		background:transparent url(graphics/sun.png) 5px top no-repeat;}

	.pg-page div.neco {
		float:left;}

	.pg-page div.nic {
		float:right;
		background-image:url(graphics/moon.png);}

		/* links on archive page */

	body .pg-links-archive li {
		margin-bottom:1em; padding:0;
		background-image:none;}

		.pg-links-archive li :link {
			font-weight:normal; color:#005c59;}

			.pg-links-archive li :visited {
				font-weight:normal; color:#111;}

		.pg-links-archive li span.descr {
			display:block; padding-left:30px;}

		.pg-links-archive li span.id {
				margin-right:5px;}

		.pg-links-archive li:hover {
				/* background:#f7f7f7; */}

		.pg-links-archive li:hover * {
				/* color:#111; */} 

		/* contact form */
	.contactform input[type=text] {width:200px;}
	.contactform textarea {width:400px;}
	.contactform input[type=submit] {margin:1em 0; padding:6px 12px}
	
	
		/* rss feeds form #280  */

	form.feeds {}
	 
		form.feeds fieldset p,
		form.feeds fieldset ul {
			padding-left:30px;}

		form.feeds li {
  			background:none; padding-left:0;}
  			
		form.feeds input[type=submit] {
			margin:1em 0; padding:6px 12px;}



	/* entry-meta */

	.pg-single .entry-meta {
		margin:3em 2em 3em 50px;}

		.pg-single .entry-meta h2 {
			margin-bottom:0.5em;
			font-size:24px;}

		.pg-single .entry-meta ul li {
			margin:0 0 .15em 3px; padding: 0 0 0 1em;
			background:transparent url(graphics/li.png) left 0.7em no-repeat;
			line-height:140%; font-size:150%;}

		.pg-single .entry-meta ul li .expl {
			font-weight:bold;}

	.pg-page .entry p.edit {
		margin:1em 0;
		font-size:150%; text-align:right}

/* =comments
------------------------------------------------*/

#comments {
	clear:both; position:relative; width:730px;}

	#comments h3 {
		margin:0 0 0.5em 50px;
		font-size:24px;}

	#comments h3 .note {
		color:#bbb;}

	#comments .skip-to-comment-form a {
		position:absolute; right:0; top:0;
		font-size:150%; color:#000; line-height:24px;}

	#comments .comments-rss a {
		display:block; position:absolute; top:0px; left:0; width:50px; height:28px; overflow:hidden;
		background:url(graphics/feed-icon-tiny.png) center center no-repeat;}

		#comments .comments-rss a span[title] {
			display:block; width:50px; height:28px;}

	#comments > .notice {
		margin-left:50px;
		font-size:150%;}

	/* comment */
	/* !! napsáno velmi špatně */

	.comment {
		position:relative;
		border-top:1px solid #f2f2f2;
		border-left:2px solid #fff;
		font-size:140%;}

	.comment.linkback {
		height:2.5em;}
	
	.comment.by-me {
		background:#f3f8f6;}

	.comment:target {
		background:#ddd;}
		
	.comment:hover	{
		/* background:#f6f6f6; */}
		
		.comment:hover .comment-meta .author a {
			color:#111; text-decoration: underline;}

	
		/* comment-content */
		
		.comment-content {
			width:470px; margin:2em 0 0 50px; padding:0.25em 0 1em 0;
			line-height:150%;}
	
		.comment-content:after {
			content:' '; display:block; clear:both; height:0; margin-bottom:0.3em}
		
			/* reference to prev. comment */
			
			.comment-content a[href*='#comm'] {
				padding-left:22px;
				background:url(graphics/arrow-curved.png) left center no-repeat;
				font-weight:bold; text-decoration:none; color:#333;}
			
			
			/* see up, it's all defined where entry-content is, except... */
	
			.comment-content p {margin:0}
			.comment-content p ~ p {margin-top:1em;}
	
			.comment-content blockquote {
				margin:0.75em 0; padding:3px 0 3px 1em;
				border-left:2px dotted #ddd;
				font-style:italic;}
			
			.comment-content q {
				font-style:italic; color:#333;}
	
			.comment-content h4 {
				margin:1em 0 0.5em 0;
				font-weight:bold;}
		
		
		/* comment-meta */
		
		.comment-meta {
			float:right;
			width:150px; padding-top:1.25em;
			color:#a7a7a7; }
	
			.comment-meta a {
				color:#a7a7a7;}
			
			.comment .comment-meta .edit a {
				visibility:hidden;}
			
				.comment:hover .comment-meta .edit a {
					visibility:visible;}
	
			.comment-meta .author {
				position:absolute; left:50px; top:0.5em;
				font-weight:bold; line-height:1.5em;}
	
			.comment-meta .author,
			.comment-meta .author a {
				color:#000; text-decoration:none;}
	
			.comment-meta .number a {
				position:absolute; width:50px; left:0; top:-1px; padding-top:8px;
				border-top:1px solid #e5e5e5;
				color:#eee; text-align:center; text-decoration:none; font-size:50px; line-height:1;}
	
			.comment-meta .number.lenght-2 a {
				font-size:40px;}
	
			.comment-meta .number a:hover {
				color:#ddd !important;}
			
			.comment-meta .unread {
				position:absolute; right:7px; top:2px;
				font-size:36px; color:#aaa;}


	/* comment-form */

	#comments .h-add-comment {
		margin:2em 0 0.5em 50px;
		font-size:24px;}


		/* experimental comment-form */
		
	#comments #comment-form-container {
		position:relative;}

		#comments .comment-form-fixed-switch {
			margin:0.8em 50px;
			font-size:150%;}

	#comments #comment-form-container.fixed {
		position:fixed; bottom:0; z-index:1000;
		width:100%;
		background:url(graphics/comment-form-fixed-back.png) left top repeat-x;}
		
 	#comment-form input[type=text],
	#comment-form textarea {
		background:#fff !important;}

	#comment-form {
		font-size:150%;
		position:relative; margin-left:50px;}

		#comment-form .skip a {
			position:absolute; right:0;
			color:#111;}

		#comment-form .skip-to-comments a {
			top:-3em;}

		#comment-form .skip-to-top a {
			top:-1.5em;}

	#comment-form td, th {
		padding-top:0.5em;}

	#comment-form th {
		width:60px; 
		vertical-align:top;
		font-weight:normal; text-align:left;}

	#comment-form input[type=text],
	#comment-form textarea {
		background:transparent; border:1px solid #bbb;
		font-size:100%; line-height:1; color:#111;}

 	#comment-form input[type=text] {
		width:220px; float:left; padding:1px 2px;}

	#comment-form textarea {
		width:400px; height:8em; float:left; padding:3px;}

	#comment-form .subscribe {}

		#comment-form .subscribe input[type=checkbox] {
			margin:0.25em 0.25em 0.25em 60px;}

		#comment-form .subscribe label {
			float:none; width:auto; display:inline;}

	#comment-form input[type=submit] {
		margin:1em 60px; padding:6px 18px;
		font-size:110%;}

	#comment-form .notice {
		margin-left:60px;
		line-height:150%;}

/* 	#comment-form .help {
		float:right; margin:5px 210px 0 0;
		font-size:89%; color:#bbb; text-align:right;}

		#comment-form .help a {color:inherit;}

		#comment-form .help:hover {color:#222;} */
		
	#comment-form .help {
		position:absolute; right:0; top:70px;
		width:180px;
		font-size:13px;}

		#comment-form .help p {
			margin-bottom:1em;}
	
		#comment-form .help,
		#comment-form .help a {
			color:#a7a7a7;}
			
			#comment-form .help:hover, 
			#comment-form .help:hover a {
				color:#222;}
		
		#comment-form .help ul>li {	
			margin:0 0 0.15em 0; padding-left:1em;
			background:transparent url(graphics/li.png) left 0.7em no-repeat;}


#on-comments {
	padding-left:50px;}
	
	#on-comments h4 {
		margin:2em 0 0.5em 0;
		font-size:24px;}
		
	#on-comments p,
	#on-comments ul,
	#on-comments ol {
		/* font-size:150% */}




/* =sidebar
------------------------------------------------*/

.admin-loginout a:after {
	content:'π';}

.admin-loginout a {
	position:fixed; top:10px; right:15px; padding:3px 6px;
	color:#333; text-decoration:none;}


.admin-new-post a:after {
	content:'*';}

.admin-new-post a {
	position:fixed; top:30px; right:15px; padding:3px 6px;
	color:#333; text-decoration:none;}
	

	/* main pages */

#sidebar .main-pages li + li {
	margin-top:0.3em;}

#sidebar .main-pages a {
	color:#000; font-size:150%;}

	/* tag cloud */

#sidebar h3.cloud {
	margin:1.5em 0 0.3em 0;
	font-size:180%;}

	#sidebar p.cloud {
		padding-bottom:1.5em;
		font-size:150%; text-align:justify;}

	#sidebar p.cloud a {
		color:#bbb; text-decoration:none;}

	#sidebar p.cloud:hover a {
		color:#999;}

	#sidebar p.cloud a:hover {
		color:#222; text-decoration:underline;}

	#sidebar p.cloud .more {
		display:block; margin-top:0.5em;
		font-weight:normal; color:#999; text-align:right; text-decoration:underline;}

	#sidebar p.cloud .more:after {
		content:' »';}

#sidebar h3.cloud span,
#sidebar h3.search span
	{border-bottom:1px dotted #bbb; cursor:pointer;}

	/* search */

#sidebar h3.search {
	margin:0 0 0.6em 0;
	font-size:180%;}

	#sidebar .search-form input[type=text] {
		width:130px; margin:0.5em 0 0.2em 0; padding:2px 3px;
		border:1px solid #bbb;}

	#sidebar .search-form-google input[type=text] {
		width:130px; margin:1em 0 0.2em 0;
		border:1px solid #bbb;}

	/* links */

#sidebar h3.links {
	margin:1.3em 0 0.2em 0;
	font-size:180%;}

	#sidebar h3.links .note {
		font-size:75%; color:#bbb;}

		#sidebar h3.links .note a {
			color:#bbb;}

		#sidebar h3.links .note a:hover {
			color:#222;}

#sidebar ul.links li {
	margin:0 0 .15em 3px; padding: 0 0 0 10px;
	background:transparent url(graphics/li.png) left 0.7em no-repeat;
	line-height:150%; font-size:130%;}

	#sidebar ul.links :link {
		color:#005c59; /* font-weight:bold; */}

	#sidebar ul.links :visited {
		color:#111; /* font-weight:normal; */}


#sidebar p {
	font-size:150%;}


/* =footer
------------------------------------------------*/

#footer{
	margin:90px 0 120px 0;}

	#footer div {
		margin-bottom:2em;
		font-size:130%; color:#111;}

	#footer a {
		color:inherit;}

	#footer h3 {
		margin-bottom:0.2em;
		font-size:180%;}

	#footer li {
		margin-bottom:0.15em; padding-left:1em;
		list-style:none inside;
		background:transparent url(graphics/li.png) left 0.7em no-repeat;
		color:inherit;}

#subscribe {
	width:220px; float:left;}

	/* sub-lists hides jQ */

	/* #subscribe h4 {
		display:inline;
		border-bottom:1px dotted #777; cursor:pointer;} */

	#subscribe ul ul {margin:0.5em 0 0.5em 1em;}

#contact {
	width:175px; float:left;}

#settings {
	width:220px; float:left;}

#see-also {
	width:220px; float:left;}

#thanks {
	width:400px; float:left;}

	#thanks ul {
		position:relative; margin-top:5px;}

	#thanks li {
		background:none; padding:0; margin:0;
		font-size:100%; color:#333;}

	#thanks li + li a {
		margin-left:10px}

	#thanks li a {
		float:left; height:48px; width:48px;
		background:transparent url(graphics/thanks/wp.png) left top no-repeat;
		text-indent:-1000px; overflow:hidden;}

		#thanks li p {
			display:none;}

		#thanks li:hover p {
			display:block; position:absolute; left:0; top:60px; width:400px;}

		#thanks .wp a {
			background-image:url(graphics/thanks/wp.png);}
		#thanks .bb a {
			background-image:url(graphics/thanks/bb.png);}
		#thanks .cc a {
			background-image:url(graphics/thanks/cc.png);}
		#thanks .antispam a {
			background-image:url(graphics/thanks/antispam.png);}
		#thanks .texy a {
			width:64px;
			background-image:url(graphics/thanks/texy.png);}




/* =Paleta
 ************
 * 005c59		tyrkys pro odkazy
 * 111 / 000	černá pro písmo
 * f7f7f7		šedá pro backy
 * eee			šedá pro bordery
 * ccc			šedá pro písmo
 */



/* =fshl
------------------------------------------------*/

.php-keyword1 {color:#d24; font-weight:bold;}
.php-keyword2 {color:#d24; }
.php-var {color:#fa0; font-weight:bold;}
.php-num {color:red;}
.php-quote {color:#843; font-weight:bold;}
.php-vquote {color:#fa0;}
.php-comment {color:#999; background-color:#ffe;}

.html-tag {color:#598527; font-weight:bold;}
.html-tagin {color:#89A315}
.html-quote {color:#598527; font-weight:bold;}
.html-comment {color:#999; background-color:#F1FAE4;}
.html-entity {color:#89A315}

.css-class {color:#004A80; }
.css-id {color:#7DA7D9; font-weight:bold; }
.css-def {color:#5674B9;}
.css-property {color:#003663; font-weight:bold; }
.css-value {color:#448CCB;}
.css-color {color:#0076A3;}
.css-comment { background-color:#f2f2f2; color:#999;}

.js-out {color:#898993;}
.js-keywords1 {color:#575757; font-weight:bold;}
.js-num {color:#575757;}
.js-quote {color:#575757; font-weight:bold;}
.js-comment {color:#898993; background-color:#F4F4F4;}

.normal {color:black;}
.xlang {color:red; font-weight:bold;}
.count {color:black; background-color:#FFF;}

/* CSS Document
 * written by Peter Kahoun / Kahi
 * web: kahi.cz ~ mail: kahi@kahi.cz 
 * 2007/08
**/

/* additional @todo place */

.entry-content .tag {margin-right:1px; padding:1px 3px; background:#e6e6e6; border-bottom:1px solid #ccc; font-size:smaller; -moz-border-radius:3px; border-radius:3px;}


