body {
      background-color: #000000; 
      background-image: url(gra/bg.jpg);
      background-repeat: repeat-y;
      background-position: center top;
      color: white;
      font-family: Tahoma;
      font-size: 13px;
      position:relative;
      }
      
      
      
a {
   text-decoration: none;
   color: white;
   }
   
a:hover { text-decoration: underline;}


a:focus {border: none;outline: none;}

h1 {      font-family: Verdana;
      font-weight: normal;
      font-size: 18px;
      text-transform: lowercase;}
      
h2 {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 10px;
    text-transform: lowercase;
    color: #ffffff;
    margin-top: 0px;
}


h2 a {color: white!important;}




img {border: none;}

hr {border: 1px dotted white;
    margin: 0px 0px 0px 0px;} 

.clearer {clear: both;}
      
#head { background-image: url(gra/head_bg.gif);
        width: 100%;
        height: 177px;
        margin-top: 32px;
        
        }
        
#head #head_inner 
       {
         width: 775px;
         margin: 0 auto; 
         position: relative;
       }        



#head #head_inner img#animal  
      {
        position: absolute;
        top: 15px;
      }
      
      
#head #head_inner #text_right 
     {
       float: right;
       position: relative;
       top: 50px;
     }

#head #head_inner #text_right #main_headtext {
      font-family: Verdana;
      font-size: 18px;
      color: #C2C2C2;
      letter-spacing: 9px;
      position: relative;
      right: 100px;
      margin-bottom: 15px;
}     

#head #head_inner #text_right #minor_headtext {
     
     font-family: Tahoma;
     font-size: 11px;
     color: #C0C0C0;
     
}

#telo {width: 775px;
       margin: auto;
        }
        
#telo #headline_area
      {width: 100%;
       margin-top: 25px; }
      
#telo #headline_area #menu_hln 

{       float: left;
        color: #CCCCCC;
        font-family: Verdana;
        font-size: 18px;
        text-transform: lowercase;
        
}

#telo #headline_area h1
{
      float: right;
      color: white;
      margin-top: 0px;

}


#telo #leftpanel {
    
    width: 190px;
    height: 100%; 
    float: left;
    border-top: 1px dotted white;
    border-right: 1px dotted white;
    text-align: right;
}


#telo #leftpanel menu {margin-right: 10px;
                       margin-top: 10px; 
                       height: 150px;}

#telo #leftpanel menu li {
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 14px;
   color: #C0C0C0;
   font-family: Tahoma;
   font-size: 11px;
   list-style-type: none;
   font-weight: bold;
   
}


#telo #leftpanel menu li a {
color: #9E9E9E;
}
#telo #leftpanel #shoutboard {
   width: 188px;
   height: 203px;
   background: url(gra/sb_bg.png);
   position: relative;
   padding-top: 15px;
   text-align: center;
   overflow: hidden;
   
    

}

#telo #leftpanel #shoutboard #sb_form {
  padding-top: 25px;
  width: 188px;
  height: 193px;
  background-image: url(gra/head_bg.gif);
  position: absolute;
 left: 0px;
  top: 0px;
  z-index: 50;
  
visibility: hidden;
}






#telo #leftpanel #shoutboard #sb_hln {
  color: white;
  font-weight:bold;
  text-align: right;
  font-family: tahoma;
  font-size: 11px;

}

#telo #leftpanel #shoutboard #sb_body {
  
  position: absolute;
  left: 0px;
  margin-left: 5px;
  margin-right: 10px;
  top: 5px;
 
  
  
}

#telo #leftpanel #shoutboard #sb_body .sb_item 

{ 
  margin-top: 10px;
  text-align: right;
  width: 168px;
  padding-bottom: 10px;
}


#telo #leftpanel #shoutboard #sb_body .sb_activeitem 

{ 
  background-image: url(gra/head_bg.gif);
}

#telo #leftpanel #shoutboard #sb_body .sb_item .sb_item_hln 
{
  color: white;
  font: 10px Tahoma;
}

#telo #leftpanel #shoutboard #sb_body .sb_item .sb_item_text

{
  color: #6F6F6F;
  font: 10px Tahoma;
}

#telo #leftpanel #shoutboard #arrowup 
{
  position: absolute;
  right: 0px;
    top: 5px; 
}

#telo #leftpanel #shoutboard #arrowdown
{
  position: absolute;
  right: 0px;
  bottom: 5px; 
}

#telo #leftpanel #sb_pridej
{
  text-align:center;
  display: block;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  color: white;
  font-size: 11px;
  color: white;
  font-family: Tahoma;
}

