@import url(unistyl.css);
@charset "ISO-8859-2";
body {margin: 0; padding: 0;
	color: #fff;  background: #254 url("cekanka.jpg") no-repeat;
  padding: 0; font-family: "Arial CE", Arial, Helvetica, sans-serif; 
  font-weight: normal; font-size: normal;}
a:link {color: #ffc;}
a:visited {color: #ffc;}
a:hover {color: #fbc;}
a img {border:none;}
#kontejner { background: url(zlukyt1.jpg) no-repeat right top; z-index: -1;}
#kontejner:after{content:" Procházej se zahrádkou, voň si ke kytičkám. Nasávej moudrost, porozumění a lásku. Ať je vám tu hezky.";
 font-size:160%; margin-left:230px; color:#9da; display:block;}
#hlavicka
 {height: 140px;	color: #fff; font-size: 120%; text-align: right;
	margin: 0 0 0 20px; padding:0; border: 0;}
#hlavicka h1
	{text-align: right; margin: 0 0 4px auto; padding: 2px 8px 5px 0;
	font-family:  Times serif; width: 14.5em;
	font-size: 200%; color: red; letter-spacing: 0;
  background: url(c148_o50.png)}
#hlavicka h1 a	{ text-decoration: none;	color: #fd8;	border: 0;}
#hlavicka h1 span	{display:none;}
#hlavicka h1 a:hover	{color:#2af;}
#hlavicka h1 a:after	{content:"Zahrada moudrosti a porozumění";}
#hlavicka #ecko {display:none;}
#klikovka {width:141px;height:140px; position:absolute; top:55px; left:50%;
  background: url(cekanka2.png) no-repeat;}
#klikovka a {display: block; margin:0; padding:0; width:100%; height:100%;}
#klikovka a span {display:none;}

#navigace {position: absolute; top: 375px; border-right: 4px double #eb0;
  width:200px; padding-bottom:90em;}
#navigace>div {min-height:50px; background:#205040 url("ctyrlist.jpg") no-repeat top right;
  margin-bottom: 2em; padding: 0 2px 45px 4px; width: 150px;
  border:1px solid; border-color: #254 #143 #132;}
#navigace>div h4 {display:block; width: 75%;  
    border-top: 4px #7a3 solid;
    margin: 0; position:absolute; height: 82px;} 
#navigace div>div {position: relative; top: 30px; color:#cfc; margin: 3px;
   font-size: 95%;}
#navigace #pocitadlo {margin: 20px 13px 15px; background-color: #deb; width: 80px;}
#navigace #sluzby {font-size:80%;}
#navigace #sluzby div {position:normal;}

#navigace #gsearch {margin:16px 0; padding:0 3px;}
#navigace #gtext {width: 94%; background: #132 
 url(http://www.google.com/logos/Logo_25blk.gif) right no-repeat; display:block; margin: 2px 0px 6px; color: #ffe; padding: 3px 1px}


#temata h4:after {content:"Záhonky"}
#temata h4 span {display:none;}
#temata div a[href*="tema-1-tiskace.php"] span {display:none;}
#temata a[href*="tema-1-tiskace.php"]:after {content:"moudrost"}
#temata div a[href*="tema-2-ipsace.php"] span {display:none;}
#temata a[href*="tema-2-ipsace.php"]:after {content:"porozumění"}
#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:"umění"}
#navigace #archiv {overflow: hidden; height: 12.5em; width: 118px;}
#navigace #archiv h4 {width:118px;}
#archiv h4 a:after {content:"Sklípek"}
#archiv h4 span {display:none;}
#odkazy h4:after {content:"Tržnice"}
#odkazy h4 span {display:none;}
#styly h4:after {content:"šlechtírna"}
#styly h4 span {display:none;}

#navigace #infostyl_1 {display: block; margin: 20px 0 20px 0; font-size: 80%;}
/* #navigace #infostyl_1 h4 {margin: 3px 0 15px 0; display:inline; border: none;} */
#navigace #infostyl_1 #is1_1:after {content:" Zahrada"; font-weight: bold;}
#navigace #infostyl_1 #is1_2:after {content:" 160kB"; font-weight: bold;}
#navigace #infostyl_1 #is1_3:after {content:" 28.9.2005"; font-weight: bold;}
#navigace #infostyl_1 #is1_4:after {content:" pružný, okno od 575px. Kytičky pro krásné uživatelky. Rozložení prvků vůbec neodpovídá stromu dokumentu. IE vůbec nevzládá zobrazit.";}

#navig2 {position:absolute; top: 175px; left: 200px; border: #eb0 4px double;
  border-bottom: none; border-right:none; min-height: 280px;}
