/* basic styles and definitions */
a, p, body, ul, li, h1, h2, h3, td, th{font-size:13px;line-height:17px;font-family: Verdana, Arial, Helvetica, sans-serif;}
a, p, body, ul, li, td, th{color:#000000;font-weight:normal;}
hr{border:0px none;border-top: 1px dotted #D48B00;color:#FFBD40}
img{border:0px none;}
li{list-style-position:outside;list-style-type:disc;margin:0px}

/* body */
body, html{font-size:12px;line-height:14px;padding:0;margin:0; background: #000000 url('/pozadi.jpg');text-align:left}

/* links */
a{font-weight:normal;}
a:link, a:visited{color:#000000;}
.itembody a:link, .itembody a:visited{padding:0px 2px 0px 2px;color:#000000;}
a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover, h3 a:hover {background-color:#000000;color:#FFFFFF}

/* headlines */
h1, h2, h3, h3 a, h4{font-size:13px;font-weight:bold}
h1{ color: #000195; font-weight: bold; background: url('/logo2.jpg') no-repeat 2% 50%; margin: 0; text-align: right; border-bottom: 1px solid #000000; height:200px;font-size:10px; padding-left:0; padding-right:0px; padding-top:0px; padding-bottom:0}
h2{ font-size: 14px; line-height: 20px; color: #ffffff; }
h3, h3 a:link, h3 a:visited{font-size:14px;color:#000000}
h3.comment, h3.comment a{margin-bottom:5px;font-size:12px;padding:1px 2px 1px 2px}
h3.comment{font-weight:normal}
h3.comment a:hover{background-color:#4081BF;color:#FFFFFF}
h4{color:#000;font-weight: normal;background: #FFFFFF url('script.gif') no-repeat 5px 5px;border:1px solid #000; padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px}
.itembody h4 {color:#000000;font-weight: normal;background: #E1EAF3 url('text.gif') no-repeat 5px 5px;border:1px outset; padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px}

/* ********** article date ********** */
h3 { background: #CD9E4B url('lightbulb_a.gif') no-repeat 3px 2px;border-right: 5px solid #000; margin: 15px 0; padding-left:20px; font-size: 13px; line-height: 18px; color: white}
h3.itemdate{background-color: #0075BD;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: 10px; line-height: 18px; 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: 12px; 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: 12px; line-height: 17px; font-weight: bold; }


/* div to center everything on a page and set max width to make it readable */
#content{ width: 750px; border: 1px solid #000; margin: 20px auto 20px auto; padding: 0px 0px 0px 0px; background: #000000 url('/light.jpg'); }

/* articles */
#items{ color: #000000; padding: 20px 20px 20px 20px; margin: 0 0 10px 10px; width: 520px; float: left; background: #000000 url('/light.jpg'); height: auto; }
* html body #items {margin-left:5px}
#items h3{font-size:14px;line-height:18px;color:#000000;margin: 0 0 0 0;padding-left:20px;text-align:left;font-weight: bold;}
#items hr{border:0px none;border-top: 1px dotted #000000;color:#F0ECE1}

/* menu */
#menu { float: right; width: 166px; background-color: #CD9E4B;}
#menu h2{ background: #000; color: #F2EDE9; font-size: 12px; line-height: 25px; font-weight: bold;margin: 0 0 0 0; display: block;text-align:center; }
#menu .box {border-left:1px solid #BDB7A7; border-right:1px solid #BDB7A7; border-bottom:1px solid #BDB7A7; background:#0075BD; border-top:0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:8px; padding-left:2px; padding-right:2px; padding-top:5px; padding-bottom:5px }
#menu fieldset{background: ; margin: 0 ; padding: 2px; border: 0px none;}
#menu form{ padding: 0 0 0 0; margin: 0 0 0 0;}
#menu input[type="text"] { margin-bottom: 2px; }

/* go to a page box */
#navigation{ padding:5px 10px 5px 10px; color:#000000; text-align:right;margin-top:20px; border-top:0px solid #000000}

/* menu navigation */
.nav {margin-left: 10px ;margin-top: 4px ;margin-bottom: 4px ; padding: 5; list-style: none; font-size: 12px; line-height: 14px; }
.nav li, .nav li.active{ margin: 0 0 1px 3px; padding: 1px 0 2px 5px; list-style: none; display: block; }
.nav li a:link, .nav li a:visited { padding: 0; margin: 0; text-decoration: none; color: #000; }
.nav li.active, .nav li.active { background-color: #7A6C52; }
.nav li.active a:link, .nav li.active a:visited{ color: white;}
.nav li a:hover, .nav li.active a:hover{ display: block; }
.nav#search {width:100px;float:right;margin-left: 5px;}
.nav#search a:link, .nav#search a:visited {font-size:11px}


/* category list */
#subcat dt{ color: #FFFFFF; font-weight: bold; margin: 1px 0 2px 0; font-size: 12px; line-height: 14px;margin-left: 7px; }
#subcat dl dt>a{ font-weight: bold; color: #FFFFFF; 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('arrow.gif'); background-repeat: no-repeat; background-position: 5px -2px; display: block; line-height: 17px; text-decoration: none; border: 1px none; color: white; font-size: 12px; line-height: 14px; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0 }
#subcat dd a.active{ background-color: #000; background-image: url('arrow.gif'); background-repeat: no-repeat; background-position: 5px -2px; color: white; padding-left:18px; padding-right:0; padding-top:1px; padding-bottom:1px }
.nav#search {width:100px;float:right;}
.nav#search a:link, .nav#search a:visited {font-size:11px}

/* article */
.itembody {color:#000;text-align:justify}
.itembody *{font-size:13px;line-height:18px}
.itembody p, .itembody ul, .itembody input{margin-bottom:5px;}

/* floating pictures in itembody */
.itembody .leftbox {float:left; background: url('shadowAlpha.png') no-repeat bottom right; line-height:0px; margin-left:0px; margin-right:15px; margin-top:15px; margin-bottom:10px}
.itembody .leftbox img  {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}
.itembody .rightbox {float:right;background: url('shadowAlpha.png') no-repeat bottom right;line-height:0px; margin-left:15px; margin-right:0px; margin-top:15px; margin-bottom:10px}
.itembody .rightbox img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}

/* article info */
.iteminfo{font-size:11px;color:#000000;margin:20px 0 20px 0; text-align: center;clear:both;}
.iteminfo a, .iteminfo a:link, .iteminfo a:visited{font-size:11px;}
.iteminfo a:hover{color:#FFFFFF}

.readmore {text-align: right; margin-bottom:15px}

/* shoutbox */
.chatform{ text-align: right; }
.chattable{border:1px solid #9F9F9F;border-bottom:1px solid #F4F4F4;height:240px;overflow:auto;width:auto}

/* blockquote and table with 2 differentlu colored rows */
blockquote{padding:5px 10px 5px 10px; margin:10px;color:#000000;font-weight:normal;background-color: #E1EAF3;border:1px solid #000;}
.tabulka, .tabulka td, .tabulka tr{padding:5px;color:#000000;font-weight:normal;}
blockquote .prvni, .tabulka .prvni, .tabulka .prvni td, .tabulka .prvni tr{padding:2px 5px 2px 5px;border-bottom:1px solid #000000;}
blockquote .druhy, .tabulka .druhy, .tabulka .druhy td, .tabulka .druhy tr{padding:2px 5px 2px 5px;border-bottom:1px solid #000000;}
blockquote p, .tabulka p{margin:0px;padding:0px}
blockquote h4, .tabulka h4{margin:0px;padding:1px 1px 1px 10px;font-size:12px;line-height:14px}

blockquote#commentpreview p {margin:5px}

/* phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.t{margin:5px 20px 5px 20px;padding:5px;border:1px solid #797979;border-bottom:2px solid #363636;border-right:2px solid #363636;}
.c, .r{color:red}
.m, .l{color:blue}
.skip{display:none}

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

/* source code */
pre{background-color:#FFFFFF;border:1px solid #797979;border-bottom:2px solid #363636;border-right:2px solid #363636;color:#00017D;padding:5px;margin:0px;overflow:auto;font-size:13px;line-height:15px;font-family:"Courier New", Courier, monospace;}

/* list */
ol, ul{margin: 3px 0 0 15px;}
ul li{list-style-type:square; list-style-position:outside; list-style-image:url('arrow.gif'); margin-left:15px; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:0}
ol li{margin: 3px 0 0 15px; padding:0 0 0 3px; list-style: decimal;}
#menu ol, #menu ul{margin: 3px 0 0 15px;padding:0 0 0 0}
#menu li{margin: 3px 0 0 15px; padding:0 0 0 0}
.itembody ol, .itembody ul{margin: 3px 0 0 15px;}

/* tables */
th {font-weight: bold; background-color:#FFFFFF; border:1px ridge #000;}

/* rss links */
#rss{ line-height: 0px; text-align: center; margin:0 auto;}
#rss a:link, #rss a:visited, #rss a:hover{ padding: 0; margin: 0; text-decoration: none; line-height: 0px; }
#rss img{border:0px;width:80px;height:15px;line-height: 0px;padding: 0px;margin: 0px;text-align: center; margin:0 auto;}

/* footer */
#footer{ clear:both; text-align: center; padding: 0px 0 0px 0;  font-size: 11px;background-color: #CD9E4B;color: #000; border-top: 1px solid #000;border-bottom: 1px solid #000; display:block; width:100%}
#footer a:hover, #footer a:link:visited{ font-size:12px;}
  


/* general comment form */
#commentform {text-align: right;}

/* comments Opera, Mozilla */
h4+ol#comments{ margin: 0 0 0 0; padding: 0 0 0 0; }
h4+ol#comments li{ list-style: none; margin: 0; padding: 1px; font-size:11px}
h4+ol#comments address { font-size: 12px; font-style: normal; text-align: left; color: #F1F8FA; background: #453722 url('speak.gif') no-repeat 4px 3px; margin: 0; height: 17px; border: 1px ridge #453722; padding-left:20px; padding-right:10px; padding-top:1px; padding-bottom:1px }
h4+ol#comments address a:link, h4+ol address a:visited{ color: #ffffff; }
h4+ol#comments p { background-color: #CD9E4B;font-size: 13px; line-height: 18px; margin: 5px 0px 5px 0px; text-align: justify; padding: 5px 10px 5px 10px; }
h4+ol#comments ins { font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; border-bottom: 1px solid #453722; margin-bottom: 0px; }
h4+ol#comments>li>a { text-indent: 30px; color: #010101; background-image: url('pencil.png'); background-repeat: no-repeat; background-position: 4px 3px; padding: 0px; border-top: 1px solid #453722; width: 100%; height: 18px; bottom: 0px; display: block; font-size: 11px; margin-bottom: 3px }
h4+ol#comments>li>a:hover { background-color:transparent;color:red}
.current { background-color: #B49050; }
.parent { background-color: #D0B587; }
.child { background-color: #C3A570; }
.notPart, .notPart *, .notPart p[id]::before { color: #ccc; background-color: transparent !important; border-color: #BFBFBF !important; }
.notPart p[id]::before, .notPart ins { border-top: 1px solid #ccc; }
.notPart a, h4+ol#comments>.notPart>p>span:first-child { color: #ccc; }
.indent .current { background-color: #B49050; margin: 0px 30px 30px 30px; }
.indent .parent { background-color: #D0B587; margin: 0px 60px 30px 0px; }
.indent .child { background-color: #C3A570; margin: 0px 0px 30px 60px; }
.indent .notPart { display:none }
.current p, .parent p, .child p, .indent p {background-color: transparent;}
li .reset {display:none}
.current .reset, .parent .reset, .child .reset, .notPart .reset { display:inline}
.current .show, .parent .show, .child .show, .notPart .show { right:50px}
h4+ol#comments dfn { right: 0; color: #F1F8FA; background-color: transparent; border: 0px solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right; }

/* ********** comments hacks for MSIE ********** */
* html address{ background-image: url('speak.png'); background-color: #453722; background-repeat: no-repeat; background-position: 4px 3px; height: 15px; font-style: normal; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:20px; padding-right:10px; padding-top:1px; padding-bottom:0px }
* html li, * html ol { list-style: none; padding: 0; margin: 0; }
* html ins{ font-size: 11px; height: 15px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; display: block; border-bottom: 1px solid #453722; margin-bottom: 10px; }
* html ol p{ font-size: 12px; line-height: 16px; margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; background-color: #CD9E4B;}
* html dfn { color: #40382B; background-color: transparent; border: 0px solid; font-size: 12px; font-style: normal; padding-right: 7px; margin-bottom: 1px; line-height: 16px; float: right; }


/* comment form js helpers */
#toolbar {display:block;margin:5px 0 5px 0; clear:both}
#toolbar a:link, #toolbar a:visited, #toolbar a{ display: block; float: right; width: 50px; height: 15px; background-color: #DBB666;  border: 1px solid #453722; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color:#000;}
#toolbar a:hover{ background-color: #000; color: #FFFFFF; border-style:inset}


/* top menu */
#topwrapper{ background-color: #453722; margin:0 0 20px 0;border-bottom: 1px solid #000000;clear:both; height:25px}
#top{margin:0 auto 0 auto; padding:0 0 0 0; width:481px;}
#top ul, #top li{ margin: 0; padding: 0;display: inline;  list-style-type: none; border: 0px none; }
#top a:link, #top a:visited{ border-right:0px none; border-top:0px none; border-bottom:0px none; font-size: 13px; line-height:13px; float: left; margin: 0; text-decoration: none; color: #000; border-left: 1px solid #000000; background-color: #CD9E4B; height:15px; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px}
#top a:hover{ text-decoration: none; background-color:#000000;color:#FFFFFF}
#top a:link#topcurrent, #top a:visited#topcurrent{ color: White;text-decoration: none; background-color: #DE6C0E; }
#top a{ width: 116px; text-align: center;}

/*  contact form */
form#contactform {text-align: right;}
form#contactform input {margin:5px}
form#contactform fieldset {padding:10px;}

/* syntax highlighting code */
.code .br0	{ color: #66CC66; }
.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 .kw1	{ color: #B1B100; }
.code .kw2	{ color: #000000; font-weight: bold; }
.code .kw3	{ color: #000066; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000FF; }
.code .me0	{ color: #006600; }
.code .nu0	{ color: #CC66CC; }
.code .re0	{ color: #0000FF; }
.code .re1	{ color: #0000FF; }
.code .re2	{ color: #0000FF; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00BBDD; }
.code .sc1	{ color: #DDBB00; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #FF0000; }