/* TYPO, COLORS AND FONTS */
* {font-family: 'PT Sans', sans-serif; }
html, body {color: #000; background-color: #faa}
h1, .thumb a {font-family: 'PT Serif', serif;}
.par_header_line {display:none; position:absolute; top:8px; right:50px; z-index:2; padding:0px; margin:0px; width:458px; line-height:26px;
  text-align:right; text-transform:uppercase; font-weight:100; font-size:26px; font-family: impact, "techno ce", sans-serif;
  color:#666; background-color:transparent;}

a {font-weight: 600; color:#00f}
a:visited {color: #930}
a:hover {color: #f00}

h1 {margin:0.3em 0px 15px; font-weight: bold; xfont-size: 2em; text-align:center}
h2 {margin:5px 0px 15px; font-size: 1.35em; font-weight:bold}
h3 {margin:1em 0px 0px 0px; font-weight: bold; font-size:1em; break-after:avoid}
p {break-inside:avoid; margin:5px 0;}

input, textarea, select{border:1px solid #ccc; margin:1px; background-color:#fff; }
option {background-color:#fff}

/* PAGE LAYOUT */

body {background: #faa;}

#header {
  width:960px;
  height:200px;
  margin:5px auto 0px;
  background-color:black;
}
#header p {display:none}

#footer {
  border-top: #000 5px solid;
  margin:5px auto 0px;
}

#content_song {column-width:300px; background-color:#fff; padding:10px;  border-radius:10px; font-size:120%;}
#content_song h1 {text-align:left}
#content_song p {break-before:avoid}

#logo {float:left; 
	width:200px; height:200px;
	margin:10px 0 0 10px;
	overflow: hidden; position:static}
#logo a {display:block; width:200px; height:200px; text-indent:-5000px; overflow: hidden; background:url("DeadEndRoad.jpg") top left no-repeat;}

#band {float:right; 
	width:336px; height:200px; margin-right:10px;
	overflow: hidden; position:static}
#band a {display:block; width:336px; height:200px; text-indent:-5000px; overflow: hidden; background:url("band.jpg") bottom left no-repeat;}
#band a:hover {background:url("band.jpg") top left no-repeat;}

.art-menu {position:inherit}

#menu {
  margin:5px auto 20px;
  padding:20px 0;
  xbackground-color:black;
  border-bottom: #000 5px solid;
  text-transform:uppercase; font-size:1em; text-align:center;
}
#menu ul {color: #000; xbackground-color: #000; list-style-type:none; margin:0px 0px 0px 10px; padding:5px 0px; text-align:right}
#menu li {color:#000; xbackground-color: #000; padding:0px 0px 0px 1%; display:inline; margin:0px 0px 0px 0px}
#menu li a {color:#000; xbackground-color: #000; text-decoration:none; border-right: #faa 5px solid; border-left: #faa 5px solid; }
#menu li a:hover {border-right: #000 5px solid; border-left: #000 5px solid}
#menu h2 {display:none}
#menu .admin_col{color:#fff; xbackground-color:#000}
#menu .admin_col:hover {border-right: #fff 5px solid; border-left: #fff 5px solid}

#page  {}

#copyright{
  text-transform:uppercase; font-size:18px; 
  color:#666; text-align:center; margin:10px;
  text-align:center; clear:both
  }
#copyright a, #copyright a:visited{text-transform:uppercase; font-size:18px; color:#666; text-decoration:none; font-weight:100}

/* SPECIALS */

.sidemusic {width:180px; xfloat:right; xmargin:10px -45px 0px 0px; position:absolute; left:5px; padding:10px; border:1px solid black; font-size:60%}
.sidemusic ul {list-style-type:none; padding:0px; margin:0px;}
.sidemusic ul li {padding:0px; margin:0px;}
.list_simple, .directory, .music {width:auto; height:auto; margin:5px 0px; xborder:1px solid #f90}
.list_samples {width:100%; height:auto; margin:5px 0px}
.list_samples div {float:left; width:33%}
.list_samples div h2 {text-align:center}
.list_samples div p {line-height:1.2em; margin:0px 0px 1em 0px}
.list_music, .list_music_foldable {border: 1px solid gray; border-radius: 27px; margin-top:10px; break-inside:avoid;}
.list_music_cd {font-size:150%;}
.list_music ul, .list_music_foldable ul, .list_music_cd ul {padding:0 0 0 10px; margin:0 0 5px 0;}
.list_music li, .list_music_foldable li, .list_music_cd li {list-style:none;}
.list_music a, .list_music_foldable a, .list_music_cd a {color:black;}
audio {border-radius:26px;}

.song p, .song h3 {text-align:center; line-height:1.1em; padding:0p; margin-bottom:1em}

.song_s_diskusi {padding:0px 160px}
.song_s_diskusi p, .song_s_diskusi h3 {line-height:1.1em;}

.song_s_akordy {padding:0px 160px}
.song_s_akordy p, .song_s_akordy h3 {line-height:2.1em; padding-bottom:2em}
.song_s_akordy em {position:absolute; margin-top:-1.4em; font-size:80%; xfont-style:normal; }

#schedule {margin:0px 0px; padding:0px;
	text-transform:uppercase; font-size:1em; text-align:left;
	position:absolute; top:8px; left:220px; z-index:2; color:#666;
	}
#schedule ul {float:left; background-color: transparent; list-style-type:none; margin:0px 0px; padding:1px 0px;}
#schedule li {color:#666; padding:0px 0px; margin:0px; text-align:left}
#schedule h2 {text-align:left; padding:0px; margin:0px; font-size:26px; line-height:26px; font-weight:100;}

#kapela {
	position:absolute; top:8px; left:0px; width:100%; height:200px; padding:0px; margin:0px;
	background-color: #000; color:#f00; overflow:hidden}
#kapela ul{color: #ff0; background-color: #000; list-style-type:none; float:right; display:inline; margin-right:50px; margin-top:25px; xwidth:478px}
#kapela li {display:block; float:left; z-index:3}
#kapela li a {height:150px; background-position:top; display:block; text-indent:-5000px}
#kapela li a:hover {background-position:bottom}
#kapela h2 {display:none}
#p01 a {background-image:url("images/150px_01.jpg"); width:170px}
#p02 a {background-image:url("images/150px_02.jpg"); width:96px}
#p03 a {background-image:url("images/150px_03.jpg"); width:96px}
#p04 a {background-image:url("images/150px_04.jpg"); width:96px}