body {
	/*font: 62.5% 'Verdana', Helvetica, Sans-Serif;*/
	font: 75% 'Verdana', Helvetica, Sans-Serif;
	background: #272727 url("./img/bg-main.png") repeat-x;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 1.5;
}
/*
-----------------------  LAYOUT A SOUVISEJICI  -----------------------
*/
#page
{
	background-color: white;/*#F0F0F0*/
	width: 62em;
	max-width: 960px;
	min-width: 500px;
	text-align: left;
	margin: 1.5em auto 0 auto;
	padding: 1.5em;
	/*border-top: 24px solid #404040;*/
}
	/* ------  HEADER a souvisejici definice 
	{
	*/
	#header
	{
		padding: 0;
		margin: 0 auto;
	}
			#headerimg
			{
				float: left; display: inline;
				margin: 0 0 0 29%; padding: 0;
				width: 30em;
			}
				#headerimg h1
				{
					margin: 0;
					background: transparent url("img/jk-logo.gif") 0 77% no-repeat;
					line-height: 1.25;
				}
					#headerimg h1 a:link,
					#headerimg h1 a:visited
					{
						display: block;
						padding: 0 0 30px 85px;
						color: #333;
						text-decoration: none;
					}
							#headerimg h1 a:hover
							{
								color: #87ce1d;
							}
				
				
				#navSearchHolder {
					width: 30%;
					float: right;
				}
				
			.description {
				margin: 0 0 0 0;
			}
					.description p {
						position: relative;
							top: -2.6em;
							left: 83px;
						width: 22.8em;
						line-height: 130%;
						margin: 0 0 -2.6em 0;
						padding: 0;
					}
	/*
	}
	*/
	
	
					
	/* ------  CONTENT a souvisejici definice
	{
	*/		
	#content {
		margin: 15.6em 0 0 0;
	}
		#content.narrowcolumn {
			/*margin-top: 13em;*/
		}
		
			#content .innerPad {
				padding: 0.5em 0 0 0;
			}
			
			div.articleStepNav {
				clear: both;
				background-color: #f4f4f4;
				font-size: 0.833;
				float: left; width: 100%;
				margin: -1.4em 0 1.9em 0;
			}
				.articleStepNav div a {
					color: #aaa;
				}
					.articleStepNav div a:hover {
						color: #666;
					}
				.articleStepNav div.leftLink {
					float: left;
					padding: 5px;
				}
				.articleStepNav div.rightLink {
					float: right;
					padding: 5px;
				}
				
			
			.prispevekNav,
			.postmetadata {
				display: block;
				font-size: 75%;
				padding: 1.5em;
				background-color: #f5f5f5;
				color: #aaa;
				line-height: 1;
			}
				p.postmetadata a {color: #aaa;}
					p.postmetadata a:hover {color: #666;}
				
				
			.prispevekNav {
				margin: 0 0 2.4em 0;
			}
		
			.widecolumn {
				line-height: 1.6em;
				/*width: 100%;*/
			}
					.widecolumn .entry p {}
					.widecolumn .post {}
					.widecolumn .postmetadata {}
					
			.narrowcolumn .entry, .widecolumn .entry {
				line-height: 1.5em;
			}
				.narrowcolumn {
					margin: 0; padding: 0 0 2em 0;
				}
					.narrowcolumn .innerPad {
						padding: 0 0 0 0;
					}
					.narrowcolumn .entryExcerpt {
						padding: 0em;
					}
							.entryExcerpt p {
								color: #777;
								font-size: 1.333em;
								line-height: 1.125;
								margin-bottom: 2.25em;
							}
					.narrowcolumn .entry p {
						margin-top: 0;
					}
					.narrowcolumn .post {
						padding-top: 0em;
					}
					.narrowcolumn .postmetadata {}
					
					/*
						metadata na strance postu
					*/
					.fullPost .postmetadata {
						display: none;
						margin: 0 0 0 0;
						background-color: transparent;
					}
		
				.post {
					margin: 0 0 30px 0;
				}
					.post div.postTitleHolder {
						float: left; display: inline;
						width: 33%;
					}
						.post div.postTitleHolder h2 {
							font-size: 2em;
							margin: 0 0 0.5em 0;
							padding: 0 1em 0 0;
							line-height: 1;
						}
						.post div.postTitleHolder h3 {
							padding: 0 1em 1em 0;
						}
						.post div.postTitleHolder h2 a,
						.post div.postTitleHolder h2 a:visited,
						.post div.postTitleHolder h3 a,
						.post div.postTitleHolder h3 a:visited
						{
							text-decoration: none;
						}
						
					.post div.postExcerptHolder {
						float: right; display: inline;
						width: 67%;
						padding-top: 0.5em;
					}
			
			div#similarPosts {
				padding: 1.5em;
				background-color: #f0f0f0;
				border-top: 2px solid #ddd;
				border-bottom: 1px solid #ddd;
				margin: 0 0 2.75em 0;
			}
				
				#similarPosts h3
				{
					color: #666;
				}
				
				#similarPosts ul {
					line-height: 1.5;
					margin: 0;
				}
					#similarPosts ul li a {
						color: #888;
					}
					#similarPosts ul li a:hover {
						color: #333;
					}
	/*
	}
	*/
				
			
	/* ------  SIDEBAR a souvisejici definice
	{
	*/
	#sidebar {
		position: absolute;
			top: 10.7em;
		width: 62em;
		max-width: 950px;
		min-width: 500px;
		float: none;
		clear: both;
		margin: 0; padding: 0;
		background: #444 url("img/bg-sidebar.png");
	}
			#sidebar .innerPad
			{
				padding: 1.5em 1.5em 0 1.5em;
			}
			#sidebar form {
				margin: 0;
			}
			
			#sidebar ul, #sidebar ul ol {
				margin: 0;
				padding: 0;
			}
			
			/*
				prvni uroven menu
				Rubriky, Archiv, ...
			*/
			#sidebar ul li {
				/*width: 30%;*/
				float: left; display: inline;
				list-style-type: none;
				list-style-image: none;
				margin: 0 3em 0 0;
				padding: 0;
			}

			#sidebar ul ul, #sidebar ul ol {
				margin: 0;
			}
			
			#sidebar ul li ul li, #sidebar ul li ol li {
				float: none; display: block;
				margin: 0;
				color: #555;
			}
				
				#sidebar ul li.xmlFeeds {
					float: right;
					width: 43%;
					margin-right: 0;
					background: url("img/xml-feed.gif") bottom right no-repeat;
				}
					#sidebar ul li.xmlFeeds ul {
						/*float: right;*/
						padding: 0 0 1.5em 0;
					}
					
					#sidebar ul li li a,
					#extendedFooter a,
					div#fakturoid_link h2 a
					{
						color: #777;
						text-decoration: none;
					}
						#sidebar ul li li a:hover,
						#extendedFooter a:hover,
						div#fakturoid_link h2 a:hover
						{
							color: #aaa;
						}
						
				
					/* MENU KATEGORIE ODKAZY */
					#sidebar ul.odkazy li:before {
						content: "";
					}
					#sidebar ul.odkazy li a:link,
					#sidebar ul.odkazy li a:visited {
						display: block;
					}
						#sidebar ul.odkazy li span {
							display: block;
						}
					
					#sidebar div#fakturoid_link
					{
					  padding-bottom: 0;
					}
						
				  #sidebar div#fakturoid_link ul li
				  {
				    color: #666;
				    margin: 0;
				    padding: 0;
				  }
	/*
	}
	*/	
					
			
			
	/* ----- PATICKA
	{
	*/
	#footer {
		clear: both;
		width: 100%;
		margin: 0 0 0 0;
		background-color: #f0f0f0;
		color: #888;
	}
		#footer .innerPad {padding: 1em;}
			#footer p {margin: 0;}
				#footer a {color: #aaa;}
					#footer a:hover {color: #666;}
	/*
	}
	*/
	
	
	/* ----- EXTENDED FOOTER
	{
	*/
	div#extendedFooter {
		background: #444 url("img/bg-extendedFooter.png") left top;
		color: #555;
		margin: 0 0 15px 0;
	}
		#extendedFooter .innerPad
		 {
			padding: 1.5em;
		}
		
		div#footerLinkHolder
		{
			float: left; display: inline;
			width: 48%;
			margin: 0 0 0 0;
		}

		div#footerLinkHolder ul,
		div#twitterHolder ul
		{
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
			line-height: 1.1;
		}
			#footerLinkHolder ul li,
			#twitterHolder ul li
			{
				margin: 0;
				padding: 0;
			}
				#footerLinkHolder ul li a
				{
					display: block;
					padding: 0.5em 0;
					text-decoration: none;
					font-weight: normal;
				}

		div#twitterHolder
		{
			float: right; display: inline;
			width: 48%;
			overflow: auto;
		}
			#twitterHolder ul li
			{
				padding: 0.5em 0;
				line-height: 1.3;
				overflow: hidden;
			}
			
			
	/*
	}
	*/
	
	
	