#slovnik {margin: 0; padding: 0;}
#slovnik h4 {display:none;}
#slovnik dl  {display:block; float:left; width: 25%; margin:15px 0 5px 2%;
  background-color: #148; background:url(c148_o50.png); border: 1px solid;
  padding: 12px 2%; font-size: 80%; border-color: #27c #134 #123 #27b;
  min-height: 140px; z-index:3;}
#slovnik dl dt {background:url(c148_o70.png); margin: 0 60px 3px 0;}
#slovnik dl dt span {display:none;}
#slovnik #slov1 {}
#slovnik #slov1 dt:after {content:"Moudrost";}
#slovnik #slov1 dd:before {content:"Web je pln moudrých myšlenek. I já je hledám. Některé jsou tu. ";}
#slovnik #slov2 dt:after {content:"Porozumění";}
#slovnik #slov2 dd:first-letter {display:none;}
#slovnik #slov3 dt:after {content:"Láska"; color:red;}
#slovnik #slov3 dd:before {content:"se táhne jako červená nit celým blogem. ";}
#slovnik #slov3 dd:after {content:"";}
#slovnik #slov4 {display:none}
#slovnik dl dd {margin-left:1em; color: #ffc;}

#navig2 #AdLaar {display:block; width: 118px; position:absolute;
  top:151em; left: -208px; background-color:transparent;font-size:70%;}
#navig2 #AdLaar {background:#205040 url("ctyrlist.jpg") no-repeat top right;
  padding: 0 2px 45px 4px; border:1px solid; border-color: #254 #143 #132}
#navig2 #AdLaar h6 {font-size:115%; text-transform:lowercase; color:#eee;
  text-align:left; margin-bottom:10px; padding-left:4px;}
#navig2 #AdLaar p {margin: 2px 5px 2px 1px; color:#bea;}
#navig2 #AdLaar a {display:block;}

#ikona {position:absolute; top:114em; left: 15px;
  background-image: url("http://www.bloguje.cz/bloguje.png"); width:88px; height:31px;}
#valid {margin: 20px auto 10px 250px; z-index: 2;}
.ne_zahrada, .jen_explorer, .jen_tmavomodry, .jen_nestyl, .jen_snehulka, .jen_jaro  {display:none}
#ff {position:absolute; left:260px; top:390px; opacity: 0.5; z-index:2;}
#ff:hover {opacity:1;}
#seolinx, #seolinx a {color: #163;}
#seolinx {width:150px; font-size;50%; position:relative; top:-130px; left:0;}


/* ###### PRISPEVKY ########### */
#prispevky {margin: 220px 0 0 160px; padding: 68px 0 0 0px; border-top: none;
  background: url(zlukyt03.jpg) no-repeat top right;}
