/*
   Chromatica Modrá - simple CSS design for Bloguje.cz diary
   (c) 2006 Robert Madaj
*/


/* All project default */

	body, tr,
	td, input,
	select, textarea 	{font:normal small/1.3 sans-serif;}
	a:link,a:visited 	{text-decoration:underline;}
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 10px 25px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:150%; margin:0 0 12px;}
	h2 					{font-size:140%; margin:8px 0;}
	h3 					{font-size:130%; margin:6px 0 5px;}
	h4 					{font-size:120%; margin:4px 0;}
	h5					{font-size:110%; margin:3px 0;}
	h6 					{font-size:100%l; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}


a { color: #DDF; }
a.visited { #AAC; }
a.hover { #FFF; }

body {
     margin:0;padding:0px;border:0;
     font-family: sans-serif;
     background-color: #999;
     color: #FFF;
     }
     


/* Velky ramik okolo celej stranky */
#kontejner
     {
     margin:0;padding:0;border:20px solid #999;
     width: auto;
     background-color: #FFF;
     }
#index
     {
     margin:0px;padding:0px;border:0;
     background-color: #444;
     }

/* Hlavicka dennicka */
#hlavicka
     {
     background-color: #333333;
     color: white;
     padding: 10px;
     padding-top: 20px;
     }

/* Farba a velkost mena dennicka */
#hlavicka h1
     {
     margin:0;padding:0;
     font-size: 150%;
     color: white;
     font-weight: bold;
     }
#hlavicka a
     {
     color: #FFF;
     text-decoration: none;
     }

/* Text pod nazvom */
/* TIP: skrytie urobte doplnenim riadka display: none; */
#popis
     {
     font-size: 110%;
     }

/* Stlpec s prispevkami, jeho velkost, farba... */
#prispevky
     {
     margin:0;padding:0;border:0;
     background-color: #000;
     color: #FFF;
     float: right;
     width: 70%; /* Sirka stlpca s prispevkami */
     /* po spocitani so sirkou laveho stlpca
     to musi byt menej ako 100% */
     }
     
#prispevky .datum, #prispevky .prispevek, .prispevek-navigace, #komentare
     {
     padding-left: 10px;
     padding-right: 10px;
     }
#prispevky .datum, #prispevky .more
     {
     float: right;
     widtht: 200px;
     color: #999;
     }
#prispevky .prispevek-rubrika
     {
     color: #999;
     }
#prispevky .datum a, #prispevky .more a, #prispevky .prispevek-rubrika a
     {
     color: #999;
     }


#prispevky h3
     {
     font-size: 140%;
     }

#prispevky .prispevek
     {
     margin-bottom: 20px;
     }

#navigace
     {
     width: 29%;
     background-color: #444;
     }
     
#temata, #odkazy, #sluzby, #styly, #archiv
     {
     padding: 8px;
     }

#logo
     {
     clear: both;
     }

#komentare .komentar-hlavicka
     {
     color: #999;
     margin-top: 7px;
 <$BlogCmtAvatar$>
     alt="avatar" class="cmtavatar" />
    <div class="komentar" id="cmt_1"> 
        cmtavatar {width:80px; height:80px; margin:7px;}
<html>
<head>
<style>
.komentare{
width: 50eX;
}
.avatar{
width: 5eX;
float: left;
}
</style>
</head>
<body>
<div class="komentare">
<div class="hlavicka">
[<a id="comment1"></a><a href="#comment1">1</a>] autor: <a href="http://xyz.bloguje.cz">web</a>
</div>
<div class="avatar">
<a href="http://xyz.bloguje.cz"><img src="http://xyz.cz/blogavatar.png"/></a>
</div>
<div class="cmttext">
text komentáře
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-4599254-1";
urchinTracker();
</script>
</body>
</html>

#komentare .komentar-id
     {
     display: block;
     float: left;
     background-color: #333;
     color: #FFF;
     width: 35px;
     padding-left: 2px;
     padding-right: 2px;
     text-align: center;
     margin-right: 4px;
     }

#komentare .komentar-text
     {
     padding-left: 35px;
     }
