/***********************************************************************
 Copyright (C) Radek HULAN, 2004-2006     
 http://hulan.cz/
 You CANNOT use this stylesheet, or part of it, without my permission!!  
***********************************************************************/
/* ********** basic definitions ********** */
body, html { padding: 0 0 0 0; margin: 0 0 0 0; font-family: Cambria, Georgia, serif; font-size: 13px; line-height: 18px; background: #453B25; color: black; }

/* ********** anchors ********** */
a:link, a:visited { text-decoration: underline; color: #292316; border: 1px none; padding: 0 2px 0 2px; }
a:visited { color: #372F1E; }
a:hover{ background: #E1BC48; color: #662204; }

/* ********** web layout ********** */
#content { width: 782px; margin: 0 auto; background: white; }
h1#logo { margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; border: 0 none; background: url(hlavicka.jpg) top left repeat; width: 782px; height: 278px; display: block; z-index: 1; }
h1#logo a { font-size: 20px; line-height: 160px; font-style: normal; font-weight: bold; color: #2F281B; padding: 0 0 0 60px; margin: 0; text-decoration: none; border: 0 none; display: block; vertical-align: bottom; }
h1#logo a:hover{ background: transparent; border: 0 none; text-decoration: none; }
h1#logo span{ font-size: 14px; float: left; margin: -60px 0 0 60px; z-index: 2; }
#border-left { display: block; width: 782px; background: transparent url(left.jpg) top left repeat-y; }
#border-right { display: block; width: 782px; background: transparent url(right.jpg) top right repeat-y; }
#inside { display: block; padding: 0; margin: 0; background: transparent; width: 693px; top:-35px; left:44px; position:relative}
#items { float: left; width: 505px; z-index: 10; }

/* ********** right menu ********** */
#menu { float: right; width: 176px; }
#menu h2{ background: #B4A68C url(menu.png) top left no-repeat; color: #F2EDE9; font-size: 14px; line-height: 25px; font-weight: bold; padding: 0 0 0 30px; margin: 0 0 0 0; display: block; }
#menu .box { margin: 0 0 8px 0; padding: 5px 2px 5px 2px; background: #F2EDE7; border: 1px solid #BDB7A7; border-top: 0 none; }
#menu fieldset{ background: transparent; margin: 0 0 0 0; padding: 2px; border: 0 none; }
#menu form{ padding: 0 0 0 0; margin: 0 0 0 0; }
#menu input[type="text"] { margin-bottom: 2px; }

/* ********** top menu ********** */
ul#topmenu { display: block; list-style: none; margin: 0 0 20px 0; padding: 3px 3px 0 3px; height: 19px; background: #5D4F35; }
ul#topmenu li { float: left; display: block; width: 99px; font-size: 14px; line-height: 16px; list-style: none; text-align: center; }
ul#topmenu.wider li { width: 137px; }
ul#topmenu li a { font-weight: bold; text-decoration: none; color: white; display: block; border: 0 none; padding: 0; margin: 0; border-right: 1px solid white; }
ul#topmenu li a.last{ border-right: 0 none; }
ul#topmenu li#current a{ color: #5D4F35; background: white; }
ul#topmenu li a:hover{ border: 0 none; color: #AF3907; }

/* ********** menu - basic lists ********** */
#menu ol { margin: 5px 0 0 18px; padding: 0 0 0 0; }
#menu ol li{ padding: 0 0 1px 0; margin: 0 0 0 3px; list-style: url(menu-dot.png); font-size: 14px; line-height: 14px; }
#menu ol.bigger li{ padding: 0 0 1px 0; margin: 3px 0 3px 3px; list-style: url(menu-dot.png); font-size: 14px; line-height: 16px; }

/* ********** menu - navlists ********** */
#menu ul.nav { margin: 5px 0 5px 0; padding: 0; list-style: none; font-size: 13px; line-height: 14px; }
#menu ul.nav li, #menu ul.nav li.active{ margin: 0 0 1px 3px; padding: 1px 0 2px 5px; list-style: none; display: block; }
#menu ul.nav li a:link, #menu ul.nav li a:visited { padding: 0; margin: 0; text-decoration: none; color: #000; }
#menu ul.nav li.active, #menu ul.nav li.active { background-color: #7A6C52; }
#menu ul.nav li.active a:link, #menu ul.nav li.active a:visited{ color: white; }
#menu ul.nav li a:hover, #menu ul.nav li.active a:hover{ display: block; }

/* ********** menu - other ********** */
#menu hr { border: 0 none; border-bottom: 1px solid #95886E; background: #F2EDE7; color: #F2EDE7; }
#menu p{ margin: 2px 0 2px 0; padding: 0; }

/* ********** subcategories ********** */
#subcat dt{ color: #4C4433; font-weight: bold; margin: 1px 0 2px 0; font-size: 13px; line-height: 14px; }
#subcat dl dt>a{ font-weight: bold; color: #4C4433; display: block; }
#subcat dl{ padding: 2px 0 1px 0px; margin: 0 0 0 0; text-align: left; }
#subcat dd{ padding: 0 0 0 0; margin: 0 2px 1px 0; }
#subcat dd a{ background-image: url(li-off.png); background-repeat: no-repeat; background-position: 5px 50%; display: block; padding: 0 0 0 15px; margin: 0 0 0 2px; line-height: 17px; text-decoration: none; border: 1px none; color: #000; font-size: 13px; line-height: 14px; }
#subcat dd a.active{ background-color: #7A6C52; background-image: url(li-on.png); background-repeat: no-repeat; background-position: 5px 50%; color: white; padding: 1px 0 1px 15px; }

/* ********** footer ********** */
#footer { background: url(footer.jpg) top left no-repeat; display: block; width: 782px; height: 118px; text-align: right; clear: both; margin: 0; padding: 0; }
* html #footer{ margin-top: -35px; }
#footer p{ font-size: 13px; line-height: 14px; margin: 0 80px 0 0; padding: 35px 0 0 0; }

/* ********** code ********** */
code { font-family: "Courier New", Courier, monospace; color: #292116; padding: 1px 2px; border: 1px dotted #E1D5C8; background: #F8F5F1; font-size: 12px; line-height: 17px; }
.itembody pre { color: #292116; padding: 2px 5px 2px 5px; border-left: 5px solid #E1D5C8; margin: 10px 5px 10px 20px; overflow: auto; background: #F8F5F1; font-family: "Lucida Console", "Andale Mono", monospace; font-size: 11px; line-height: 17px; width: 467px; }
* html pre { padding-left: 15px; overflow: scroll; width: 460px; }
pre.none { overflow: hidden; }

/* ********** block citation ********** */
blockquote { background: #F9F2DA; border-left: 5px solid #F3E6B6; padding: 5px 5px 5px 10px; margin: 10px 5px 10px 20px; }
* html blockquote { background: #F9F2DA url(blockquote.png) top left repeat-y; border: 0 none; }

/* ********** rss ********** */
#rss { text-align: center; margin: 0 0 0 0; padding: 10px 0 10px 0; line-height: 1px; }
#rss img{ width: 80px; height: 15px; }

/* ********** articles ********** */
.itembody{ clear: both; margin: 0 0 0 0; padding: 5px 0 0 0; }
.itembody *{ font-size: 14px; line-height: 19px; }
.itembody p,.itembody div,.itembody ul,.itembody ol, .itembody li{ margin: 3px 0 5px 0; padding: 0; font-weight: normal; color: #000; text-align: justify; }
.itembody ul{ margin: 5px 0 5px 20px; padding: 0; }
.commentbody ul{ margin: 1px 0 1px 20px; padding: 0; }
.itembody ul li, .commentbody ul li{ background-image: url(li.png); background-repeat: no-repeat; background-position: 5px 8px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }
.itembody ol{ margin: 5px 0 5px 42px; }
.itembody ol li{ list-style: decimal; }
.itembody table{ margin: 7px auto; border-left: 1px solid #B4A68B; border-top: 1px solid #B4A68B; }
.itembody table th { text-align: center; padding: 2px; border-bottom: 1px solid #A89F7E; border-right: 1px solid #A89F7E; background-color: #F2E6B6; font-weight: bold; color: #B85915; }
.itembody table td { text-align: left; padding: 2px; border-bottom: 1px solid #B1B1B1; border-right: 2px solid #B1B1B1; }
.itembody table td.e { padding: 2px; background: #F2EDE7; border-bottom: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; }
.itembody table.none{ border: 0 none; }
.itembody table.none th, .itembody table.none td{ border: 0 none; }
.itembody hr{ border: 0 none; border-bottom: 1px dotted #B85915; background: #ffffff; color: #ffffff; }

/* ********** images ********** */
.itembody .leftbox { float: left; margin: 5px 15px 5px 0px; padding: 0; border: 3px solid #5B4F35; line-height: 1px; }
.itembody .rightbox { float: right; margin: 5px 0px 5px 15px; padding: 0; border: 3px solid #5B4F35; line-height: 1px; }
.itembody .box { margin: 7px auto 7px auto; text-align: center; font-style: italic; }
.itembody .box img{ border: 3px solid #5B4F35; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
.itembody .box object{ border: 3px solid #5B4F35; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
img, .itembody .leftbox img, .itembody .rightbox img{ border: 0 none; padding: 0; margin: 0; }

/* ********** article headlines ********** */
h2{ margin: 15px 0 5px 0; padding: 3px 5px 1px 28px; background: #E2C24B url(item-h2.jpg) 7px 50% no-repeat; font-size: 14px; line-height: 20px; font-weight: bold; border-bottom: 1px solid #AE851C; border-right: 1px solid #AE851C; }
h2.first { margin-top: 0; }
h2.itemtitle{ float: left; width: 369px; margin: 0 0 0 0; padding: 3px 5px 1px 28px; height:22px}
h2.itemtitle a:link, h2.itemtitle a:visited{ text-decoration: none; color: #433B27; }
h2.itemtitle a:hover{ text-decoration: underline; }
h2.itemtitle#article { float: none; width: 470px; margin-bottom: 10px; }

/* ********** article date ********** */
h3 { background: #A29273; border-right: 5px solid #73664D; margin: 15px 0 15px 0; padding: 0 0px 0 10px; font-size: 16px; line-height: 22px; color: white; }
h3.itemdate{ background-color: #E2C24B; font-weight: bold; border-bottom: 1px solid #AE851C; border-right: 1px solid #AE851C; color: #B23805; margin: 0 0 0 0; padding: 6px 0px 1px 0px; text-align: center; font-weight: normal; font-size: 16px; line-height: 14px; float: right; width: 100px; height:19px}
h3.itemdate a:link, h3.itemdate a:visited, h3.itemdate img {padding:0; margin: 0;}
.itembody h4{ clear: both; margin: 10px 0 10px 0; padding: 2px; color: #8B6E0A; border-bottom: 1px solid #8B6E0A; font-size: 16px; line-height: 17px; font-weight: bold; }
.itembody h5{ clear: both; margin: 9px 0 9px 0; padding: 2px; color: #C23613; border-bottom: 1px dotted #C23613; font-size: 16px; line-height: 17px; font-weight: bold; }

/* ********** other definitions in article ********** */
q { background: white; border-bottom: 1px solid #666666; margin: 0 5px 0 5px; }
cite { background: white; border-bottom: 1px solid #666666; font-style: italic; }
abbr { padding: 0px; border-bottom: 1px dotted #666666; }
kbd { font-family: "Courier New", Courier, monospace; color: #292116; }
del { text-decoration: line-through; }
ins { text-decoration: overline; font-style: italic; }

/* ********** forms ********** */
fieldset{ padding: 5px 15px 5px 8px; margin: 10px 10px 5px 10px; border: 1px solid #9F9F9F; background: #F9F2DA; text-align: right; }
.itembody fieldset { text-align: left; }
legend{ font-weight: bold; margin-bottom: 5px; color: black; padding: 2px 10px 2px 10px; background: #F2EDE7; border-right: 5px solid #DACCBA; }
textarea { width: 95%; overflow: auto; clear: both; }
form { margin: 10px 0 10px 0; padding: 0; }

/* ********** article info ********** */
.iteminfo{ clear: both; margin: 15px 10px 15px 10px; text-align: center; line-height:16px; }
.iteminfo *{ font-size: 11px; font-weight: bold; }
.readmore { clear: both; text-align: right; }

/* ********** navlist ********** */
#navigation{ margin-top: 20px; border-top: 1px solid #5C4D36; text-align: right; }

/* ********** syntax highlighting code ********** */
.code .co1	{ color: #808080; font-style: italic; }
.code .co2	{ color: #808080; font-style: italic; }
.code .comulti	{ color: #808080; font-style: italic; }
.code .es0	{ color: #000099; font-weight: bold; }
.code .kw2	{ color: #000000; font-weight: bold; }
.code .br0	{ color: #40BF41; }
.code .kw1	{ color: #7F8000; }
.code .kw3	{ color: #000066; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000FF; }
.code .me0	{ color: #006600; }
.code .nu0	{ color: #BF40BF; }
.code .re0	{ color: #0000FF; }
.code .re1	{ color: #0000FF; }
.code .re2	{ color: #0000FF; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00BBDD; }
.code .sc1	{ color: #AA9100; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #FF0000; }
pre.code ol { margin: 0 0 0 15px; padding: 0 0 0 0; list-style: decimal-leading-zero; background-image: none; }
pre.code ol li { list-style: decimal-leading-zero; padding: 0 0 0 0; margin: 1px 0 1px 20px; background-image: none; }

/* ********** search ********** */
.highlight{ background: #FEFF33; color: #000000; border-left: 1px solid #D4D400; border-top: 1px solid #D4D400; padding: 1px; }

/* ********** comments Opera, Mozilla, Safari ********** */
#divcomments h3+ol{ margin: 0 0 0 0; padding: 0 0 0 0; }
#divcomments h3+ol li{ list-style: none; margin: 0 0 18px 0; padding: 0; }
#divcomments h3+ol address { font-size: 11px; line-height: 17px; font-weight: bold; font-style: normal; text-align: left; background-color: #F2E6B6; background-repeat: no-repeat; background-position: 4px 3px; padding: 0 10px 2px 2px; margin: 0; }
#divcomments address>small{font-weight: normal; }
#divcomments h3+ol p { font-size: 13px; line-height: 16px; margin: 3px 0px 3px 0px; text-align: left; padding: 3px 3px 3px 3px; }
#divcomments h3+ol>li>a:link, #divcomments h3+ol>li>a:visited { text-indent: 18px; color: #40382B; background-image: url(reply.png); background-repeat: no-repeat; background-position: 2px 2px; padding: 0px 0px 0px 0px; border-top: 1px solid #DFDFDF; width: 100%; bottom: 0px; display: block; font-size: 13px; line-height: 16px; margin-bottom: 3px; text-decoration: none; }
#divcomments h3+ol>li ol>li { padding:0; margin:3px 0 3px 30px; font-style:italic; font-size:11px; line-height:14px;}
#divcomments ins { font-size: 11px; line-height: 17px; text-align: left; text-decoration: none; color: #000000; background-color: white; padding: 3px 5px 0px 0; display: block; border-bottom: 1px solid #DDD7CC; margin: 0; }
#divcomments dfn { float:right; color: #40382B; background-color: transparent; font-size: 11px; font-style: normal; font-weight:normal; padding: 0; margin: 0 0 0 10px; }
#divcomments p span { font-style: italic; font-size: 11px; }

/* ********** comments hacks for MSIE ********** */
* html #divcomments ol { list-style: none; padding: 0; margin: 0;  }
* html #divcomments ol li { list-style: none; margin: 0 0 18px 0; padding: 0;}
* html #divcomments address{ background-color: #F2E6B6; background-repeat: no-repeat; background-position: 4px 3px; padding: 1px 10px 0px 2px; margin: 10px 0 0 0; font-weight: bold; font-style: normal; }
* html #divcomments address small{font-weight: normal; }
* html #divcomments ol li ol li { padding:0; margin:3px 0 3px 30px; font-style:italic;font-size:11px; line-height:14px;}
* html #divcomments ol p{ font-size: 13px; line-height: 16px; margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; }

/* ********** comments voting ********** */
#divcomments .current .reset, #divcomments .parent .reset, #divcomments .child .reset, #divcomments .notPart .reset { display: inline; }
#divcomments .current .show, #divcomments .parent .show, #divcomments .child .show, #divcomments .notPart .show { right: 50px; }
#divcomments li .reset { display: none; }
#divcomments .current p, #divcomments .parent p, #divcomments .child p, #divcomments .indent p { background-color: transparent; }
#divcomments .notPart, #divcomments .notPart * { color: #40382B; background-color: transparent !important; border-color: #BFBFBF !important; }
#divcomments .notPart a,  h3+ol>.notPart>p>span:first-child { color: #ccc; }

#divcomments .current { background-color: #FFFCEA; }
#divcomments .parent { background-color: #FFF7EA; }
#divcomments .child { background-color: #FFD9D4; }

#divcomments .indent .current { background-color: #FFFCEA; margin: 0px 30px 30px 30px; }
#divcomments .indent .parent { background-color: #FFF7EA; margin: 0px 60px 30px 0px; }
#divcomments .indent .child { background-color: #FFD9D4; margin: 0px 0px 30px 60px; }
#divcomments .indent .notPart { display: none; }

#divcomments .votes { float: right; font-style: normal;}
#divcomments img.votedown { cursor: pointer; float: right; }
#divcomments img.voteup { cursor: pointer; float: right; }
#divcomments img.voteneutral { cursor: pointer; float: right; }
#divcomments img.commentwait { float: right; }

#divcomments .comment-admin { background-color: #FFEAEA;}
#divcomments .comment-admin address { background-color: #FFD4D4;}
#divcomments .comment-top { background-color: #FFF7EA;}
#divcomments .comment-top address { background-color: #FFE6BF;}
#divcomments .comment-ok { background-color: #FFFCEA;}
#divcomments .comment-ok address { background-color: #FFF6BF;}
#divcomments .comment-bad { background-color: #F4F4F4; color:#555555}
#divcomments .comment-bad address { background-color: #DFDFDF; color:#555555}
#divcomments .comment-ban { background-color: #FAFAFA; color:#B5B5B5; display:none}
#divcomments .comment-ban address { background-color: #EFEFEF; color:#BFBFBF; display:none}


/* ********** comment form js helpers ********** */
#toolbar { margin: 5px 0 5px 0; float: right; width: 100%; clear: both; }
#toolbar a, #toolbar a:link, #toolbar a:visited{ display: block; float: right; width: 44px; height: 13px; margin: 2px; text-align: center; font-size: 12px; line-height: 13px; background: #F2EDE7; color: #5D4F35; border-bottom: 1px solid #443A27; border-right: 1px solid #443A27; text-decoration: none; }
#toolbar a:hover{ background: #E1BC48; color: black; }

/* ********** calendar ********** */
table.calendar { width: 200px; }

/* ********** mini-styles ********** */
.b{ font-weight: bolder; }
.i{ font-style: italic; }
.z{ font-style: normal; font-variant: small-caps; }
.u{ text-decoration: underline; }
.c,.r{ color: red; }
.m,.l{ color: blue; }
.skip{ display: none; }
.center { text-align: center; }
small { font-size: 11px; }

/* ********** toplist ********** */
p#toplist, p#toplist img { margin: 0 0 0 0; padding: 0 0 0 0; width: 1px; height: 1px; }
sub, sup { font-size: 10px; }

/* ********** lightbox ********** */
#lightbox { background-color: #eee; padding: 10px; border-bottom: 1px solid #666; border-right: 1px solid #666; }
#overlay { background-image: url(overlay.png); }
#lightboxCaption { color: #333; background-color: #eee; font-size: 13px; text-align: center; border-bottom: 1px solid #666; border-right: 1px solid #666; font-style: italic; font-weight: bold;}
#lightboxIndicator { display: none }
#lightboxOverallView { display: none }
* html #lightboxOverallView { display: none }
* html #overlay { background-color: #000; background-image: url(blank.gif); filter: Alpha(opacity=50); }

#site-out { background: #373737 url(../img/bg_site.png) repeat-x 0 0; border-top: 5px solid #373737; color: white; text-transform: uppercase; font-weight: bold!important; line-height: 1; font-family: Calibri, "Arial Narrow", Arial, sans-serif!important; font-size: 16px; margin:0; padding:0}
#site { width: 780px; margin:0 auto; padding:0; list-style:none; border:0 none; border-left: 2px solid #373737; }
#site:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#site li { position: relative; z-index: 2; float: left; margin: 0; padding: 14px 20px; background: transparent none; border-right: 2px solid #373737; list-style:none; display:block}
#site li a { color: white; text-decoration: none; padding:0; margin:0; }
#site li a:hover { color: #FBB84F; text-decoration: underline; background:transparent}
#site li.selected { background-color: #474747; }
#site li.selected strong:first-child, #site li.selected a:first-child, #site strong { color: #989898; }
#site .site-en, #site .site-en:hover { background: url(../img/ico_lang-en.png) no-repeat 0 50%; padding-left: 25px; }
#site .selected.site-en { background: #474747 url(../img/ico_lang-en.png) no-repeat 25px 50%; padding-left: 50px; }
#site .site-cz, #site .site-cz:hover { background: url(../img/ico_lang-cz.png) no-repeat 0 50%; padding-left: 25px; }
#site .selected.site-cz { background: #474747 url(../img/ico_lang-cz.png) no-repeat 25px 50%; padding-left: 50px; }

#site a#site-next { background: url(../img/ico_site-dropdown.png) no-repeat 100% 50%; padding-right: 20px; }
#site ul#sites-next a { display: block; }
#site ul { display: none; position: absolute; right: 0; top: 40px; width: 212px; margin: 0; padding: 12px; background-color: #373737; text-align: left; text-transform: none; font-weight: normal!important; font-size: 14px!important; }
#site li:hover ul { display: block; }
#site ul li { float: none; padding: 12px; border: none; background: #474747 none; }
#site ul li+li { margin-top: 1px; }