/** ********************************************
  * *  CSS Design for Paul Rockseek's website  *
  * ****  Copyright (c) Tomáš Vaisar, 2008  ****
  * ******************************************** */
  
body
{
    margin: 0;
    font-family: "Segoe UI", "Trebuchet MS", sans-serif;
    font-size: 16px;
    text-align: center;
    background: url('img/foot.jpg') repeat left top;  
}

#main
{
    height: auto;
    position: relative;
    background: url('img/bg.jpg') repeat-x left top #fff;
}

#page
{
    text-align: left;
    margin: auto;
    width: 916px;
    padding-bottom: 20px;
}

#head
{
    height: 201px;
    background: url('img/head.jpg') no-repeat left top;
}

#leftPanel
{
    float: left;
    width: 158px;
    height: 371px; 
    padding: 5px 0 0 1px;
    background: url('img/panel_left.jpg') repeat-y right top;
}

#leftMenu
{
    margin-bottom: 2px;
}

#content
{
    float: left;
    width: 587px;
    height: 366px;
    font-size: 12px;
    overflow-y: auto;
    padding: 5px;
    text-align: justify;
    border: 1px solid #dedede;
    border-top: none;
    border-bottom: none;
    background: #fff;
}

#content h2
{
    margin: 0;
    font-size: 24px;
    text-transform: lowercase;
    border-bottom: 3px solid #000;
}

#content h2 span
{
    padding-right: 60px;
    background: url('img/h2.jpg') no-repeat right center;
}

#rightPanel
{
    float: right;
    width: 158px; 
    padding-top: 5px;
    background: url('img/panel_right.jpg') repeat-y left top;
}

#photoPanel
{
    height: 201px;
}



#finisher
{
    clear: both;
    height: 35px;
    background: url('img/finisher.jpg') no-repeat left top;
    padding-bottom: 20px;
}

/* *************************** */

/* Hlavicka */

#head
{
  
}

/* *************************** */

/* Menu */
 #rightEar
{
    height: 191px;
    padding: 5px 10px;
    font-size: 12px;
    background: url('img/ear_right.jpg') no-repeat left top;
    text-align: right;
}

#rightEar span.akceName
{
    font-weight: bolder;
    font-size: 14px;
    color: #24426e;
    text-align: left;
    display: block;
}

#rightEar div.akce
{
    padding-bottom: 5px;
    border-bottom: 1px solid #a3a3a3;
}

#rightEar h3
{
    margin-top: 0;
    font-size: 16px;
    border-bottom: 3px solid #000;
}

div.menuButton
{    
    width: 138px;
    line-height: 24px;
    /*margin-bottom: 3px;*/
    text-transform: lowercase;
    color: #fff;
}

input.schovat 
{
  display: none;
}

div.menuButton a
{
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

div.menuButton a:hover
{
    font-weight: bolder;
    text-decoration: underline;
}

div.leftMenuButton
{
    padding: 5px 10px;
    text-align: left;
    background: url('img/mnu_left.jpg') no-repeat left top #3a3a3a;
}

div.leftMenuButton:hover
{
    background: url('img/mnu_left_hv.jpg') no-repeat left top #3a3a3a;
}

div.rightMenuButton
{
    padding: 5px 10px;
    text-align: right;
   background: url('img/mnu_right.jpg') no-repeat left top #3a3a3a;
}

div.rightMenuButton:hover
{
    background: url('img/mnu_right_hv.jpg') no-repeat left top #3a3a3a;
}
  div.newska
  {
    
    margin-top: 15px;
    margin
  }
  
  div.newskaHead
  {
    padding: 3px 5px;
    border-bottom: 3px solid #92a1c6;
  }
  div.newskaHead a 
  {
    color: black;
  }
  div.newskaHead a:hover
  {
    text-decoration: none;
  }

  
  div.newskaText
  {
    padding: 3px 5px;
    text-align: justify;
  }
  div.newskaText a 
  {
    color: black;
  }
  div.newskaText a:hover
  {
    text-decoration: none;
    color: black;
  }
       div.song
        {
          margin-top: 15px;
        }
        
        div.songHead
        {
            padding: 3px 5px;
            border-bottom: 3px solid #92a1c6;
        }
        
        div.songName
        {
            float: left;
            font-weight: bolder;
        }
        
        div.songPlay
        {
            float: right;
        }
        
        div.songNote
        {
            float: left;
                        padding: 3px 5px;
            color: #24426e;
        }
        
        div.songStars
        {
            float: right;
        }
        
        div.songStars img
        {
            border: 0;
        }
        
        div.umbaba div
        {
            display: inline;
        }
        
        div.umbaba div img
        {
            border: 0;
            margin-right: -3px;
            visibility: hidden;
        }
        
        div.umbaba
        {
            margin-top: 3px;
            background: url('img/allstars.jpg') no-repeat left bottom;
        }
        
            div.umbaba5:hover
        {

            background: url('img/1star.jpg') no-repeat left bottom;
        }
        
        div.umbaba4:hover
        {
            background: url('img/2star.jpg') no-repeat left bottom;
        }
        
        div.umbaba3:hover
        {
            background: url('img/3star.jpg') no-repeat left bottom;
        }
        
        div.umbaba2:hover
        {
            background: url('img/4star.jpg') no-repeat left bottom;
        }
               
        div.umbaba1:hover
        {
            background: url('img/5star.jpg') no-repeat left bottom;
        }
                .cleaner
        {
            clear: both;
        }
/* *************************** */

/* Paticka */
  
#foot
{
    font-size: 12px;
    width: 100%;
    text-align: center;
    line-height: 49px;
    color: #fff;
    font-weight: bolder;
    border-top: 5px solid #a3a3a3;  
}

#advert
{
    margin: auto;
    text-align: center;
    width: 468px;
    height: 60px;
    border: 1px solid #3a3a3a;
}