#telo #leftpanel .embed
{
  
  right: 5px;
  margin-top: 60px;
}

#telo #content 
{
  width: 550px;
  
  float: right;
  border-top: 1px dotted white;
  text-align: center;
  
}

#telo #content a {text-decoration: underline;}

#telo #content .item

{ 
  cursor: pointer;
  width: 530px;
  height: 120px;
  
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  
}

#telo #content .item .item_image
{
  float: left;
  margin-top: 11px;
  margin-left: 11px;
  margin-right: 11px;
}

#telo #content .item .item_text 
{
  
  float: left;
  height: 97px;
  
  color: #5C5C5C;
  font-family: Tahoma;
  font-size: 10px;
  text-align: left;
  margin-top: 11px;
  width: 390px;
  position: relative;
  
}

#telo #content .item .item_text h2 {
  margin-bottom: 0px;
}

#telo #content .item .item_text .item_text_inner {

  height: 60px;
  overflow: hidden;
}

#telo #content .item .item_text p {

  margin-top: 0px;
}

#telo #content .item .item_text a
{
  color: #5C5C5C;
  
  
}

#telo #content .item .item_text .bottom_item_part 
{
  position: relATIVE;
  top: 13px;

}

#telo #content .item .item_text .bottom_item_part span.item_bottom
{
  margin-right: 50px;
}

#telo #content .item .item_text .bottom_item_part span.comment_count
{
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  
}

#telo #content .strankovani
{
  margin-top: 5px;
  margin-bottom: 5px;
}

#telo #content .strankovani .active_page 
{
  color: #555;
  font-weight: bold;
}

#telo #content .detail {
  text-align: left;
  font-size: 11px;
  
  margin-left: 10px;
  margin-top: 30px;

}

#telo #pata 

{
  background-image: url(gra/head_bg.gif);
  width: 100%;
  height: 35px;
  color: #979076;
  font-family: Tahoma;
  font-size: 11px;
  text-align: center;
  padding-top: 30px;
  position: relative;
} 

#telo #pata #w3c_xhtml_icon
{
  position: absolute;
  left: 100px;
  top: 20px;
}


#telo #pata #w3c_css_icon
{
  position: absolute;
  right: 100px;
  top: 20px;
}
      


.sbicon {margin-right: 5px;}




//last.fm

table.lfmWidgetchart_1200cab7591d440318710a0314e706de td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetchart_1200cab7591d440318710a0314e706de tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.png) no-repeat 0 0 !important;}table.lfmWidgetchart_1200cab7591d440318710a0314e706de tr.lfmEmbed object {float:left;}table.lfmWidgetchart_1200cab7591d440318710a0314e706de tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat 0px 0 !important;;}table.lfmWidgetchart_1200cab7591d440318710a0314e706de tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -85px 0 !important;}table.lfmWidgetchart_1200cab7591d440318710a0314e706de tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -159px 0 !important;}



.detail 
{
  position: relative;
}


.detail .pridej_komentar {
  position: absolute;
  bottom: -64px;
  right: 0px;
  font-size: 11px;
  z-index: 99!important;

}


.detail .pridej_komentar a 
{

 color: #CCCCCC;
}


.comment_area {

  width: 100%;
  background-image: url(gra/head_bg.gif);

  border-top: 1px dotted white;
  border-bottom: 1px dotted white;
  margin-top: 70px;
  
  margin-bottom: 50px;
  text-align: left;
  position: relative;
}





.comment_area .comment_headline {
  padding-lefT: 15px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-weight: bold;
  width: 535px;
  background-color: #444444;
  
}

.comment_area .comment hr {
   margin-top: 10px!important;
     border-color: #AAAAAA;   

}

.comment_area .comment {
  width: 100%;
  font-size: 11px;
}

.comment_area .comment .comment_said {
  font-weight: bold;
  width: 100%;
  margin-bottom: 3px;
  padding-top: 3px;
  padding-bottom: 2px;
  background-color: #333333;
}




#nickinput 
{
  position: absolute;
  top: 100px;
  left: 100px; }

#emailinput 
{
  position: absolute;
  top: 130px;
  left: 166px; }

#webinput 
{
  position: absolute;
  top: 160px;
  left: 160px; }

#text_area
{
  position: absolute;
  top: 190px;
  left: 103px;
  }

#MG_input { position: absolute;
            top: 300px;
            left: 103px;
}

#submit_button 
{
  position: absolute;
  top: 325px;
  left: 300px; }
  
  
#add_result 
{
  position: relative;
  top: 200px;
}