html{ font-size: 0.85em; }
div.cleaner { clear: left; height: 1px; visibility: hidden; }
body { background: url(../images/bg.jpg) center top fixed no-repeat #fff; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; border-top: 2px solid #000; }

::selection { background-color: #5D5D5D; color: #fff; }
::-moz-selection { background-color: #5D5D5D; color: #fff; }

a::selection { background-color: #009AC0; color: #fff; }
a::-moz-selection { background-color: #009AC0; color: #fff; }

#top { width: 980px; margin: 0 auto 30px auto; padding: 0; position: relative; }
.topine { width: 100%; height: 2px; background: #000; display: block; position: fixed; top: 0; left: 0; }
h1 { width: 149px; height: 69px; overflow: hidden; padding: 0; margin: 0; }
h1 a { width: 149px; height: 69px; text-indent: -2000px; display: block; background: url(../images/logo.gif) left top no-repeat; }

#left { position: absolute; top: 0; left: 0; }
#left .wrap { position: fixed; width: 86px; height: 300px; background: url(../images/leftMenuBg2.png) bottom left no-repeat; }
a.topHome { width: 78px; height: 69px; text-indent: -2000px; display: block; background: url(../images/logo.png) left top no-repeat; margin: 0 0 0 4px; }

#main { width: 560px; margin: 0 0 0 110px; }
h2 { border-bottom: 2px solid #000; font-size: 1.75em; line-height: 200%; letter-spacing: -2px; font-weight: normal; margin: 25px 0 2px 0; color: #444; text-shadow: 1px 1px #eee;}
h2 a { color: #444; text-decoration: none; display: block; }
h2 a:hover { color: #009AC0; }
h3 { border-bottom: 1px solid #666; color: #333; font-size: 1.25em; line-height: 200%; letter-spacing: -1px; font-weight: normal; margin: 25px 0 15px 0; }
h4 { color: #333; font-size: 1.2em; line-height: 200%; letter-spacing: -1px; font-weight: normal; text-transform: uppercase; margin: 25px 0 15px 0; }
h4 img { vertical-align: middle; padding-right: 5px; }

p a, ul a, ol a { color: #009AC0; text-decoration: underline; }
p a:hover, ul a:hover, ol a:hover { text-decoration: none; }

p { color: #3a3a3a; font-size: 0.9em; line-height: 200%; }
p.meta { font-size: 0.8em; color: #797979; text-align: right; padding: 0; margin: 0; }
p.meta span { padding: 0 10px; border-right: 1px solid #cfcfcf; }
p.meta span.comments { padding: 0 0 0 10px; border-right: none; }
p.meta a { color: #797979; text-decoration: none; }
p.meta a:hover { color: #009AC0; text-decoration: underline; }

img.float { float: right; margin: 5px 0 5px 5px; }

#bottom { width: 881px; margin: 20px auto 0 auto; padding: 0; position: relative; color: #999; font-size: 0.8em; line-height: 160%; border-top: 1px solid #ccc; padding: 20px 0 20px 99px; }

p.continue { font-style: italic; }

#komentare { margin-bottom: 40px; }
.comment { margin: 20px 0 40px 0; }
.comment .author img { width: 60px; height: 60px; float: left; margin: 0 10px 5px -80px; }
.comment .text { margin: 0; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.comment.xom .text { /*border-bottom: 1px solid #009AC0;*/ }

.category a { padding: 0 8px 0 5px; }

#addComment {  }
#addComment div { float: left; }
#addComment .leftPart { width: 360px; }
#addComment .leftPart textarea { width: 356px; height: 200px; }
#addComment .rightPart { width: 185px; padding: 0 0 0 15px; font-size: 0.8em; }
#addComment .rightPart input { width: 180px; display: block; padding: 2px; }
#addComment .rightPart p { padding: 0 0 5px 0; }

#nahledKomentare div { border: 1px solid #ddd; padding: 5px; }

.pagebar { font-size: 1.1em; padding: 5px; color: #777; margin: 0; padding: 0 0 30px 0; }
.pagebar a, .pagebar span { color: #009AC0; text-decoration: none; display: block; float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; }
.pagebar a:hover { text-decoration: underline; }
.pagebar span { color: #ccc; }
.pagebar span.current { color: #888; border: 1px solid #ddd; }

.article { padding: 30px 0 30px 0; }
.article ul, .article ol { color: #3a3a3a; font-size: 0.9em; line-height: 160%; }
.article ul li, .article ol li { padding: 0 0 10px 0; }

table.archive { border: 1px solid #ddd; border-collapse: collapse; }
table.archive td, table.archive th { width: 50px; border: 1px solid #ddd; border-collapse: collapse; padding: 8px; font-size: 0.5em; text-align: center; }
	
ul.themeList { list-style: none; line-height: 200%; list-style-position: inside; padding: 0; }
ul.themeList small { color: #aaa; }

#menu { margin: 10px 4px; padding: 0; list-style: none; position: fixed; text-align: center; }
#menu a { display: block; color: #fff; text-decoration: none; padding: 15px 0 15px 0; text-transform: lowercase; font-size: 0.8em; border-bottom: 1px solid #84cadb; width: 78px; }
#menu .rss a { border-bottom: none; }
#menu a:hover { text-decoration: underline; }
#menu .selected { font-weight: bold; background: url(../images/menuSelected2.png) right bottom repeat-x; }
#menu .selected a { text-decoration: none; }

.alert { border: 1px solid #ccc; margin: 20px 0; padding: 10px; font-size: 0.9em; }

.invisibleNavigation { display: none; }

.downloadButton, .downloadButton a { width: 159px; height: 50px; overflow: hidden; display: block; padding: 0; }
.downloadButton a { background: url(../images/download.gif) 0 -50px no-repeat; text-indent: -3000px; }
.downloadButton a:hover { background: url(../images/download.gif) 0 0 no-repeat; }