body { margin: 0; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 9pt; line-height: 1.4em; color: rgb(80, 80, 80); background-color: white; }
a { text-decoration: none; color: rgb(12, 77, 162); }
a:visited { color: rgb(61, 123, 204); }
a:hover { text-decoration: underline; color: rgb(7, 48, 102); }
a[href^="error:"] { text-decoration: blink; color: white; background-color: red; }
a img { border: none; }
table {	border-spacing: 0; }
table td, table th { text-align: left; vertical-align: top; }
form { margin: 0; /* IE */ }

.hidden { visibility: hidden; }

#menu { position: relative; width: 940px; height: 107px; margin: 0 auto; }
#logo { position: absolute; top: 19px; left: 0; width: 178px; height: 68px; background: url("../img/logo.png"); }
#logo span { display: none; }
#menu ul { position: absolute; top: 40px; right: 0; margin: 0 -23px 0 0; padding: 0; list-style-type: none; font-size: 140%; }
#menu li { float: left; margin: 0 10px; }
#menu li a { display: block; color: rgb(52, 52, 52); }
#menu li a:hover { color: rgb(5, 111, 212); }
#menu li a .left  { display: block; padding-left:  10px; }
#menu li a .right { display: block; padding-right: 10px; }
#menu li a .inner { display: block; height: 18px; padding: 10px 3px; }
#menu li a.active { color: rgb(5, 111, 212); }
#menu li a.active .left  { background: url("../img/menu-item-left.png")  top left  no-repeat; }
#menu li a.active .right { background: url("../img/menu-item-right.png") top right no-repeat; }
#menu li a.active .inner { background-color: rgb(233, 242, 251); }

#header { height: 356px; min-width: 940px; color: white; background: rgb(2, 69, 158) url("../img/header.jpg") top center; }
#header-inner { position: relative; width: 940px; margin: 0px auto; }

#welcome { position: absolute; top: 60px; left: 0; width: 300px; }
#welcome h2 { margin: 0 0 1em 0; font-size: 200%; font-weight: normal; }
#welcome p { margin: 0 0 3em 0; font-size: 110%; }

#channels { width: 208px; height: 30px; padding: 12px 8px; text-align: center; background: url("../img/channels.png") no-repeat; }
#channels a { padding: 0 3px; }

.portrait { position: absolute; display: none; top: 0; left: 320px; width: 300px; height: 356px; }
.portrait#portrait-jiri-kittner      { background-image: url("../img/portraits/jiri-kittner.jpg");      }
.portrait#portrait-ondrej-cervinka   { background-image: url("../img/portraits/ondrej-cervinka.jpg");   }
.portrait#portrait-petr-olysar       { background-image: url("../img/portraits/petr-olysar.jpg");       }
.portrait#portrait-nadezda-jozifkova { background-image: url("../img/portraits/nadezda-jozifkova.jpg"); }

#profiles { position: absolute; top: 47px; left: 630px; width: 275px; height: 309px; overflow: hidden; font-size: 90%; }
#profiles .profile { position: absolute; top: 0; width: 275px; }
#profiles .profile h2 { margin: .15em 0 1em 0; font-size: 200%; font-weight: normal; }
#profiles .profile p { margin: 0 0 1em 0; }

#header-more-button { display: block; position: absolute; top: 287px; left: 630px; }

.signature { position: absolute; display: none; top: 256px; left: 800px; width: 110px; height: 100px; background: url("../img/signatures.png") no-repeat; }
.signature#signature-jiri-kittner      { background-position:    0px 0px; }
.signature#signature-ondrej-cervinka   { background-position: -110px 0px; }
.signature#signature-petr-olysar       { background-position: -220px 0px; }
.signature#signature-nadezda-jozifkova { background-position: -330px 0px; }

#header-prev-button { position: absolute; left:  585px; top: 48px; }
#header-next-button { position: absolute; right: 0px;   top: 48px; }

#content { width: 900px; margin: 3em auto; line-height: 1.6em; }
#content h1 { margin: 0 0 1em 0; font-size: 200%; line-height: 1.3em; font-weight: normal; color: black; }
#content h2 { margin: 0 0 1em 0; font-size: 180%; line-height: 1.3em; font-weight: normal; color: black; }
#content hr { height: 0; margin: 1.5em 0; border: none; border-top: 1px solid rgb(128, 128, 128); }
#content img.float-left  { float: left;  margin-right: 2em; margin-bottom: 2em; }
#content img.float-right { float: right; margin-left:  2em; margin-bottom: 2em; }

