/**
  * BLOG:CMS: PHP/MySQL Personal Content Management System (CMS)
  * http://blogcms.com/
  * ----------------------------------------------------------------
  *
  * Copyright (C) 2003-2005 Radek HULÁN
  * http://hulan.cz/contact/
  *
  * ----------------------------------------------------------------
  * This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU General Public License
  * as published by the Free Software Foundation; either version 2
  * of the License, or (at your option) any later version.
**/

/* 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 0 0 0;margin:0 0 0 0; background: #666666 url(extreme.png) repeat;text-align:left}

/* links */
a{font-weight:normal;}
a:link,a:visited{color:#205160;text-decoration:none;}
.itembody a:link,.itembody a:visited{padding:0px 2px 0px 2px;color:#2E768D; text-decoration: underline;}
a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover, h3 a:hover {background-color:#4081BF;color:#FFFFFF}

/* headlines */
h1,h2,h3,h3 a,h4{font-size:13px;font-weight:bold}
h1{ color: #FFF; font-weight: bold; background: #0066B2; padding: 25px 10px 20px 0; font-size: 22px; margin: 0 0 0 0; text-align: right; display: block; border-bottom: 1px solid #666666; }
h2{ font-size: 14px; line-height: 20px; color: #ffffff; }
h3,h3 a:link,h3 a:visited{font-size:14px;color:#000000;padding:1px 2px 1px 2px}
h3.comment,h3.comment a{margin-bottom:5px;font-size:12px}
h3.comment{font-weight:normal}
h3.comment a:hover{background-color:#4081BF;color:#FFFFFF}
h4{color:#000000;padding:2px 0px 2px 20px;font-weight: normal;background: #ADE800 url(script.gif) 5px 5px no-repeat;border:1px outset;}
.itembody h4 {border:0 none;border-bottom:1px solid #666666;background: #ADE800 url(text.gif) 5px 5px no-repeat;padding:2px 0px 2px 20px;}

/* article title - default skin */
h3.item{ font-size:17px;line-height:22px;font-weight: bold; color:#003366;margin-top:10px; background: url(lightbulb_a.gif) 0px 5px no-repeat; padding-left:20px; padding-bottom:2px; border-bottom:2px solid #003366;}
h3.item a:link, h3.item a:visited{ font-size:17px;font-weight: bold; color:#003366;}
h3.item a:hover{background-color:#4081BF;color:#FFFFFF}

/* div to center everything on a page and set max width to make it readable */
#content{ width: 750px; border: 1px outset #000; margin: 20px auto 20px auto; padding: 0px 0px 0px 0px; background-color: #99CC00; }

/* articles */
#items{ color: #000000; padding: 20px 20px 20px 20px; margin: 0 0 10px 10px; width: 520px; float: left; background-color: #ffffff; border: 2px outset; height: auto; }
* html body #items {margin-left:5px}
#items h2{font-size:12px;line-height:14px;color:#000000;margin:10px 10px 5px 10px;padding:4px 10px 4px 3px;text-align:right;font-weight: bold;}
#items hr{border:0px none;border-top: 1px dotted #666666;color:#F0ECE1}

/* menu */
#menu{ color: #000000; float: right; text-align: left; width: 140px; height: auto; padding: 10px 10px 10px 10px; background-color: #DCDCDC; margin: 0 10px 10px 0; border: 1px outset #555555; }
#menu, #menu *{font-size:11px}
* html body #menu {margin-right:5px}
#menu h2{font-size:11px;line-height:16px;margin: 10px 0 5px 0;padding:2px 0px 2px 0px;font-weight: bold;text-align:center;color:#2F587B;border:1px inset #EFEFEF;}
#menu hr{border:0px none;border-top: 1px dotted #666666;color:#E3DBC6}

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

/* menu navigation */
.nav {border:1px outset #DFDFDF;}
.nav a:link,.nav a:visited{ display: block; line-height: 16px; padding: 1px 0 1px 10px; text-align: left; color: #353535; background: #D4D4D4}
.nav a.active:link,.nav a.active:visited{color: #1C5161;background: #F4F4F4;font-size: 13px; }
.nav a:hover{ background-color:#4081BF;color:#FFFFFF}
.nav a.active:hover{ background-color:#4081BF;color:yellow}
.nav#search {width:100px;float:right}
.nav#search a:link,.nav#search a:visited {font-size:11px}

/* category list */
div#subcat {margin-bottom:15px}
div#subcat dl{display: block; padding: 1px 0 1px 10px; margin:2px 0 2px 0; text-align: left; background: #D4D4D4; border:1px inset; }
div#subcat dl dt>a{color: #353535;display:block}
div#subcat dl dt>a:hover{color: #ffffff;}
div#subcat dd{padding: 0 0 0 0; margin:0 2px 0 10px; background: transparent url(arrow.gif) no-repeat top left; }
div#subcat dd a{display:block; padding: 1px 0 1px 3px; margin:0 0 0 15px; text-align: left; }
div#subcat dd a.active{border:1px inset gray; background: #EAEAEA;}
div#subcat dd a:hover{background-color:#4081BF;color:#FFFFFF}

/* 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 */
.leftbox {float:left; background: url(shadowAlpha.png) no-repeat bottom right; margin: 15px 15px 10px 0px;line-height:0px;}
.leftbox img  {display: block; position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}
.rightbox {float:right;background: url(shadowAlpha.png) no-repeat bottom right;margin: 15px 0px 10px 15px;line-height:0px;}
.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: #F6F3ED;border:1px solid #D4D4D4;}
.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 #666666;}
blockquote .druhy, .tabulka .druhy,.tabulka .druhy td,.tabulka .druhy tr{padding:2px 5px 2px 5px;border-bottom:1px solid #666666;}
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;margin:5px 0px 5px 0px;  border-style: groove groove groove groove; }
legend{font-weight:bold;margin-bottom:5px;padding-right:10px;color:#223649}
.highlight{background-color:#F0E68C;color:#000000;padding:2px}

/* 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:5px 0 0 0}
ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(arrow.gif);}
ol li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: decimal;}
#menu ol, #menu ul{margin:5px 0 5px 20px;padding:0 0 0 0}
#menu li{margin:3px 0 3px 0px; padding:0 0 0 0}
.itembody ol,.itembody  ul{margin:5px 0 0 20px}

/* tables */
th {font-weight: bold; background-color:#E4F0E4; border:1px ridge #E4F0E4;padding:3px;}
td {padding:3px;}

/* 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: 2px 0 2px 0; margin: 10px auto 0 auto; font-size: 11px;background-color: #AEEA00; border-top: 1px solid #000; display:block; width:100%}
#footer a:link, #footer a:link:visited{ font-size:12px;}
  
 /* forms */
.formfield { background-color: #EEE9DB; border: 1px solid #8E7A47; }
.formbutton{ background-color: #E9E4D5; border: 1px solid #8E7A47; margin-top: 2px; padding:0 0 0 0;font-size: 12px; }
textarea {width: 90%;}

/* 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 0 0 0; padding: 0 0 0 0; font-size:11px }
h4+ol#comments address { font-size: 12px; font-style: normal; text-align: left; color: #F1F8FA; background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 1px 20px; margin: 0 0 0 0; height: 17px; border: 1px ridge #70A0CF; }
h4+ol#comments address a:link,h4+ol#comments address a:visited{ color: #ffffff; }
h4+ol#comments p { background-color: #EAEAEA;font-size: 12px; line-height: 16px; 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 #DFDFDF; margin-bottom: 20px; }
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 0px 0px 0px; border-top: 1px solid #DFDFDF; 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: #CEE8F0; }
.parent { background-color: #F8F3C7; }
.child { background-color: #F6D4C9; }
.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; }
ol#comments .indent .current { background-color: #CEE8F0; margin: 0px 30px 30px 30px; }
ol#comments .indent .parent { background-color: #F8F3C7; margin: 0px 60px 30px 0px; }
ol#comments .indent .child { background-color: #F6D4C9; margin: 0px 0px 30px 60px; }
ol#comments .indent .notpart { display:none }
ol#comments .current p, ol#comments .parent p, ol#comments .child p, ol#comments .indent p {background-color: transparent;}
ol#comments li .reset {display:none}
ol#comments .current .reset, ol#comments .parent .reset, ol#comments .child .reset, ol#comments .notpart .reset { display:inline}
ol#comments .current .show, ol#comments .parent .show, ol#comments .child .show, ol#comments .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 body address{ background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 2px 20px; margin: 10px 0 0 0; height: 17px; color: #F1F8FA; font-style: normal;border: 1px ridge #70A0CF;}
* html body address a:link,* html body address a:visited{ color: #ffffff; font-weight: bold; }
* html body ol#comments li, ol#comments  { list-style: none; padding: 0; margin: 0; }
* html body 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 #DFDFDF; margin-bottom: 20px; }
* html body ol#comments p{ margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; background-color: #EAEAEA; font-size: 12px; line-height: 16px; }
* html body ol#comments p a:link{ text-decoration: underline; }
* html body dfn { right: 0; color: #000; 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; }

/* 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: #AEEA00;  border: 1px outset; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color:#000;}
#toolbar a:hover{ background-color: #CD5C5C; color: #FFFFFF; border-style:inset}

/* top menu */
#topwrapper{background: white; margin:0 0 20px 0; border-bottom: 1px solid #666666;clear:both; height:25px}
#top{margin:0 auto 0 auto; padding:0 0 0 0; width:705px;}
#top ul, #top li{ margin: 0 0 0 0; padding: 0 0 0 0; display: inline; list-style-type: none; border: 0 none; }
#top a:link, #top a:visited{ font-size: 13px; line-height:13px; float: left; margin: 0 0 0 0; text-decoration: none; color: #000; border:0 none;border-left: 1px solid #666666; padding: 5px 0 5px 0;background-color: #ffffff; height:15px}
#top a:hover{ text-decoration: none; background-color:#4081BF;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; }