/* -------- NADPISY  
{
*/
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0; margin: 0;
	line-height: 1.25;
}
		h1 {
			font-size: 3em;
			margin: 0;
		}

		h2 {
			font-size: 2em;
			margin: 0 0 0.5em 0;
			line-height: 1;
		}
			.fullPost h2 {
				line-height: 2;
			}
			
				#sidebar h2,
				#extendedFooter h2 {
					font-size: 1.5em;
					margin-bottom: 0.1em;
					line-height: 1em;
					color: #555;
				}
		h3 {
			font-size: 1.5em;
			margin: 0 0 1em 0;
			line-height: 1;
		}
					h3#comments span {
						display: block;
						color: #aaa;
					}
					h3#comments span a {
						text-decoration: none;
						color: #aaa;
					}
						h3#comments span a:hover {
							text-decoration: underline;
							color: #444;
						}
					
				
		h4 {
			font-size: 1.2em;
			letter-spacing: normal;
			font-weight: bold;
		}
			h4#respond {
				margin: 0;
				padding: 1em 0 0 0;
				border-top: 2px solid #eee;
			}
			
/*
}
*/
		
/* ------  A HREF LINKY  ----- */
a:link, a:visited  {
	color: #87ce1d;/*1380ee   0059b3*/
}
a:hover {
	color: #444; /*05b*/
	text-decoration: underline;
}
	.fullPost h2 a:link, .fullPost h2 a:visited {
		color: #333;
		text-decoration: none;
	}
	
	a.noDecor:link, a.noDecor:visited {
		text-decoration: none;
		border: none;
	}

