/*

barvy

*/

/* reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* reset end */
 
body {font-family: Verdana, sans-serif; font-size: 0.75em; position: relative; background: #efefef;} /* 75.3% puvodni font size */
a {text-decoration: underline; color: #404040; }
#page a:hover {text-decoration: none; color: fuchsia;}
p, ul, ol, dl, address, blockquote {margin-bottom: 0.5em;}
p, li, h1, h2, h3, h4 {line-height: 1.4em;}
h1, h2, h3, h4 {margin: 1em 0em 1em 0em;}
ul, dl, ol {margin-top: 0.5em}
.hidden {position: absolute; top: -1024px;}
input, select, textarea {font-family: Verdana, sans-serif; font-size: 1em;}
textarea {width: 98%;}
/* clear */

.clear:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
.clear {display: inline-block;}
/* Hide from IE Mac \*/
.clear {display: block;}
* html .clear {height: 1px;}
/* End hide from IE Mac */

#page {width: 900px; margin: 20px auto 0px auto; position: relative; background: #fff; border: 20px solid #fff; padding-bottom: 20px;}

#content {float: left; width: 580px; font-size: 0.9em; margin-right: 20px; padding-top: 20px;}
	#content .post {position: relative; margin-bottom: 1.5em; padding-bottom: 2.5em; border-bottom: 1px dotted lightsteelblue;}
	#content h2 {font-weight: bold; width: 68%; }
	
	#content .postmetadatap, #content .postmetadata {font-size: 0.8em; color: steelblue; margin-top: 1.5em;}
	#content .postmetadatap a, #content .postmetadata a {color: steelblue;}
	#content .post-calendar {font-size: 0.8em; color: lightsteelblue; position: absolute; top: 3px; right: 0px;}
	
	#content #comments {margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dotted lightsteelblue;}
	#content .commentlist li {background: #f1f4f5; padding: 1em 1.5em; margin-bottom: 1em;}
	
	#content #respond {padding-bottom: 0.3em; border-bottom: 1px dotted lightsteelblue;}

#sidebar {float: left; width: 279px; font-size: 0.9em; border-left: 1px solid #dcdcdc; padding-left: 20px;margin-top: 20px;}
	#sidebar a {color: steelblue;}
	#sidebar h3 {border-bottom: 1px dotted #dcdcdc; padding-bottom: 0.3em; font-size: 0.8em;  margin-bottom: 0.5em; font-weight: normal;}
	#sidebar h2 {color: steelblue;}
	#bsearch {background: #efefef; padding: 1.5em 1em; margin: 1.5em 0em;}

#header {width: 100%; position: relative; height: 4em; border-bottom: 3px solid lightsteelblue;}
	#nav {position: absolute; right: 0px; bottom: 20px; margin: 0px; font-size: 0.8em; width: 289px; border-left: 1px solid lightsteelblue; padding-left: 10px;}
	#nav li {float: left;}
	#nav li a {float: left; line-height: 24px; padding: 0px 10px; text-decoration: none; color: #606060;  border-left: 1px solid #dcdcdc;}
	#nav li:first-child a {border: none;}
	#nav li a:hover {color: fuchsia;}
	
	#headerlogo {position: absolute; left: 00px; bottom: 10px;}
	#header h1 {margin: 0px; line-height: 1.2em; font-weight: bold; font-size: 0.9em;}
	#header h1 a {color: steelblue; text-decoration: none; }
	#header .description {font-family: Georgia; font-style: italic; font-size: 0.9em; letter-spacing: 1px; line-height: 2em; color: lightsteelblue; padding-left: 0.3em;}
#close {clear: left; }
#footer {clear: left; width: 940px; margin: auto; position: relative; font-size: 0.8em; color: silver; border-top: 5px #fff dotted; margin-top: 25px; padding-top: 20px;}
#footer a {color: silver;}
#footer a:hover {color: fuchsia;}