@charset "utf-8";
/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  color: #000;
  background: url(../images/style/background.gif) top left repeat-x #ffffff;
  font-family:Helvetica;
  overflow-y:scroll;
  _overflow-y:visible;
}
a {
  font-size:12px;
  text-decoration:underline;
  text-transform:uppercase;
  color:#0096f0;
}
a:hover {
  text-decoration:none;
}
img {
  border:1px solid #000;
}
#flashcontent {
  width: 800px;
  height: 600px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -400px;
  overflow: none;
  
}
#center{
  width: 640px;
  margin: 0px auto;
  padding:0px;
}
object{
  display:block;
  float:left;
  margin-bottom:5px;
}
#top{
  width: 640px;
  float:left;
  margin:0px;
  padding:0px 0px 0px 0px;
  height:98px;
  background: url(../images/style/logo.gif) top left no-repeat;
}
#main{
  width: 640px;
  float:left;
  margin:0px;
  padding:20px 0px 0px 0px;
  min-height:400px;
}
#footer{
  width: 640px;
  float:left;
  margin:0px;
  padding:25px 0px 0px 0px;
}
#top-line form{
  float:right;
  height:23px;
  padding-top:2px;
}
#top-line{
  width: 640px;
  float:left;
  height:23px;
  margin-top:1px;
}
#top-line form .pole{
  width: 138px;
  float:left;
  height:16px;
  margin:0px;
  padding:0px;
}
#top-line form .tlacitko{
  width: 14px;
  float:left;
  height:14px;
  border:none;
  margin:2px 0px 0px 6px;
  background:url(../images/style/form-button.gif) top left no-repeat;
  cursor:pointer;
}
#top a#logo{
  width: 240px;
  position:relative;
  top:0px;
  left:0px;
  height:75px;
  display:block;
}
#hlavniMenu{
  width: 440px;
  height:23px;
  float:left;
  margin:0px 0px 0px -22px;
  padding:0px;
  list-style-type:none;
}
#hlavniMenu li{
  width: 100px;
  float:left;
  padding-top:1px;
    text-align:center;
}
#hlavniMenu li a{
  font-family:Helvetica, Helvetica CE;
  font-size:17px;
  text-transform:uppercase;
  color:#fff;
  text-decoration:none;
  line-height:22px;
}
#hlavniMenu li a:hover{
  color:#ddd;
}
#slide-show
{
	display:block;
	padding:0px;
	width:640px;
	float:left;
	height:400px;
	overflow:hidden;
	margin-top: 20px;
}
#slider
{
	float:left;
	margin:0px;
	padding:0px;
}
#slider li
{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slider li img
{
	display:block;
	background-color:#FFFFFF;
	border:none;
}
#footer p{
  text-align:center;
  font-size:10px;
  padding-top:20px;
  text-transform:uppercase;
}
#footer ul{
  width: 640px;
  margin:0px;
  padding:0px;
  height:26px;
  float:left;
  list-style-type:none;
}
#footer ul li{
  float:left;
  margin:0px;
  padding-right:15px;
  list-style-type:none;
  height:26px;
}
#footer ul li a{
  font-size:13px;
  font-family:Helvetica, Helvetica CE;
  color:#333333;
  text-decoration:none;
  text-transform:uppercase;
  margin-left:0px;
   padding:0px;
   float:left;
   height:26px;
}
#footer ul li a.events, #footer ul li a.studio{
  padding-left:15px;
}

#footer ul li a img{
  float:left;
  padding-top:0px;
  border:none;
  margin-right:1px;
}
#footer ul li a:hover{
  /*color:#000;
  font-weight:bold;*/
  text-decoration: underline;
}

