html, body{ 
 margin:0; 
 padding:0;                                                                         
 text-align:center;                    
 background:  url(bg.gif) no-repeat fixed center center;
 font-family: calibri, arial;      
} 
a, a:visited {
  text-decoration: none;
  color: #009900;
} 
#pagewidth{ 
 width:800px;
 text-align:left;  
 margin-left:auto;                                                     
 margin-right:auto;       
 margin-top: 20px;

} 
/* hlavička */ 
#header{
 position:relative; 
 height:200px; 
 width: 800px; 
 background: url(head.gif) no-repeat; 
 margin-bottom: 25px;  
}
#page-name {
  position: relative;
  top: 25px; left: 17px;
}
#page-description {
  position: relative;
  top: 25px; left: 37px;
  font-style: italic;
}
h1 {
  font-family: Comic Sans MS, calibri, arial;                     
  color: rgb(0,255,51);
  font-size: 24pt;
} 
/* levé menu */ 
#leftcol{
 width:200px; 
 min-height: 315px;
 float:left; 
 position:relative; 
}
#page-description {
  position: relative;
  top: 20px; 
  color: red;
  font-weight: bold;
}
#box-top {
 width: 200px; height: 47px;
 background: url(box-top.gif) no-repeat;
}
#box-middle {
 background: url(box-middle.gif) repeat;
 padding-left: 25px ;
}
#box-middle li {
 list-style: none url();
}
#box-bottom {
 width: 200px; height: 28px;
 background: url(box-bottom.gif) no-repeat;
}
#datum {
  text-align: center;
  margin-top: 15px;
  color: lime;
  font-weight: bold;
  font-size: 15pt;
  font-family: Bradley Hand ITC;
}
#hodiny {
  text-align: center;
  color: lime;
  font-weight: bold;
  font-size: 15pt;
  font-family: Bradley Hand ITC;
}
/* obsahová část */ 
#maincol{
 width: 580px;  
 float: right; 
 display:inline; 
 position: relative; 
 }
/* obsahová patička */ 
#footer{
 height:20px;  
 clear:both;
 padding-top: 60px;
 text-align: center;
 font-size: 10pt;
 } 
/*výpis kategorii */
div#date {
  background: url(calendar.png) no-repeat;
  height: 14px; 
  padding-left: 15px;
  font-size: 10pt;
  font-style: italic;
}
h2#nazev_clanku {
  line-height: 17px;
  color: orange;
}
div#strankovani {
text-align: center;
font-weight: bolder; 
}
div.allItem {
  float: right;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 10pt;
  font-style: italic;
  background: url(item.gif) no-repeat center left;
}
div.categorie {
  float: right;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 10pt;
  font-style: italic;
}
div.commentIcon {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10pt;
  font-style: italic;
  background: url(comment.gif) no-repeat center left;
}
div.textCenter {
  text-align: center;
}
div.textBold {
  font-weight: bold;
}
/* výpis článku */
h2#clanek {
  line-height: 17px;
  color: orange;
}
img#clanek {
  border: 0px;
  margin: 5px;
}
div#clanek_imgCenter {
  text-align: center;
  margin: auto;
}
div#clanek_date {
  background: url(calendar.png) no-repeat;
  height: 14px; 
  padding-left: 15px;
  font-size: 10pt;
  font-style: italic;
}
div#clanek_sdileni {
  float: right;
}
div#clanek_facebook {
  width: 24px; height: 24px;
  background: url(facebook.png) no-repeat;
  margin: 5px;
  float: right;
}
div#clanek_twitter {
  width: 24px; height: 24px;
  background: url(twitter.png) no-repeat;
  margin: 5px;
  float: right;
}
div#clanek_diskuse {
  clear: both;
}
/* komentáře */
div.komentare_cools1 {
  width: 19%;
  float: left;
  text-align: right;
  padding-right: 20px;
  font-weight: bold;
}
div.kometare_cools2 {
  width: 79%;
  float: right;
}
input.komentare_width {
  width: 350px;
}
textarea#komentare_text {
  width: 350px;
  height: 70px;
}
div#komentare_no {
  text-align: center;
  font-weight: bold;
  padding: 30px 0 30px 0;
}
div#komentare_autor {
  font-weight: bold;
  color: #00DC6A;
}
div#komentare_autor_data {
  font-size: 10pt;
  color: gray;
}
div#komentare_text {
  margin: 5px 0 10px 0;
  overflow-x: hidden;
}
h3#komentare {
  color: #000F6A;
  font-size: 13pt;
  font-weight: bold;
}
div#komentare_formular {
 margin-top: 35px;
}