sup a {
	text-decoration: none;
	font-size: 110%;
	line-height: 100%;
}

#sidebar h2, 
#wp-calendar caption, cite {
	text-decoration: none;
}
/* ------  KONEC  Nadpisy a souvisejici odkazy  ----- */


/* ------ SPECIALNI ODKAZY ----- */
.prispevekNav a:link, .prispevekNav a:visited {
	
}

/* ------ KONEC SPECIALNI ODKAZY ----- */

/*
	----- TEXTOVE ELEMENTY -----
*/
p {
	margin: 0 0 1.5em 0;
	line-height: 1.5;
}

	p.imgDesc {
		line-height: 100%;
		margin: 0 0 2em 0;
		font-size: 90%;
		font-style: italic;
	}
	
	dl, ul, ol {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
		dd {
			margin: 0 0 1em 3em;
		}
		li {
			padding: 0;
			margin: 0 0 0 3em;
		}
	
	/* normalni ol v textu */

	.entrytext ol.noStyle li {
		float: none;
		padding: 0;
		list-style: none;
		width: auto; height: auto;
		line-height: 100%;
	}
	
	.entrytext ol li.noStyle a {
		width: auto; height: auto;
		float: none;
		display: inline;
		padding: 0;
		margin: 0;
		line-height: 100%;
	}
	
	
/* ------ KOMENTARE
{
*/
	.commentlist {
		margin: 0;
		padding: 0;
		text-align: left;
	}
		/*GRAVATAR COMMENT IKO*/
		.commentlist img.gravatarImg {
			float: left;
			border: 1px solid #ccc;
			margin: 0 0.75em 0 0;
		}
		
	.commentlist li, #commentform input, #commentform textarea {
		/*font: 0.9em 'Verdana', Helvetica, Sans-Serif;*/
	}
	.commentlist li {
		font-weight: bold;
		margin: 0.75em 0 ;
		padding: 0.75em;
		list-style: none;
	}
		.commentlist li div.commentInfoHolder {
			float: left; display: inline;
			width: 30%;
			clear: left;
		}
			div.commentInfoHolder div {
				padding: 0.75em 0;
			}
			
		.commentlist li div.commentTextHolder {
			float: right; display: inline;
			width: 70%;
			clear: right;
			text-align: left;
		}
		
				.commentlist cite, .commentlist cite a {
					font-weight: bold;
					font-style: normal;
					font-size: 1em;
				}
				.commentlist p {
					font-weight: normal;
					line-height: 1.5em;
					text-transform: none;
					margin: 10px 5px 10px 0;
				}
				
				form#commentform {
					margin-bottom: 30px;					
				}
				
				#commentform p {
					margin: 5px 0;
				}
				.commentmetadata {
					font-weight: normal;
					margin: 0;
					display: block;
				}
					.commentmetadata a {color: #aaa; text-decoration: none;}
						.commentmetadata a:hover {color: #666; text-decoration: underline;}
		
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
/*
}
*/



/* ------ CONTACT FORM
{
*/
h4.okMsg {
	border: 1px solid green;
	padding: 0.5em;
	color: green;
	background-color: #E8FFEA;
}
h4.errorMsg {
	border: 1px solid red;
	color: red;
	padding: 0.5em;
	background-color: #FFECEC;
}
.contactform form {
	margin: 1em 0 0 0;
}
	
	div.formField {
		float: left;
		margin: 0 0 0.5em 0;
	}
	
	.contactform label {
		display: block;
		margin: 3px 10px 0 0;
		text-align: right;
	}
	.contactForm input, .contactForm textarea {
		
	}

.contacterror {
	border-style: solid;
	border-width: 2px;
	border-color: #ff0000;
}

.contactsubmit {
}

/*
}
*/



small, #sidebar ul ul li, #sidebar ul ol li,
.entryExcerpt, .nocomments, /*.postmetadata,*/
blockquote, strike {
	color: #777;
}
	
code {
	font: 1.2em 'Courier New', Courier, Fixed;
	color: #9f1515;
}
pre {
  font-size: 1.1em;
}
div.codeHolder {
	overflow: auto;
	border: 1px solid #cacaca;
	margin: 0 0 20px 0;
	width: 98%;
	padding: 5px 0 5px 5px;
	clear: both;
}


acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

/* ------- OBRAZKY
{
*/
img.framedImg {
	border: 1px solid #cacaca;
	padding: 5px;
}
img.blockImg {
	display: block;
}

img.iluPicRgt {
	float: right; display: inline;
	margin: 2px 0 5px 10px;
}
img.iluPicLft {
	float: left; display: inline;
	margin: 2px 10px 5px 0;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}
	
a img {
	border: none;
}

p img.bordered {
	border: 2px solid #cacaca;
}
/*
}
*/



/* -----  UL, LI  seznamy
{
*/
ul.noStyle { list-style: none; }
ul.noIndent li { margin-left: 0; }

	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
	}

	.entry ol li {
		margin: 0;
		padding: 0;
	}

	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}


	ol li {
		list-style: decimal outside;
	}
	ul#odkazySeznam {
		margin: 0;
		padding: 0;
	}
		ul#odkazySeznam li {
			list-style: none;
			padding: 0; margin: 0;
			margin: 0 0 0.3em 0;
		}
			ul#odkazySeznam li ul {
				padding: 0; margin: 0 0 0 1em;
			}
				ul#odkazySeznam li ul li {
					padding: 5px 5px 5px 1em;
					line-height: 130%;
					/*background-color: #fafafa;*/
				}
					ul#odkazySeznam li ul li a {
						display: block;
					}
						ul#odkazySeznam li ul li a:visited {
							text-decoration: line-through;
						}