.active{
  font-weight:bold;
}
.news{
  float:left;
  width:640px;
  margin-bottom:25px;
}
.news #ilust{
  float:left;
  width:190px;
  margin-right:25px;
  _margin-right:12px;
}
.news #ilust img{
  float:left;
  width:190px;
  height:190px;
}
.news #text{
  float:left;
  width:425px;
}
#text h2{
  font-size:21px;
  color:#333333;
  background:url(../images/style/bookmark.gif) top left no-repeat;
  padding-top:5px;
  margin:0px;
  width:400px;
  text-transform:uppercase;
  line-height:20px;
}
h2{
  font-size:15px;
  color:#333333;
  padding-top:4px;
  margin:3px 0px 3px 0px;
  width:400px;
  text-transform:uppercase;
  font-weight:bold;
}
h3{
  font-size:15px;
  color:#333333;
  padding-top:4px;
  margin:3px 0px 3px 0px;
  width:400px;
  text-transform:uppercase;
  font-weight:normal;
}
.listing{
  float:left !important;
  margin-top:22px !important;
  margin-right:0px !important;
  width:403px !important;
  height:15px;
  display:block;
  text-align:right;
}
.navigation{
  display:none;
}
#text h3{
  font-size:15px;
  font-weight:normal;
  color:#333333;
  width:400px;
  padding-top:0px;
  margin:0px 0px 0px 0px;
  text-transform:uppercase;
}
#text span.date{
  font-size:12px;
  font-weight:bold;
  color:#333333;
  margin:0px;
  width:400px;
}
#text p{
  font-size:12px;
  font-weight:normal;
  color:#333333;
  margin:8px 0px 8px 0px;
  width:400px;
}
#text a{
  text-transform:none;
}
#left{
  float:left;
  margin:0px;
  width:217px;
  background:url(../images/style/bookmark-left.gif) top left no-repeat;
}
#left ul{
  float:left;
  width:200px;
  margin:10px 0px 0px 1px;
  _margin:5px 0px 0px 1px;
  padding:0px;
  list-style-type:none;
}
#left ul li{
  float:left;
  width:200px;
  margin-top:3px;
}
#left ul li a{
  font-size:15px;
  text-transform:uppercase;
  font-weight:normal;
  text-decoration:none;
  color:#333333;
}
#left ul li a:hover{
  text-decoration: underline;
}
#right{
  float:left;
  width:423px;
  margin:0px;
  background:url(../images/style/bookmark-right.gif) top left no-repeat;
}
.tracks{
  float:left;
  width:403px;
  padding:10px;
  margin-bottom:5px;
}
.tracks a img{
  width:240px;
  height:180px;
}
.tracks h2{
  font-size:12px;
  margin:0px;
  padding:5px 0px 0px 0px;
  text-transform:uppercase;
}
.tracks h3{
  font-size:12px;
  margin:0px;
  padding:4px 0px 0px 0px;
  font-weight:normal;
}
.artists{
  float:left;
  width:403px;
  padding:10px;
  margin-bottom:5px;
}
.artists div.track{
  float:left;
  width:400px;
  margin-bottom:10px;
}
.artists div.track object{
  float:left;
  width:400px;
}
.artists div.track span{
  float:left;
  width:400px;
  height:20px;
}
.artists img{
  width:190px;
  height:190px;
}
.artists h2{
  font-size:21px;
  margin:0px;
  font-weight:bold;
  padding:5px 0px 0px 0px;
  text-transform:uppercase;
}
.artists h3{
  font-size:15px;
  margin:0px 0px 6px 0px;
  font-weight:normal;
  padding:2px 0px 0px 0px;
  text-transform:uppercase;
}
.artists p{
  font-size: 13px;
  color: #333333;
  font-family: Helvetica;
}
.artist-block{
  float:left;
  width:398px;
  padding:10px 10px 10px 0px;
  background:url(../images/style/bookmark-right.gif) top left no-repeat;
}
.artist-block div{
  float:left;
  width:103px;
  padding:0px;
  margin:0px 23px 0px 6px;
  min-height:180px;
}
.artist-block div img{
  width:100px;
  height:100px;
  padding:0px;
}
.vinylator img, .image-detail {
  border:none !important;
}
.artist-block h2, .artist-block h2 a{
  font-size:15px;
  color:#333333;
  margin:7px 0px 0px 0px;
  text-transform:uppercase;
  width:103px;
  text-decoration:none;
}
.artist-block h3{
  font-size:13px;
  color:#333333;
  margin:0px 0px 0px 0px;
  padding-top:1px;
  font-weight:normal;
  width:103px;
  text-transform:uppercase;
}
.artist-block h3, .artist-block h3 a{
  font-size:13px;
  color:#333333;
  margin:0px 0px 0px 0px;
  padding-top:1px;
  font-weight:normal;
  width:103px;
  text-transform:uppercase;
  text-decoration:none;
}
.artist-block ul{
  list-style-type:none;
  padding:0px;
  margin:4px 0px 12px 0px;
}
.artist-block ul li{
  font-size:12px;
  font-weight:normal;
  padding:0px;
}
div.gallery{
	display:none;
}

/* dodatečné */

div.listing a.back-active {
  width:20px;
  height:20px;
  display:block;
  float:left;
  background:url(../images/style/left-active.gif) top left no-repeat;
  margin-left:299px; /* jinak v ie6 */
}
div.listing a.forward-active {
  width:20px;
  height:20px;
  display:block;
  float:left;
  background:url(../images/style/right-active.gif) top left no-repeat;
  margin-left:2px;
}
div.listing span.back-inactive {
  width:20px;
  height:20px;
  display:block;
  float:left;
  margin-left:299px; /* jinak v ie6 */
  background:url(../images/style/left-inactive.gif) top left no-repeat;
}
div.listing span.forward-inactive {
  width:20px;
  height:20px;
  float:left;
  display:block;
  background:url(../images/style/right-inactive.gif) top left no-repeat;
  margin-left:2px;
}

/* konec dodatečné */