/*
   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:none;}
	a:hover 			{font-weight:bold;}
	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; color: darkorange;}
	h3 					{font-size:130%; margin:6px 0 5px; color: #CC6600;}
	h4 					{font-size:120%; margin:4px 0; color: orange;}
	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: darkorange; }
a.visited { darkorange; }
a.hover { darkorange; bolder }

body {
     margin:0;padding:0px;border:0;
     font-family: verdana;
     color: #000033;
     }
     


/* Velky ramik okolo celej stranky */
#kontejner
     {
     margin:0;padding:0;border:5px solid white;
     width: auto;
     }
#index
     {
     margin:0px;padding:0px;border:0;
     }

/* Hlavicka dennicka */
#hlavicka
     {
     color: #ffffcc;
     padding: 10px;
     padding-top: 5px;
     height: 170px;
     
     }

/* Farba a velkost mena dennicka */
#hlavicka h1
     {
     margin:0;padding:0;
     font-size: 300%;
     color: #ffffcc;
     font-weight: bold;
     }
#hlavicka a
     {
     text-decoration: none;
     color: white;
     font-size:1px;
     letter-spacing: 5px;
     }

/* Text pod nazvom */
/* TIP: skrytie urobte doplnenim riadka display: none; */
#popis
     {
     font-size: 110%;
     color: white;
     margin-left: 12em;
     }

/* Stlpec s prispevkami, jeho velkost, farba... */
#prispevky
     {
     margin:0;padding:0;border:0;
     border-left: 1px solid #747474;
     color: #363636;
     float: right;
     background-color:white;
     width: 80%; /* 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%;
     color: #cc6600;
     }

#prispevky h2 a:hover
     {
     color: darkorange;
     }

#prispevky .prispevek
     {
     margin-bottom: 20px;
     }



#navigace a
     {
     width: 19%;
     color: darkorange;
     font-weight: bold;
     }

#navigace a:hover
     {
     width: 19%;
     color: silver;
     }
     
#temata, #odkazy, #sluzby, #styly, #archiv
     {
     padding: 8px;
     background-color:white;
     }

#logo
     {
     clear: both;
     }

#komentare .komentar-hlavicka
     {
     color: #999;
     margin-top: 7px;
     background-color: white;
     }

#komentare .komentar-id
     {
     display: block;
     float: left;
     background-color: #333;
     color: #FFF;
     width: 30px;
     padding-left: 2px;
     padding-right: 2px;
     text-align: center;
     margin-right: 4px;
     }

#komentare .komentar-text
     {
     padding-left: 35px;
     }