/*
}
*/


/* -----   FORMULARE  -----
{
*/
input:focus, textarea:focus {
	border-style: inset;
	background-color: #FFFFD9;
	color: #222;
}

label.required {
	font-weight: bold;
}

#searchform {
	float: right;
	margin: 0;
}

#sidebar #searchform #s {}

#sidebar #searchsubmit {}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 97%;
	padding: 1%;
}

#commentform #submit {
	margin: 0;
	float: right;
}
	
label {
	cursor: pointer;
}
/*
}
*/


/* ------ RUZNE
{
*/
.alt {
	background-color: #fafafa;
	margin: 0;
}
small {
	font-size: 85%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 4px solid #ddd;
}
	blockquote.pullQuote {
		border-left: 0;
		text-align: left;
		margin: 0 10px 0 15px;
		padding: 5px 0 5px 10px;
		width: 33%;
		float: right; display: inline;
		font-size: 130%;
		font-style: italic;
	}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}
.center {
	text-align: center;
}
hr {
	height: 1px;
	color: #eee;
	background-color: #eee;
	border: none;
}
img.kontaktFoto {
	float: right;
	padding: 0.5em;
	background-color: #eee;
	margin-left: 1em;
}
/*
}
*/


table#mergerTable {
	width: 100%;
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #eee;
}

	table#mergerTable thead {
		font-weight: bold;
	}
		table#mergerTable thead td {
			padding: 0.4em 0.3em;
			font-size: 120%;
			text-align: center;
		}
		
	table#mergerTable tbody tr td {
		padding: 3px;
		line-height: 1.2;
		text-align: center;
		padding: 5px;
	}
		
		table#mergerTable tr.emRow {
			background-color: #f0f0f0;
		}