#content .flash { color: rgb(0, 192, 0); }
#content .error { color: rgb(192, 0, 0); }

#content table.article-previews { margin: 0 auto; }
#content table.article-previews td { width: 268px; padding: 0 24px; }
#content table.article-previews td.first { padding-left:  0; }
#content table.article-previews td.last  { padding-right: 0; }
#content table.article-previews td.article-footer { padding-bottom: 3em; }
#content table.article-previews td h2 { margin: 1em 0 .5em 0; font-size: 130%; }

#content table.pager { width: 100%; }
#content table.pager td { vertical-align: middle; font-weight: bold; }
#content table.pager td.newer { text-align: left; }
#content table.pager td.newer a { padding: 4px 0 4px 30px; background: url("../img/pager-newer-link.png") center left  no-repeat; }
#content table.pager td.older { text-align: right; }
#content table.pager td.older a { padding: 4px 30px 4px 0; background: url("../img/pager-older-link.png") center right no-repeat; }
#content table.pager td.pages { text-align: center; }
#content table.pager td.pages a { margin: 0 .75em; }

#content .article-footer .date { padding-top: 10px; color: rgb(150, 150, 150); }
#content .article-footer .links { float: right; }

#topics { height: 172px; padding-top: 30px; background: rgb(225, 225, 225) url("../img/topics.png"); font-size: 90%; }
#topics table { width: 940px; margin: 0px auto; }
#topics table td { width: 150px; }
#topics table td.text { padding-right: 20px; }
#topics table td.last { padding-right: 0px; }
#topics table td h2 { margin: .5em 0 1em 0; font-size: 180%; font-weight: normal; }
#topics table td p { margin: 0 0 1.2em 0; }
#topics table td a.more-link { display: block; padding: 4px 0 4px 30px; font-weight: bold; background: url("../img/topics-more-link.png") center left no-repeat; }

#footer { height: 83px; font-size: 75%; background: rgb(185, 185, 185) url("../img/footer.png"); }
#footer-inner { width: 940px; height: 83px; margin: 0 auto; }
#footer-inner td { vertical-align: middle; }
#links { text-align: right; padding-right: 2em; }
#links a { margin: 0 .4em; }
#creators { width: 36px; }

/* Titulní stránka */

#content table.articles-on-title-page { margin: 0 auto; }
#content table.articles-on-title-page td { width: 428px; padding: 0 22px; }
#content table.articles-on-title-page td.first { padding-left:  0; }
#content table.articles-on-title-page td.last  { padding-right: 0; }
#content table.articles-on-title-page td.article-footer { padding-bottom: 3em; }
#content table.articles-on-title-page td h2 { margin: 1em 0 .5em 0; }

/* Článek */

#content #related-articles { float: right; width: 268px; }
#content #article { width: 578px; }
#content #article h2 { clear: left; }
#content #article .article-footer { padding-bottom: 3em; }

#content #no-comments-message { margin-bottom: 3em; }

#content ol.comments { margin: 3em 0; padding: 0; list-style-type: none; color: black; }
#content ol.comments li { margin: 1em 0; padding: 0; }
#content ol.comments li .header { height: 5px; font-size: 1px; /* IE6 */ }
#content ol.comments li .footer { height: 5px; font-size: 1px; /* IE6 */ }
#content ol.comments li .body { padding: .5em 1.5em; }
#content ol.comments li .body .author { padding-bottom: .5em; }
#content ol.comments li .body .datetime { float: right; color: rgb(150, 150, 150); }
#content ol.comments li.odd .header { background-image: url("../img/comment-odd-header.png"); }
#content ol.comments li.odd .footer { background-image: url("../img/comment-odd-footer.png"); }
#content ol.comments li.odd .body { background-color: rgb(235, 235, 235); }

#content #add-comment-form td, #content #add-comment-form th { padding-right: 1em; padding-bottom: .5em; vertical-align: middle; }
#content #add-comment-form tr.buttons td { text-align: right; }
#content #add-comment-form th { font-weight: normal; }
#content #add-comment-form th.required { font-weight: bold; }
#content #add-comment-form #frm-name,
#content #add-comment-form #frm-email,
#content #add-comment-form #frm-www,
#content #add-comment-form #frm-check { width: 181px; height: 23px; margin: 0; border: 0; padding: 5px; background-image: url("../img/add-comment-form-input.png"); }
#content #add-comment-form #frm-text { width: 300px; height: 107px; margin: 0; border: 0; padding: 5px; background-image: url("../img/add-comment-form-textarea.png"); }