#page { min-width: 800px; max-width: 1024px; margin: auto; }
#page.fixed { max-width: 800px; margin: auto; }

/* global */
body { font-family: "DejaVu Sans", Helvetica, Verdana, sans-serif; font-size: 84%; margin: 0; padding: 2px 0; }
p { line-height: 160%; margin-top: 1em; margin-bottom: 0.4em; }

.note { font-size: 80%; }
p.note { clear: both; }

/* links */
a[href] { text-decoration: none; }
a[href]:hover, a[href]:focus { text-decoration: underline; }
a.ext { padding-left: 0; padding-right: 12px; }

h1 { margin-top: 0; margin-bottom: 0.6em; font-size: 180%; font-weight: bold; }
h2 { margin-top: 1.3em; margin-bottom: 0.6em; font-size: 140%; font-weight: bold; }
h3 { margin-top: 1.5em; margin-bottom: 0.6em; font-size: 120%; font-weight: bold; }
h4 { margin-top: 1.5em; margin-bottom: 0.6em; font-size: 100%; font-weight: bold; }

/* localized quote */
q { font-style: italic; quotes: "„" "“" "‚" "‘" "»" "«" "›" "‹"; }
q:lang(en) { quotes: "“" "”" "‘" "’"; }
q:before { content: open-quote; }
q:after { content: close-quote; }

/* blockquote - source */
blockquote div.source { text-align: right; }
blockquote div.source:before { content: "— "; }
blockquote p { font-style: italic; }

/* lists */
ul, ol { margin: 0; margin-top: 0.4em; margin-bottom: 0.4em; padding-left: 1em; }
ul { padding-left: 18px; }
ul.clean { padding: 0; margin: 0; list-style-type: none; }
li { margin-left: 1em; margin-top: 0.7em; margin-bottom: 0; }
dt { font-weight: bold; margin-top: 0.5em; }

/* tables */
table { border-collapse: collapse; }
th,td { padding: 2px 0.5em; }
form table td { border: none; }

/* images */
img { border: none; }
img.left { margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }
img.right { margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; }

div.metainfo { font-size: 80%; margin-top: -1.2em; margin-bottom: 1.2em; }
div.image_metadata { font-size: 70%; }

code.block { display: block; }
pre,code.block { padding: 5px; overflow: auto; margin-top: 0.8em; margin-bottom: 1.5em; line-height: 130%; font-size: 120%; }

span.date { margin-left: 0.7em; font-size: 80%; }

div.divider { margin-bottom: 3em; }
div.addivider { margin-bottom: 1em; }

/* general floats */
.left { float: left; }
.right { float: right; }

/* menu */
#menu ul { text-align: right; margin: 0; }
#menu li { display: inline; margin: 0; margin-right: 1em; }
#menu a { font-size: 80%; text-decoration: underline; }
#menu a:hover, #menu a:focus { text-decoration: none; }

/* the sidebar */
#sidebar { float: right; width: 180px; padding: 20px; margin-top: 2px; font-size: 90%; }
#sidebar h2 { padding: 0.1em; margin: 0; margin-bottom: 15px; text-align: center; font-size: 120%; }
#sidebar div { margin-bottom: 2em; }
#sidebar h3 { font-weight: bold; font-size: 100%; margin: 0; }
#sidebar ul { padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
#sidebar li { margin: 0; margin-bottom: 0.3em; margin-top: 0.7em; }
#sidebar li div { margin: 0; font-size: 85%; }
#sidebar li div { margin: 0; font-size: 85%; }

li.sidebarhider { font-size: 80%; cursor: pointer; position: relative; left: 0; padding-left: 0.4em; padding-right: 0.4em; }
#sidebar_show { top: 0px; }
#sidebar_hide { top: 9px; }

#feeds a { padding-left: 18px; }
#tags ul { margin-left: -8px; margin-bottom: -0.5em; }
#tags li { display: inline-block; margin: 0; margin-bottom: 0.5em; margin-left: 8px; }
#tags span { font-size: 80%; }

#content { padding: 20px 40px; margin-right: 200px; }

/* home page */
#home-left-column { float: left; width: 155px; padding: 0; }
#home-left-box { width: 155px; padding: 15px; padding-top: 0; margin-top: -1px; }
#home-left-box h2 { margin-top: 1.2em; }
#home-left-column ul { padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
#home-left-column li { margin-top: 0.2em; margin-bottom: 0.5em; margin-left: 0; }
#home-left-column li div { margin: 0; }
#home-bellow-box { margin-top: 2em; margin-right: -2em; }
#home-rest { margin-left: 185px; padding-left: 2em; padding-right: 2em; }
#home-rest h2 { margin-top: 1.2em; }
#home-rest p { line-height: 140%; margin-top: 0.6em; margin-bottom: 0.2em; }
#home-rest li { margin-left: 0; }
#home-obrazky { width: 100%; }
#home-obrazky img { display: block; }
#home-obrazky td { border: none; vertical-align: middle; }
#home-obrazky td.pic { padding: 0; padding-top: 0.5em; width: 64px; }
#home-obrazky li { clear: left; }
.more { padding: 0; margin-top: -0.8em; margin-bottom: 0.8em; }

/* table of content */
#toc { float: right; padding: 1em; font-size: 80%; line-height: 110%; max-width: 35em; margin: 1em; margin-right: 0; }
#toc ol ol { list-style-type: lower-roman; }
#toc h2 { margin-top: 0; padding-bottom: 0.5em; }
#toc li { margin-left: 1em; }
#toc a { text-decoration: none; font-weight: normal; }
#toc a:hover { text-decoration: underline; }

/* blog contents table */
.headup { padding: 1.5em; margin-bottom: 3em; font-size: 90%; line-height: 160%; }
.headup ul { padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
.headup li { margin: 0; padding: 0; text-indent: 0; }
.headup .date { float: left; width: 38%; text-align: right; margin-right: 1em; }

/* pictures */
div.thumb { float: left; width: 160px; margin: 5px; text-align: center; }
div.thumb img { display: block; }

#thumbsfoot { clear: left; }

div.image_metadata { margin-bottom: 1em; }

/* footer */
#footer { font-family: Verdana, sans-serif; font-size: 82%; text-align: center; padding-top: 0.5em; padding-bottom: 1em; }

.showhide:before { content: "▸ "; }
.showhide_hide:before { content: "▾ " !important; }

/* comments */
#comments-control { margin-top: -5px; }
#comments-bottom { margin-top: 10px; }
.comment { margin-top: 10px; }
#comment-preview .comment { margin-top: 5px; margin-bottom: 5px; }
.comment-head, .comment-control { padding: 3px; }
.comment-body { padding: 5px; }
#comment-reply-info { display: none; }
.comment .WWW, .comment .JustName { font-weight: bold; }
#show-comment-syntax { display: inline-block; }
#comment-syntax { overflow: auto; }
#comment-syntax div { padding: 5px; }
#comment-syntax span { font-family: monospace; }

.active { font-weight: bold; }