/* ------- SPOLECNE
{
*/
	
	.normal {color:black;}
	.xlang {color:red; font-weight:bold;}
	.count {color:black; background-color:#FFF;}

	
div.floatStop, br.floatStop {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0.1%;
}

.floatHolder {
	zoom: 1;
	overflow: hidden;
	/*_height : 1%;*/
}

.floatHolder:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
} 
	/* Hides from IE5-mac \*/
	html #floatHolder {height: 1%;}
	/* End hide from IE5-mac */

	
/* ZAROVNAVANI */
.toLeft {text-align: left;}
.toCenter {text-align: center;}
.toRight {text-align: right;}
.marginAuto {margin: auto;}

.fltLft {float: left !important;}
.fltRgt {float: right !important;}

.clrLft {clear: left;}
.clrRgt {clear: right;}
.clrBth {clear: both;}

.disBlock {display: block;}
.disInline {display: inline;}

.noBorder {border: none;}
.noMargin {margin: 0;}

.wOne {width: 10%;}
.wTwo {width: 15%;}
.wThree {width: 20%;}
.wFour {width: 25%;}
.wFive {width: 30%;}
.wSix {width: 35%;}
.wSeven {width: 45%;}
.wEight {width: 55%;}
.wNine {width: 65%;}
.wTen {width: 75%;}
/*
}
*/