/********************
* Bubblebeatz styles *
*********************/
BODY, TABLE { 
  font: 14px 'Trebuchet MS', sans-serif; 
  color: #FFFFFF;
}
BODY { 
  margin: 0;
  text-align: center;
  background: #000; 
}
A { text-decoration: none; color: silver; }
A:hover { color: #FFFFFF; }
A.abig { display: block; padding: 5px; text-align: center; font-size: 20px; color: #80FF00; }
A.abig:hover { color: #FFF; }
A IMG { border: none; }
LI { list-style-type: square; }
H2 { margin: 0; margin-bottom: 5px; padding: 3px 5px; text-align: left; border-bottom: 1px solid #555; }
H3 { margin: 0; margin-bottom: 5px; padding: 3px 0px; text-align: left; }
HR { color: #7F7F7F; margin-bottom: 0; padding: 0; }

/* centerblock obal */
#wrap { 
  width: 1000px;
  height: 1000px;
  margin: 0 auto;
  background: #555;
  text-align: left;
}

/* zahlavi */
#head {
  position: relative;
  height: 309px;
  background: url(img/bg_head.jpg) 0px 0px no-repeat;
}

#eye {
  position: absolute;
  top: 0; left: 83px;
  width: 224px; height: 187px;
}

#banner {
  position: absolute;
  top: 38px; left: 459px;
  width: 468px; height: 60px;
  overflow: hidden;
}
#homelink {
  position: absolute;
  top: 118px; left: 444px;
  width: 500px; height: 78px;
  background: transparent;
}
#homelink SPAN { display: none; }

#actmenu {
  position: absolute;
  top: 216px; left: 436px;
  width: 515px; height: 22px;
  text-align: center;
  color: #CDCDCD;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 22px;
}
#actmenu A { padding: 0 2px; }
#actmenu A:hover, #actmenu A.sel  { text-decoration: underline; }
#actmenu A.therapy { color: #9D2320; }
#actmenu A.therapy:hover, #actmenu A.therapy.sel { color: #F00;  }
#actmenu A.greenup { color: #419C33; }
#actmenu A.greenup:hover, #actmenu A.greenup.sel { color: #0FE703;  }

#blinklight {
  position: absolute;
  top: 198px; left: 355px;
  width: 51px; height: 50px;
  background: url(img/majaky.jpg) left -50px no-repeat;
}
#blinklight.on {
  background-position: top left;
}

#breadcrumbs {
  position: absolute;
  top: 284px; left: 240px;
  width: 553px; height: 20px;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  text-transform: lowercase;
/*  font-variant: small-caps; */
  letter-spacing: 3px;
  color: #FFF;
}
#breadcrumbs .letter {
  color: red;
}

#menutitle, #eventstitle {
  position: absolute;
  top: 280px;
  width: 170px; height: 27px;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  color: #EEE;
  letter-spacing: 2px;
}
#menutitle {
  left: 0px;
}
#eventstitle {
  width: 160px;
  left: 793px;
  background: url(img/bg_events.jpg) left top no-repeat;
}

/* hlavni cast stranky */
#main {
  background: url(img/bg_mainframe.jpg) left top repeat-y;
  width: 100%;
}

#leftmenu {
  float:left;
  width: 135px;
  height: 622px;
  margin-top: 4px;
  margin-right: 86px;
  background: url(img/bg_leftmenu.jpg) left bottom repeat-y;
}
#leftmenu A SPAN { display: none; }

A.ablock, A.ablocksel {
  display: block;
  width: 65px;
  height: 65px;
  margin-top: 8px;
  margin-left: 50px;
  background-repeat: no-repeat;
  background-color: #252525;
}
A.ablock { background-position: left top; }
A.ablocksel { background-position: 0 -65px; }
A.ablock:hover { background-position: 0 -65px; }

#b_news { background-image: url(img/b_news.jpg); }
#b_mp3 { background-image: url(img/b_mp3.jpg); }
#b_foto { background-image: url(img/b_foto.jpg); }
#b_video { background-image: url(img/b_video.jpg); }
#b_booking { background-image: url(img/b_booking.jpg); }
#b_vzkazy { background-image: url(img/b_vzkazy.jpg); }

#leftmenu .small { padding-top: 25px; }
A.sblock {
  display: block;
  width: 45px;
  height: 44px;
  margin-top: 8px;
  margin-left: 58px;
  background-color: #090;
  background-position: left top;
  background-repeat: no-repeat;
}
A.sblock.sel, A.sblock:hover { background-position: 0 -45px; }
#b_m_muffin { background-image: url(img/b_m_muffin.jpg); }
#b_m_kolabs { background-image: url(img/b_m_kolabs.jpg); }
#b_m_greenshop { background-image: url(img/b_m_greenshop.jpg); }

#mainframe {
  float: left;
  width: 734px;
  background: transparent;
  overflow: hidden;
/*
  margin-left: 221px;
  margin-right: 45px;
  border-right: none;
*/  
}

P { text-align: justify; }
.events {
  float: right;
  width: 179px;
  margin-left: 0px;
  margin-bottom: 20px;
  text-align: center;
  background: #1B1B1B url(img/ff_left.jpg) 15px top repeat-y;
}
.events_inner { 
  margin-left: 23px;
  padding-bottom: 10px;
}
.events_line {
  margin: 0px;
  margin-left: 15px;
  background: url(img/ff_btm.jpg) left top no-repeat;
  height: 8px;
  line-height: 8px;
}

