body {background: #000; margin: 0 0 30px; text-align: center; font-family: arial,tahoma;}
a {text-decoration: none; color: #06c;}
a:hover {text-decoration: underline;}
p, ul, ol, caption, th, td {font-size: 12px; line-height: 15px; color: #000;}
h1 {display: none;}
h2 {color: #800; font-size: 36px; font-weight: normal; margin: 0 0 16px; font-family: times;}
h3 {clear: both; font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 8px; font-family: arial;}
h4 {font-size: 12px; margin: 0; padding: 0; color: #888;}
.fclr {clear: both;}

.more {text-align: right; clear: both;}

#all {width: 1000px; margin: 0 auto; text-align: left;}

#top {width: 900px; margin: 0 auto; height: 390px; text-align: center; display: none; position: relative;}
#top img {border: none; margin: 30px 0 0;}

#nav {position: absolute; left: 0; top: 280px; width: 900px;}

#nav ul {list-style-type: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; height: 50px;}
#nav li {display: block; float: left; height: 100%;}
#nav li a {display: block; width: 100%; height: 100%; background: transparent none scroll repeat left top;}
#nav li a span {display: none;}

#nav li#news {width: 90px; background-image: url(../gfx/bg-nav-news.gif);}
#nav li#news a:hover {background-image: url(../gfx/bg-nav-news-hover.gif);}
#nav li#band {width: 80px; background-image: url(../gfx/bg-nav-band.gif);}
#nav li#band a:hover {background-image: url(../gfx/bg-nav-band-hover.gif);}
#nav li#music {width: 100px; background-image: url(../gfx/bg-nav-music.gif);}
#nav li#music a:hover {background-image: url(../gfx/bg-nav-music-hover.gif);}
#nav li#photo {width: 90px; background-image: url(../gfx/bg-nav-photo.gif);}
#nav li#photo a:hover {background-image: url(../gfx/bg-nav-photo-hover.gif);}
#nav li#event {width: 115px; background-image: url(../gfx/bg-nav-event.gif);}
#nav li#event a:hover {background-image: url(../gfx/bg-nav-event-hover.gif);}
#nav li#partner {width: 115px; background-image: url(../gfx/bg-nav-partner.gif);}
#nav li#partner a:hover {background-image: url(../gfx/bg-nav-partner-hover.gif);}
#nav li#forum {width: 85px; background-image: url(../gfx/bg-nav-forum.gif);}
#nav li#forum a:hover {background-image: url(../gfx/bg-nav-forum-hover.gif);}
#nav li#fc {width: 100px; background-image: url(../gfx/bg-nav-fc.gif);}
#nav li#fc a:hover {background-image: url(../gfx/bg-nav-fc-hover.gif);}
#nav li#contact {width: 125px; background-image: url(../gfx/bg-nav-contact.gif);}
#nav li#contact a:hover{background-image: url(../gfx/bg-nav-contact-hover.gif);}

#navbg {position: absolute;  left: 0; top: 0; width: 100%; height: 50px; background: transparent url(../gfx/bg-nav-top.gif) scroll no-repeat left top;}

#c1 {width: 630px; float: left;}
#c2 {width: 360px; float: right;}

#foot {clear: both; text-align: center; padding: 0 0 10px;}
#foot hr, #foot h2 {display: none;}
#foot ul {list-style-type: none; padding: 0 0 10px; margin: 0;}
#foot li {display: inline; padding: 0; margin: 0 10px 0 0;}
#foot .part1 {float: left; width: 600px; text-align: center;}
#foot .part1 p {margin: 0; padding: 0; color: #888; font-size: 11px;}
#foot .part2 {float: right; width: 300px; text-align: right;}

#stat {display: none;}

.err {color: #f00; font-weight: bold;}
.msg {color: #0c0; font-weight: bold;}

.news {clear: both; padding-bottom: 10px;}
.news img.news-thumb {float: left; margin: 0 10px 5px 0; padding: 3px; border: 1px solid #ccc; background: #fff;}
.news h3 {padding: 0; margin: 0; clear: none;}
.news .date {color: #888; padding: 0; margin: 0;}
.news .more {text-align: right; clear: none;}
.news-pic {clear: both; text-align: center; padding: 10px 0;}
.news-pic p {clear: both; margin: 0; padding: 0;}
.news-pic-side {float: right; margin: 0 0 0 10px;}

.box1, .box2 {border-top: 3px solid #444;}

.box1 {background: transparent url(../gfx/bg-boxw.png) scroll repeat left top; padding: 10px 20px; margin: 0 0 10px; display: none;}

.box2 {background: transparent url(../gfx/bg-boxb.png) scroll repeat left top; padding: 10px 20px; margin: 0 0 10px; display: none;}
.box2 h2, .box2 p, .box2 ul {color: #eee;}

/* galeria */
.thumbs {clear: both; margin: 0 0 20px;}
.thumbs img {width: 100px; height: 100px; padding: 1px; border: 3px solid #fff; margin: 0 5px 10px;}
.thumbs a:hover img {border-color: #06c;}

/* koncerty */
.events {border-collapse: separate; width: 100%; margin: 8px auto 16px;}
.events th, .events td {padding: 4px 8px; border-top: 1px solid #aaa; text-align: left; vertical-align: middle;}
.events .date {font-weight: bold; width: 80px;}
.events .date span {font-weight: normal; display: block;}
.events .place {font-weight: bold; width: 100px;}
.events .desc {}

#events {}
#events ul {list-style-type: none; margin: 0; padding: 0;}
#events li {margin: 0 0 6px; padding: 0;}
#events li b{padding: 2px 8px; margin: 0 8px 0 0; background: #800;}
#events li a {color: #eee;}

table.calendar {width: 100%; border-collapse: collapse; table-layout: fixed;}
table.calendar caption.calendar-month {background: #06c; padding: 2px 0; color: #fff; font-weight: bold;}
table.calendar caption.calendar-month a {color: #fff; font-weight: bold; margin: 0 8px;}
table.calendar th, table.calendar td {padding: 4px 8px; border: 1px solid #ccc;}
table.calendar th {text-align: center; background: #800; font-size: 11px; color: #fff; font-weight: normal;}
table.calendar td {text-align: right; color: #fff;}
table.calendar td.today {font-weight:#800; color: #fff;}
table.calendar td.event {background: #06c;}
table.calendar td.event a {color: #fff;}
table.calendar span.calendar-prev {font-size: 20px;}
table.calendar span.calendar-next {font-size: 20px;}

/* partnerzy */
.partner {clear: both; margin: 0 0 10px; text-align: center;}
.partner img {border: none;}

/* teledyski */
.clip {width: 170px; float: left; padding: 0 12px; height: 120px; text-align: center;}
.clip h3 {font-size: 12px; margin: 0; padding: 0 0 4px; line-height: 12px;}
.clip p {margin: 0; padding: 0;}
.clip img {width: 160px; margin: 0; padding: 1px; border: 3px solid #fff;}
.clip a:hover img {border-color: #06c;}

/* plyty */
.single {float: left; width: 170px; height: 180px; padding: 0 12px; text-align: center;}
.single img {border: none; width: 100px;  height: 100px;}
.single h3 {font-size: 12px; line-height: 12px; color: #666; margin: 0; padding: 0;}

.album {float: left; width: 170px; height: 230px; padding: 0 12px; text-align: center;}
.album img {width: 160px; padding: 1px; border: 3px solid #fff;}
.album a:hover img {border-color: #06c;}
.album p{margin: 0; padding: 0;}
.album h3 {font-size: 12px; line-height: 12px; margin: 0; padding: 0 0 4px;}

/* detale albumu */
#album {clear: both; padding: 0 0 10px 0;}
#album img {float: left; margin: 0 20px 20px 0; width: 300px; height: 300px;}
#track {float: right; clear: right; width: 270px;}
#track ol {margin-top: 0; padding-top: 0;}
#credit {clear: both; padding: 10px 0;}

/* pager */
.navigator {clear: both; padding: 1px 0 0;}
.navigator small  {font-size: 11px;}
.navigator p  {font-size: 12px; line-height: 20px; text-align: center; margin: 20px 0 0; padding: 10px 0 20px; border-top: 1px solid #ccc;}
.navigator a {padding: 4px 10px; background: rgb(239,242,248); border: 1px solid rgb(209,222,240);}

#social {text-align: center; margin: -10px 0 0 85px; padding: 0;}
#social a {display: block; float: left; width: 75px; height: 75px; background: transparent url(../gfx/bg-social-icons.gif) scroll 0px 0px;}
#social a span {display: none;}

#social a#social-btn-yt {background-position: 0px 75px;}
#social a#social-btn-fb {background-position: 0px 0px;}
#social a#social-btn-fm {background-position: 0px 150px;}

#social a#social-btn-yt:hover {background-position: 77px 77px;}
#social a#social-btn-fb:hover {background-position: 77px 2px;}
#social a#social-btn-fm:hover{background-position: 77px 152px;}

#social-yt {}
#social-fb, #social-fm {display: none;}

#slider-buttons {margin: 0; padding: 0; text-align: center;}

/* zespol */
.band img {float: left; margin: 0 15px 10px 0; padding: 3px; border: 1px solid #ccc;}
.band h3 {clear: none;}

.person {float: left; width: 120px; height: 160px; padding: 0 12px; text-align: center;}
.person img {width: 110px; padding: 1px; border: 3px solid #fff;}
.person a:hover img {border-color: #06c;}
.person p{margin: 0; padding: 0;}
.person h3 {font-size: 12px; line-height: 12px; margin: 0; padding: 0 0 4px;}