h2.datum {width: 7em; height: 16px; padding: 9px 0 0 60px; border-top: 4px double #eb0;
  margin-left: 12px; color:#c80}
.prispevek {position:relative; clear:right; padding: 0 0 2.8em 0; min-height: 9.5em;}
.prispevek-perex { padding: 0 0 0 65px}
.prispevek-text {padding: 0 0 0 65px; background: url("zalud250.jpg") no-repeat; 
 background-position: right bottom ; vertical-align:bottom;}
div.cunnilingus div.prispevek-text {background: url("bobul130.jpg") no-repeat; 
 background-position: right bottom ;}
div.tiskace div.prispevek-text {background: url("zaludy130.jpg") no-repeat; 
 background-position: right bottom ;}
.prispevek-text p {padding-right: 30px;}
.prispevek-text .rinfo {z-index: 100;}
div.more {background: #254 url(5cipa_20.jpg) no-repeat 9.8em; padding:0 0 0 3px; 
  margin: 15px 50px 0 0;}
div.more a {background:url(5cipa_20.jpg) no-repeat right; padding: 2px 2em 3px 0;
  text-decoration:none; min-height:20px; height:100%; margin:0;}
div.more a span {background:url(5cipa_20.jpg) no-repeat right; padding: 2px 2em 3px 0;
  text-decoration:underline; line-height:200%}

.prispevek-pata,.prispevek-rubrika {font-size:80%; color: #000;}
.prispevek-pata a,.prispevek-rubrika a {text-decoration: none;}
.prispevek-rubrika {float: right;  height: 9.4em; border: 2px solid;
  border-color: #cdc #555 #343 #aba; width: 10em; padding: 10px;
  background: url("cfff_o35.png"); margin-left: 20px;z-index:3;}
.prispevek-pata {position:absolute; top: 0; right: 2px; width: 30px; height: 100%;
  padding: 1.7em 10px 0 0; z-index:0;}
.prispevek-pata span.jmeno {display:block; margin: 0; font-size:110%; 
 background: url("ruze1.png") no-repeat top right; height: 65px;
  width: 9.9em; position:absolute; top:5.9em; right:0; padding-top: 0.7em;}
.prispevek-pata span.cas {display:block; margin: 7.4em 0 2px -7.2em; width:4em;}
.prispevek-pata span.permalink {display:block; margin: 3px 0 4px -7.2em;}
.prispevek-pata span.komentare {position: absolute; bottom:2em; right:9.8em;
  font-size:130%; width: 190px; font-weight:bold; background:#463 url(zahr_kom.png) repeat-y;
  text-align:right; padding: 1px 1.5em;}

.prispevek-pata span.komentare a {color: #fc0}
.prispevek-pata span.komentare a:hover {color: #f0a;}

#prispevky div.link-archiv {font-size:130%; margin: 0.5em auto 0.2em 80px;}
#prispevky div.link-archiv:before {content:"Archívy zahrady moudrosti"; display:block; font-size:160%;
 padding-left:36px; margin: 0 auto 1.5em; background: url("sedm32_1.jpg") no-repeat center left; }
#prispevky div.link-archiv + div.link-archiv:before {display:none}
h3 {background: url("sedm32_1.jpg") no-repeat center left; padding: 0 0 0 33px; font-size: 155%;
  margin: 2px 0 9px 50px; border-top: 1px solid #395;}
h3 span {padding-right: 40px; background: url("sedm32_1.jpg") no-repeat center right;
  min-height:40px;}
h3 a:link, h3 a:visited {text-decoration:none; color:#fff; font-weight:bold;}
h3 a:hover {color:#cff; text-decoration:underline;}
#prispevky div.prispevek-text > h4 {background: url(5cipa_20.jpg) no-repeat; min-height:20px;
  padding-left: 25px;}

.divider {display:block; visibility:hidden; height:1px;}

.prispevek-rubrika:before {content: "Záhonek";}
.prispevek-rubrika a span {display:none;}
.prispevek-rubrika a[href*="tema-1-tiskace.php"]:after {content:"moudrost"}
.prispevek-rubrika a[href*="tema-2-ipsace.php"]:after {content:"porozumění"}
.prispevek-rubrika a[href*="tema-3-cunnilingus.php"]:after {content:"láska"}
.prispevek-rubrika a[href*="tema-4-vibrace.php"]:after {content:"umění"}
.prispevek-rubrika>span:first-child {display:none;}

.prispevek-navigace {font-size: 80%; width: 9em; border: 2px solid; padding: 7px;
  border-color: #752 #542 #432 #652; background-color:#543; margin: -10px auto 15px;}

/** KOMENTARE #################  ***/
#komentare {position:relative; } 
#komentare h3 {color:#bbb; height: 31px; padding-top:0; clear:right; border-top:none; background-color:#265847;}
#komentare h3 span {height:100%;}

#comalert {width:68px; margin: 2px auto 0 0; float:left; padding: 15px;
  font-size:70%; background:#b70 url(mesicek1.jpg) no-repeat; text-align:left; 
  position:absolute; bottom:10%; left: -62px; color: #254;
  border: 4px double #eb0; border-style: none double;}
#comalert h5 {margin: 0 1em 0.1em 0px; font-size:100%;
  font-weight:normal;}
div.komentar {clear:right; padding: 10px 10px 0 94px; margin:0 10px 0 0; 
  border-bottom: 4px dotted #790; min-height: 8em;
  background: url(cekanico.png) 41px bottom no-repeat;
  position: relative;}
span.komentar-id {font:150% bold; color:#267; position:absolute; left: 60px; top:1.45em; }
span.komentar-detaily {display: block; float: right; max-width:45%;
  border: 2px solid; border-color: #cdc #555 #343 #aba; padding: 8px 10px 14px 9px;
  background: url("cfff_o35.png"); margin-left: 20px;z-index:3;}
span.komentar-titulek {display:block; position: absolute; top:11px; left: 70px;
  font-weight:bold; color: #fc0; font-size:110%}
span.komentar-autor {display:block; color:#030; font-weight:bold;}
span.komentar-autor:before {content:"psal "; color: #ffc; font-size:75%;font-weight:normal;}
span.komentar-mailto {display:block;font-size:90%;}
span.komentar-web {font-size:80%;}
span.komentar-cas {display:block; font-size:75%;padding-top: 4px;} 
div.komentar-text {padding: 25px 0 40px 0;background: url("nosoroze.jpg") no-repeat; background-position: right bottom; }

#komentar-dalsi {margin: 0 0 0 60px; background: url("ruzlut1.jpg") no-repeat top right ;
  padding: 5px 0 0 0;}
#komentar-dalsi:before {content: "Zasaď semínko do zahrady..."; display:block;
  font-weight: bold; font-size: 110%; margin: 12px auto 5px 0;}
#komentar-dalsi>h4 {display:none}
label:hover {background-color: #265;}
input, textarea {background-color: #245; color:#fff;}
input[type=submit] {background-color: #365; color:#fff;}
fieldset {padding:9px 9px 9px 18px; margin:0; border:1px #354;}
fieldset:before {content: "Ahoj";}
legend {display:none;}


/*#################### OBECNE ###*/
.rinfo, .linfo {color: #fcb;}
.rinfo {border-left: 3px dotted #465; 
  background: url(jasnlr90.jpg) no-repeat top right;}
.linfo {border-right: 3px dotted #465; text-align:right; padding-right:10px;
  background: url(jasnll90.jpg) no-repeat top left;}
div.limg, div.rimg {background-color:#cd8; color:#005; font-size:80%;}
div.limg a, div.rimg a {color:#600;}
div.bigimg {overflow:auto; margin: 10px 2px 10px 10px;}

code,span.code {background-color: #241; color: #fda;
  font: 90%/1.4 monospace; padding: 0.15em 0.9em;}
code  {width:90%; margin: 1em auto; padding: 0.5em 0.9em;}
pre b {color:#ff8}

div.basnicka {border: 4px #b80 double; border-style: none double; width: 45%;
  font-variant:small-caps; text-transform:capitalize;
  background: url(cekanico.png) no-repeat; padding-top:0;}
div.basnicka h4 {height: 40px; position:relative; margin: 0 0em 0.1em 0;
  background: url(cekanico.png) no-repeat right top; padding:15px 20px 0 47px;}
div.basnicka h4 span {margin: 0;}
div.basnicka div {margin: 0 0 0 10%;}
em {color: #af0;}
.vsuvka {color: #bcb;}
.anketa {text-align:center; padding:2px auto;}
.anketa input {margin:0px auto;}

.schovej * {visibility:visible;}
.schovej:hover * {visibility:hidden;}

