@import url(unistyl.css);
@charset "ISO-8859-2";

body {margin: 0; padding: 0; color:#000; background-color:#786;
padding: 0; font-family: "Arial CE", Arial, Helvetica, sans-serif;
font-weight: normal; font-size: normal; min-height: 45em}

a {color:#060}
a:hover, a:hover span, a:hover:visited {color:#fff; background-color:#585;}
a:visited {color:#151; background-color:inherit;}
a img {border:1px solid transparent;}
a img:hover {border:#060 1px solid;}

#index, #spot {background: url(j_snezen01.jpg) no-repeat top right;}
h1 {font-size: 220%; margin-top:0; padding: 8px 2px 15px 0; color:#fff;
 height: 1em; line-height:0.9em}
h1 a,h1 a:visited {text-decoration:none; color:inherit; background-color:inherit;}
h1 a:hover {text-decoration:underline; background-color:inherit;}
h1 span	{display:none;_display:visible; _color:#fff;}
h1 a:after	{content:"Jaro na bložínku";}

#hlavicka {height: 375px; background-color: #544; color: #efe; margin-right: 398px;
 padding: 30px 5px 20px 20px; background: url(j_vetyvka.jpg) no-repeat 75% top;}
#hlavicka #popis {color: #ceb; font-size:140%; font-weight:bold; border-top: #085 3px solid; margin:20px 20px 0 0; padding: 8px 5px;}

#prispevky {margin-right:246px; padding: 2px 25px 10px 4%;
 background: #aba url(j_sn_roh.jpg) no-repeat top right;}

h2.datum {margin:0; padding: 4px 20px 2px 18px; width: 150px; height: 29px;
 background: url(j_datum.png) no-repeat; font-size: 130%;}
h3 {font-size:170%; margin:0; padding:3px 20px 3px 20px; height:40px;
 background: url(j_bg_h3_40.png) repeat-x}
h3 a {text-decoration:none;}
h3 a:visited:hover {color:#fff;}

div.prispevek {border:1px solid; margin: 5px 0 25px; overflow:auto;
 background-color: #ecfcec; border-color: #fafafa #bcb #9a9 #dcd;}

div.prispevek-rubrika {border:1px solid; background: #eee; width: 22%;
 margin: 0 10px 5px auto; font-size:80%; border-color: #fff #aba #9a9 #ccc;
 padding: 0 5px;}
div.prispevek-rubrika a span {display:none;}
div.prispevek-rubrika a[href*="tema-1-tiskace.php"]:after {content:"slunce"}
div.prispevek-rubrika a[href*="tema-2-ipsace.php"]:after {content:"teplo"}
div.prispevek-rubrika a[href*="tema-3-cunnilingus.php"]:after {content:"láska"}
div.prispevek-rubrika a[href*="tema-4-vibrace.php"]:after {content:"chvění"}


div.prispevek-perex {padding: 0 20px;}

div.prispevek-text {margin-top: 10px; padding: 0 20px;}
div.prispevek-text form {margin: 15px auto; background: #cdc url(bg_otaz.png);}
div.anketa {background-color: #aba; width: 263px; margin: 0 auto;}
div.anketa input[type=image] {width: 250px; margin:0 auto;}


div.prispevek-pata {border-top: 2px solid #9ba; border-bottom: 2px solid #262;
 margin-top: 20px; font-size:80%;
 background: #384; color: #fff;
 text-align: right; padding: 1px 20px 1px 10px;}
div.prispevek-pata a {color:#ff2;}

div.more a {height: 16px; width: 200px; background: url(j_sip_r_16.png) no-repeat right; padding-right: 20px; }

div.itemnext { float:left;}
div.itemnext a {width:100%; height:100%; display:block;
 background: url(j_sip_sz.png) no-repeat; height: 26px;
 padding-left: 40px; width: 7em;}
div.itemprev { float:right; text-align:right;}
div.itemprev a {width:100%; height:100%; display:block;
 background: url(j_sip_jv.png) no-repeat right; height: 26px;
 padding-right: 40px; width: 7em;}
/* ---- archiv.php ------- */
#prispevky div.link-archiv {font-size:130%; margin: 1em;}
#prispevky #spacer + div.link-archiv:before {content:"Archív bložínku"; display:block;
margin: 0 0 2em 0;  padding:5px 20px 3px 20px; height:40px; font-weight:bold; font-size:130%;
 background: url(j_bg_h3_40.png) repeat-x }

/* ######### NAVIGACE ####################*/
#navigace {position:absolute; right:0; top:516px; width:220px; padding: 13px; background: url(j_bg_r_sne.jpg) repeat-y right; z-index:10}
#navigace a {margin: 7px 0; color: #041; display:block; padding-left: 8px;
 border-top: 1px solid #badfba; border-bottom: 1px solid #a0c2a0; text-decoration: none; background-color:#b0d2b1}
#navigace a:hover {color:#fff; background-color:#585; border-top: 1px #000 solid; border-bottom:  1px #cec solid;}
#archiv h4 a {background-color: #9b9; border-top: 1px solid #aca;}
#temata, #odkazy, #sluzby, #archiv, #styly, #infostyl_1 {padding: 8px 8px 15px; background-color: #aca;
 margin: 20px 5px;}

#navigace div h4 {padding: 6px 6px 6px 10px; background: #9b9 url(j_menuico.jpg) no-repeat right;
 margin: 0 0 10px 0; height: 25px; border-left: 2px solid #a8c6a9;}
#navigace #archiv a {display:inline;}
#navigace #sluzby #pocitadlo {margin: 10px auto; width: 40%; padding: 5px 10px 2px;
 background: url(j_bg_h3_40.png) repeat-x}
#navigace #sluzby #IM { margin: 0px 9px; padding: 0; }
#navigace #sluzby #IM a { margin: 0; padding: 0; display:inline;}
#gsearch {color:#585}

/* --- temata --- */
#temata div a[href*="tema-1-tiskace.php"] span {display:none;}
#temata a[href*="tema-1-tiskace.php"]:after {content:"slunce"}
#temata div a[href*="tema-2-ipsace.php"] span {display:none;}
#temata a[href*="tema-2-ipsace.php"]:after {content:"teplo"}
#temata div a[href*="tema-3-cunnilingus.php"] span {display:none;}
#temata a[href*="tema-3-cunnilingus.php"]:after {content:"láska"}
#temata div a[href*="tema-4-vibrace.php"] span {display:none;}
#temata a[href*="tema-4-vibrace.php"]:after {content:"chvění"}

/* ---styly---- */
#navigace #infostyl_1 {display:block;}
#navigace #infostyl_1 h4 {margin: 3px 0 15px 0;}
#navigace #infostyl_1 #is1_1:after {content:" jaro"; font-weight: bold;}
#navigace #infostyl_1 #is1_2:after {content:" 40kB"; font-weight: bold;}
#navigace #infostyl_1 #is1_3:after {content:" 5.4.2006"; font-weight: bold;}
#navigace #infostyl_1 #is1_4:after {content:" minimálni šiřka okna 560px. Maximálni přijatelná šířka okna 1350px. Obdoba mé soutěžní šablony \'Sněženka\'";}

#styly a {height:25px;}

#styly #css1 a {background: #578 url(tmavmodi.png) no-repeat;
  background-position: 92% center; color: #5ef;}
#styly #css1 a:hover {background-color:#4df; color: #044;}
#styly #css1 a:hover span {display:none;}
#styly #css1 a:hover:after {content: " pro_mozillu"; color: #000;}
#styly #css2 a {background: url(exploder.gif) no-repeat;
  background-position: 92% center;}
#styly #css2 a:hover {background-color:#a00;}
#styly #css2 a:hover span {display:none;}
#styly #css2 a:hover:after {content: "bléeee"; font-size:36px; text-decoration:none;
  letter-spacing: 0.1em; font-weight:bold; color: #4bf; line-height: 0.6em;}
#styly #css3 a {background: #bdc url(cekanico.png) no-repeat;
  background-position: 93% center;}
#styly #css3 a:hover {background-color:#154;}
#styly #css3 a:hover:after {content: " moudrosti"; color: #cf8;}
#styly #css4 a {background: url(zsnehico.png) no-repeat;
  background-position: 92% center;background-color:#dfeff2;}
#styly #css4 a:hover span {display:none;}
#styly #css4 a:hover:after {content: "sněhová královna"; color: #046;}
#styly #css5 {display:none;}
#styly #cssoff a {background: #ccc url(nestyl_bw.png) no-repeat;
  background-position: 92% center;}
#styly #cssoff a:hover {background: #024 url(nestyl.png) no-repeat;
  background-position: 92% center; color:#aaa;}
#styly #cssoff a:hover span {display:none;}
#styly #cssoff a:hover:after {content: "Neformátovaný text"; color: #bbb;}



/*################# NAVIG 2 ###########*/
#navig2 {position:absolute; top: 275px; left: 20px; margin-right: 330px;}
#slovnik {margin: 0; padding: 0; _margin-right:150px;}
#slovnik h4 {display:block; color: #050; padding-left: 10px;
 border-top: 2px solid #797; border-bottom: 2px solid #262;
 background: #373; color: #ccb; margin-right: 90px; _margin-right: 10px;
}
#slovnik dl  {display:block; float:left; width: 15%; margin:8px 0 5px 10px;
  padding: 3px 1% ; font-size: 80%; border-color: #275 #143 #132 #275;
  background: url(j_slovn4.png) no-repeat; z-index: 1;
  height: 30px; z-index:3; overflow:hidden; _width: 12%}
#slovnik dl:hover {height:auto; overflow:visible; background: url(j_slovho.png) repeat-x;}
#slovnik dl dt {margin: 0 10px 19px 0; color:#dfd; }
#slovnik dl:hover dt { margin:0 0 5px 3px; color:#fff; font-size:120%;}
#slovnik dl dd {_display:none;}
#slovnik dl:hover dd {background:url(c363_o75.png); margin: 10px 0 0 -20px;
 color:#eee; z-index:3; padding: 10px 40px 20px 15px; width: 130%;
 color: #eff; border:1px solid; border-color: #484 #252 #242 #373;}
#slovnik dl dt span {display:none;_display:visible;}
#slovnik #slov1 dt:after {content:"Slunce";}
#slovnik #slov1 dd:before {content:"Slunce svítí na bložínek a vtiskne mu svou zář. ";}
#slovnik #slov2 dt:after {content:"Teplo";}
#slovnik #slov2 dd:first-letter {display:none;}
#slovnik #slov2 dd:before {content:"Když je teplo, dělá se ipsace. ";
 display:block; padding-bottom:4px; margin-bottom:4px; border-bottom: 1px #494 dashed;}
#slovnik #slov3 dt:after {content:"Láska";}
#slovnik #slov3 dd:before {content:"se táhne jako červená nit celým blogem. ";}
#slovnik #slov4 dt:after {content:"Chvění";}
#slovnik #slov4 dd:before {content:"je někdy nedostatečné. Proto mu pomáháme moderní technikou. ";}

#slovnik dl dd {margin-left:1em; color: #ffc;}
#slovnik dl dd em {background-color:#262;}

/* ######### KOMENTARE ####################*/
#komentare {margin-top: 60px; background: url(j_bg_ctyrl.jpg);}

#comalert{ width: 50%; font-size:75%; border:1px solid; margin: 4px 0 0 auto;
 background-color: #9a9; color: #fff; padding: 5px; border-color: #a0b2a0 #90a090 #898;}
#comalert h5 {margin:0 10px 20px 2px; font-size: 100%; width: 4.5em; float:left;}
#comalert span {display: none;}
/*#comalert:after {content:"Pozor! Komentářová služba aktivní! Komentujte, jen pokud jste si jisti, že to zvládnete :-) Vypnutí služby provedete změnou stylu na jiný, třeba tmavomodrý (menu vpravo).";}*/
#comalert:after {content:"Ou! Tu je včil komentářová služba dočasně vypnuta";}
div.komentar {border:1px solid #fd0; margin: 15px 0 20px 0; background-color: #9a9;
 border-color: #9a9 #898 #676 #9a9; overflow:auto;}
span.komentar-id {color: #cec; background-color: #898; display:block;
 width: 40px; font-size: 200%; float:left; padding: 5px; text-align: center;}
div.komentar-hlavicka {padding-bottom:5px; border-bottom: 1px solid #787}
span.komentar-titulek {font-weight:bold; font-size:115%; color:#ff0; padding: 2px 10px;}
span.komentar-detaily {}
span.komentar-autor {font-weight: bold;}
span.komentar-mailto {font-size:85%;}
span.komentar-web {font-size:85%;}
span.komentar-cas {font-size:75%;}
div.komentar-text {background-color: #bcb; padding: 6px 15px;
 border-left: 50px solid #898; border-bottom: 1px solid #ded;
 border-right: 1px solid #d5e5d5;}

#komentar-dalsi {margin: 25px 0 0 0;}
#komentar-dalsi fieldset {border: 2px solid #898; padding-left:12px}
#komentar-dalsi textarea {width:90%;}
#komentar-dalsi div.imput label {width: 120px; float:left; clear:both; display:block}
#komentar-dalsi div.imput input {margin-left: 5px;}
#komentar-dalsi #kom-area {clear:left;}

/* ------- komentarova sluzba
#komentare #cmt_1 div.komentar-text:before {content:"První! ";}
#komentare #cmt_2 div.komentar-text:before
 {content:"[1] To je toho, muj je druhy."; display:block;}
#komentare #cmt_3 div.komentar-text:before
 {content:"[1],[2] jste jak malí!"; display:block;}
#komentare #cmt_5 div.komentar-text:before
 {content:"Ahoj, nevím o co jde, ale mrkněte na můj blog."; display:block; margin-bottom:1.5em;}
#komentare #cmt_6 div.komentar-text:after
 {content:"To by se u nás v Brně stát nemohlo"; display:block;}
#komentare #cmt_7 div.komentar-text:before
 {content:"LINUX RULEEEEZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!"; display:block;}
#komentare #cmt_8 div.komentar-text:after
 {content:"BTW mám taky blog"; display:block;}
#komentare #cmt_9 div.komentar-text:before
 {content:"[7] Mám Apple a jsem v pohoě. ";}
#komentare #cmt_10 div.komentar-text:before
 {content:"[1] Admine, vymaz ho!!! "; display:block;}
#komentare #cmt_11 div.komentar-text:before
 {content:"Copak hoši vadí Vám odlišný názor? Navzájem si tady měsíce poklepáváte po ramenou, střed minimálně Evropy, elita bojovníků za svobodu a demokracii, radikální odpůrci všeho starého, zapšklého,atd. Tak snad Vás admin poslechne a demokraticky uzavře přístup všemu co se nehodí."; display:block; margin-bottom:1.5em;}
#komentare #cmt_12 div.komentar-text:before
 {content:"[10] "; display:block; margin-bottom:1.5em;}
#komentare #cmt_13 div.komentar-text:after
 {content:"Prahajzli říkají, že je tu nemáme rádi, ale to není pravda! Když k nám, cajzlové, přijedete, tak uznáte, že se i k pobóchaným čížkům chováme normálně. A jestli to nechcete pochopit, tak jste vymaštěný vydlabaný hovada a patří vám rozbít držku!"; display:block; margin-top: 1.5em;}
#komentare #cmt_16 div.komentar-text:before
 {content:"co za tím je???!!"; display:block; margin-bottom:1.5em;}
#komentare #cmt_20 div.komentar-text:before
 {content:"DVACATY!!  ";}
#komentare #cmt_21 span.komentar-titulek:before
 {content:"Mizerný spot! ";}
#komentare #cmt_22 div.komentar-text:before
 {content:"a vám neni divný,že kde se objeví roj,rožánek nebo dent tam se řeší \'obrovská\' kauza? známe je!!!!!!!"; display:block; margin-bottom:1.5em;}
#komentare #cmt_24 div.komentar-text:after
 {content:"Inteligent pouziva jedine OPERU"; display:block;}
#komentare #cmt_27 div.komentar-text:before
 {content:"urcite volis zeleny nebo komunisty!"; display:block;}
#komentare #cmt_29 div.komentar-text:before
 {content:"Ty tady machrujes, ze mas u spotu tricet komentaru... Nemas! Ja jsem poslední a uz se na tebe vsichni vykaslou. A udelaji dobre, stejne tady neni co cist."; display:block; margin-bottom:1.5em;}

 konec komentarovky */

/* ######### reklama + spol ####################*/
#ikona {position: relative; top: -185px; width:170px; margin: auto 20px auto auto; background: url("http://www.bloguje.cz/bloguje.png") no-repeat;}
#ikona a:hover {background-color:transparent;}
#ff {position: relative; top: -160px; width:170px; margin: auto 20px auto auto;}
#valid {position: relative; top: -125px; width:170px; margin: auto 20px auto auto;}
#reklama {display:none;}
#klikovka {position: absolute; top: 45px; right: 80px; width:380px; height: 240px;}
#klikovka a {display:block; width:100%;height:100%;}
#klikovka a span {display:none}
#klikovka a:hover {background: transparent;}

/* ############# OBECNE ################ */

.ne_jaro, .jen_explorer, .jen_zahrada, .jen_nestyl, .jen_snehulka, .jen_tmavomodry {display:none}
em {background-color: #ffe}
div.kviz {background: #bcb url(j_bg_otaz.png); border-bottom:#9a9 solid; border-top:#cdc solid; }
div.otas {border-bottom: #aba groove;}
div.kviz:last-child {border-bottom:none;}
div.kviz div.odp {border-color: #9a9 #d2e5d5 #d7e6d5 #aba; background-color:#cdc; margin-top:1em;
 color:#888}
div.kviz div.odp:hover {color: #000; background-color: #ded;}
div.prispevek-text form {margin: 15px auto; background: #cdc url(j_bg_otaz.png);}
div.anketa {background-color: #aba; width: 243px; margin: 0 auto;}
div.anketa input[type=image] {width: 240px; margin:0 auto;}

.linfo, .rinfo {background-color: #ffe; border: 3px double #acb;}
.linfo pre, .rinfo pre {background-color: inherit;}
.linfo em, .rinfo em {color:#c00}
.linfo {margin-right: 2.5em; padding-right: 1em}
.rinfo {margin-left: 3em; padding-left: 1em;}
div.basnicka {width: auto; min-height: 120px; background: #cdc url(j_bglyra.png) no-repeat 15px 20px;
 padding-left:25%;}

li {margin-bottom: 0.3em;}
h5 {margin-bottom: 0.5em;}
pre {background-color: #fef; overflow:auto;}
code, .code {background-color: #fef; color: #006}
code {font-size:90%;}

.cimg { overflow:auto;text-align:center;}
.anketa {text-align:center; padding:2px auto;}
.anketa input {margin:0px auto;}

.linkit {font-size:70%; margin: 1px 17px;}
.linkit a {margin: 0 3px;}

.schovej * {visibility:visible;}
.schovej:hover * {visibility:hidden;}

pre.akord {color:#798;}
pre.akord b {font-weight:bold; color:#000;}
pre.akord i {font-weight:bold; color:#f56;}
.akordy sup {color:#061;}