body{
margin: 0;
padding: 0;
background: #000000;
text-align: center; 
font-family: arial;
font-size: 80%;
}

/* Hypertextové odkazy */
#menu a{
text-decoration: none;
color: #ffffff;
width: 130px;
padding-left: 20px;
display: block; 
}
 
#menu a:hover{
text-decoration: none;
color: #890201;
}

#obsah p a,li a,h3 a,.albumy a,.albumy-vysoke a,.videoklipy a{
text-decoration: underline;
color: #890201;
}
 
#obsah p a:hover,li a:hover,h3 a:hover,.albumy a:hover,.albumy-vysoke a:hover,.videoklipy a:hover{
text-decoration: none;
color: #ffffff;
}

#obsah a img{
border: 1px solid #000000;
}
 
#obsah a:hover img{
border: 1px solid #890201; 
}

h2 a{
color: #ffffff;
text-decoration: none;
}

h2 a:hover{
color: #ffffff;
text-decoration: underline;
}
/* Hypertextové odkazy - koniec */

/* Hlavicka */
#hlavicka{
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: 284px;
}

#hlavicka-logo{
position: relative;
margin: 0 auto;
width: 800px;
text-align: left;
}

h1{
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}

h1 span{
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
cursor: hand;
overflow: hidden;
}

#zmena-dizajnu{
position: absolute;
width: 270px;
height: 46px;
text-align: right;
}

#zmena-dizajnu img{
margin: 0;
padding: 0;
border: none;
float: left;
}    
/* Hlavicka - koniec */

/* Stredová čas */
#stred-1-vrstva{
position: relative;
margin: 0 auto;
width: 100%;
height: auto;
}

#stred-2-vrstva{
position: relative;
margin: 0 auto;
width: 100%;
min-height: 1000px;
_height: 1005px;
}

#stred-3-vrstva{
position: relative;
margin: 0 auto;
width: 800px;
height: auto;
text-align: left;
}

/* Menu */
#menu{
position: absolute;
top: 0;
left: 588px;
width: 212px;
height: 700px;
}
 
#menu h3{
position: relative;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
}
  
h3#menu-cob span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
}  

h3#menu-hudba span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
} 
  
h3#menu-media span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
}

h3#menu-zo-zivota-skupiny span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
}

h3#menu-ostatne span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
}

h3#menu-statistika span{
position: absolute;
margin: 0;
padding: 0;
text-align: center;
width: 212px;
height: 58px;
top: 0;
left: 0;
}

#p_statistika{
padding-left: 50px;
}

ul#menu-cob-ul{
position: relative;
margin: 0;
padding-left: 20px;
list-style-type: square;
min-height: 120px;
_height: 120px;
} 
   
#menu-cob-ul li{
border-bottom: 1px dotted #565856;
padding-top: 2px;
width: 150px;
height: 21px;
_height: 23px;
background: url("styles/menu-sipka.gif") no-repeat left;
}
   
ul.menu-ul{
position: relative;
margin: 0;
padding-left: 20px;
list-style-type: none;
} 
   
.menu-ul li{
border-bottom: 1px dotted #565856;
padding-top: 2px;
width: 150px;
height: 21px;
_height: 23px;
background: url("styles/menu-sipka.gif") no-repeat left;
}     
/* Menu - koniec */

/* Obsah */
#obsah{
position: relative;
width: 558px;
height: auto;
color: #959595;
padding-top: 20px;
left: 30px;
line-height: 140%;
text-align: justify;
}

#obsah strong{
color: #c4c2c2;
}
 
#obsah em{
color: #c4c2c2;
}
  
h2{
position: relative;
margin: 0;
margin-bottom: 15px;
width: 560px;
color: #ffffff;
font-size: 120%;
text-align: center;
}

.h2-2{
height: 42px;
_height: 47px;
}
  
h3{
color: #c4c2c2;
font-size: 110%;
clear: left;
}

#h3-archiv{
position: relative;
margin: 0 auto;
width: 100%;
text-align: center;
}
   
.obr_l{
float: left;
margin-right: 10px;
}

.obr_p{
float: right;
margin-left: 10px;
}
  
.obr-popis-l{
position: relative;
float: left;
margin-left: 10px;
margin-bottom: 10px;
text-align: center;
}

.obr-popis-p{
position: relative;
float: right;
margin-left: 10px;
margin-bottom: 10px;
text-align: center;
}

.p_spodok{
clear: left;
padding-bottom: 14px;
_padding-bottom: 0;
}

.p_spodok_p{
clear: right;
padding-bottom: 14px;
_padding-bottom: 0;
}
    
.p_stred{
text-align: center;
}
    
.p_clanok-info{
text-align: right;
font-size: 90%;
color: #ffffff;
margin-bottom: 25px;
}
    
.youtube{
position: relative;
width: 490px;
height: 295px;
}
    
.citat{
background: #0e0e0e url("styles/citat-poz.jpg") top left repeat-y;
margin-left: 20px;
padding: 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
margin-bottom: 14px;
clear: left;
}
    
#obsah ul{
position: relative;
margin: 0;
padding: 0;;
padding-left: 20px;
list-style-type: none;
}
    
.sipka li{
background: url("styles/obsah-ul-poz.jpg") no-repeat left top;
padding-left: 20px;
}
     
.sipka p{
background: url("styles/obsah-ul-poz.jpg") no-repeat left top;
padding-left: 20px;
}
         
#obsah ol{
position: relative;
margin: 0;
padding: 0;
padding-left: 40px;
}    
        
.albumy{
position: relative;
float: left;
text-align: center;
width: 160px;
height: 185px;
margin-right: 20px;
margin-bottom: 10px;
}
    
.albumy-vysoke{
position: relative;
float: left;
text-align: center;
width: 160px;
height: 249px;
margin-right: 20px;
margin-bottom: 10px;
}    
    
.blooddrunk-single, .in-your-face-single{
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
}
     
.videoklipy{
position: relative;
float: left;
width: 160px;
height: 120px;
margin-right: 20px;
margin-bottom: 10px;
text-align: center;
}
    
#jaska-reference{
text-align: center;
padding-top: 80px;
}    
     
#jaska-cinely{
position: absolute;
float: left;
margin-top: 10px;
width: 350px;
height: 150px;
}  
/* Obsah - koniec */
/* Stredová čas - koniec */

/* Pätička */
#paticka{
position: relative;
margin: 0 auto;
width: 100%;
height: 231px;
}
/* Pätička - koniec */