.flyers A {
  display: block;
  padding: 5px 0;
}
.flyers A IMG { 
  border: 1px solid silver; 
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70);
}
.flyers A:hover IMG { 
  border: 1px solid white; 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.smsinfo { padding: 10px 0; }
.smsinfo A {
  display: block;
  margin: 0px auto;
  padding: 0px;
  width: 86px; height: 33px;
  background: url(img/b_t_smsinfo.jpg) left top no-repeat;
}
.smsinfo A:hover {
  background-color: transparent;
  background-position: 0px -36px;
}

.content {
  padding: 5px 15px;
  padding-top: 10px;
}

/* paticka */
#foot { 
  clear: both; 
  height: 264px;
  overflow: hidden;
  background: url(img/bg_foot.jpg) left bottom no-repeat;
}

#footspace {
  padding-top: 193px;
  margin-left: 221px;
  margin-right: 46px;
  text-align:center;
}
.flogos { 
  margin: 0 auto;
  width: 300px;
  height: 40px;
  text-align: center;
}
.flogos A { 
  display: block; float: left; 
  width: 50px; height: 30px; 
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  background: #555; border: 1px solid #999; 
}
  
.fcontent { 
  padding: 5px 0px;
  font-size: 12px;
  color: #EEE;
}

/* -------------------------------- */
/* old shit, reusable */
#news, .news { }
#news A, .news A { color: #80FF00; }
#news A:hover, .news A:hover { color: #80FF00; }
.post { 
  padding: 0 0 1em 0;
  text-align: left; 
  border-bottom: 1px solid #7F7F7F; 
  line-height: 1.2em;
}
.post P { text-align: justify; margin: 0; padding: 4px 0; }
.post P IMG { margin: 0.5em; }
.post P IMG.left { margin-left: 0; }
.post P IMG.right { margin-right: 0; }
.post H3 { margin: 0.5em 0; }
.post.first H3 { margin-top: 0px; }
.post H4 { padding: 0; margin: 0.7em 0 0.3em 0; }
.post .date { float: right;  color: #AAA; vertical-align: super; font-size: 0.83em;}

/* AKCE + BANNERY */
.sidebar   {
  margin-left: 0.5em;
  float: right;
  text-align: center;
}
.sidebar A { padding: 5px; display: block; /*margin-bottom: 10px;  */ }
.sidebar A IMG { border: none; }
.sidebar P { 
  margin: 0.5em 0;
  margin-bottom: 0;
  padding: 0.1em 1em; 
  font-weight: bold;
  letter-spacing: 1px;
  background: #666;
  border-bottom: 1px solid #AAA;
}

.insidebar {
  padding: 0 0.5em 1em 0.5em;
  border: 1px solid #777;
  background: #444;
}

A.extra IMG { 
  border: 1px solid red; 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

#akce A { margin-top: 10px; }
/* oblast pro buttonky */
#links { margin-top: 1em; }
#links P { margin-bottom: 0; }
#links IMG { 
  margin: 0 auto;
  margin-top: 10px; 
  display: block;
  border: none;  
}

#reklama { padding: 0.5em; text-align: center; border-bottom: 2px solid #7F7F7F; }

/* schovane divy s lineupem a podobne */
.hideout { display: none; font-weight: bold; }    
.hideout B { display: block; text-decoration: underline; margin-bottom: 0.5em; padding: 0.3em; }

/* lineup skin */
.lineup B { display: block; text-decoration: underline; margin-bottom: 0.5em; padding: 0.3em; }

/* @ - jako ze kde ;-) */
.at { margin: 0; font-weight: normal; padding-left: 8em; font-size: 0.8em; }

/* odstavec s tracklistem - resp. s jeho hlavickou */
p.tracklist { margin-top: 50px; font-weight: bold; }
PRE.tracklist { font-size: 10pt; margin-top: 0; }

/* pro oznaceni novych fotek nebo tracks */
.new { margin-bottom: 0.5em; }
.new A { border-bottom: 1px dotted #C8F574; }

.mp3, #fotky { text-align: center;  }
#kru, #blackout { text-align: justify; }
#kru P, #blackout P { margin: 0; margin-bottom: 5px; text-indent: 2em; }


#blackout2004, #blackout2005 { text-align: center; }

#booking {
  background: #333; 
  border: 1px solid #777;
  text-align: center;
}
#booking P { text-align: center; }

form .title {vertical-align:top;}

.links { text-align: center; }

/* ---- resty ---- */
div#matrix h4{ margin-top: 50px; }
dt, dd, dl { margin: 0; padding: 0; }
.tab { text-indent: 2em; }
.red { color: red; }
.green { color: green; }
/* "cistici" bloky */
.clear, .clearleft, .clearright { line-height: 0px; height: 0px; font-size: 0px; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.tac {text-align:center}
.tal {text-align:left}
.tar {text-align:right}
.vab {vertical-align:bottom}
.vat {vertical-align:top}

.opa25 {   
  opacity: 0.25;
  -moz-opacity: 0.25;
  filter: alpha(opacity=25);
}
.opa50 {   
  opacity: 0.50;
  -moz-opacity: 0.50;
  filter: alpha(opacity=50);
}

/* info msg */
.result, DIV.error {
  color: white;
  border: 1px solid #AAA;
/*  height: 1%;*/
}
.result {
  margin: 0; padding: 3px;
  margin-bottom: 3px;
  text-align: center;
  font-size: 10pt; 
  font-weight: bold;
}
.res_ok { background-color: #9AC91F; }
.res_err { background-color: #A22D00; } /* #B90000; */

.missing {background-color: #FDA2BF}