*{
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: Arial,Tahoma;
}

html { background-color: #000;}

body,html {
  text-align:left;
  margin:0;
}

#vilt {
position: absolute;
background: url(/gfx/lyric-vilt.png) no-repeat;
width: 430px;
height: 410px;
}


#share {
float: right;
margin:15px 20px 0px 0px;
background-color: #000;
}
.addthis_toolbox {
  width: 100px;
  background-color: #fff;
  padding: 5px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.addthis_toolbox:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.italic { font-style: italic; }
.bold { font-weight: bold; }

#containerhome { min-height: 1050px;  background: #000 url(/gfx/home-bg.jpg) center top no-repeat; }
#containerlyrics { min-height: 1050px;  background: #000 url(/gfx/lyrics-bg.jpg) center top no-repeat; }
#containerrest { min-height: 1050px;  background: #000 url(/gfx/rest-bg.jpg) center top no-repeat; }
#containerphotos { min-height: 1050px;  background: #000 url(/gfx/photos-bg.jpg) center top no-repeat; }
#containervideo { min-height: 1050px;  background: #000 url(/gfx/video-bg.jpg) center top no-repeat; }

#content { width: 990px; margin: 0px auto; }
#content a:link,#content a:visited,#content a:active { color: #fff; text-decoration: underline; }
#content a:hover { color: #8f8f8f; }


#header { background-color: #000; text-align: center; padding: 10px 0px; }
#header img { border: 0px; }

/* Menu */
#menu { background: url(/gfx/menu-bg.png) repeat-x; height: 38px; }
#menuwrapper { margin: 0px auto; width:990px; padding-top: 16px; }
#menuwrapper ul { margin-left: 35px; list-style: none;}
#menuwrapper ul li { float: left; text-transform: uppercase; margin: 0px 15px;}
#menuwrapper ul li a:link,#menuwrapper ul li a:visited,#menuwrapper ul li a:active { color: #8f8f8f; text-decoration: none; font-size: 15px; font-weight: bold; }
#menuwrapper ul li a:hover,#menuwrapper ul li.active a { color: #fbfbfb; }

/* Home content */
#homecontent { width: 280px; margin: 62px 0px 30px 120px; border-top: 2px solid #fff; padding-top: 10px;}
#homecontent h1 { display: none; }
#homecontent h2 { color: #ffffff; font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
#homecontent p { color: #ffffff; font-size: 11px;}

/* Home news */
#homenews { width: 280px; margin: 62px 0px 30px 120px; border-top: 2px solid #fff; padding-top: 10px; }
#homenews h2 { color: #ffffff; font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
#homenews ul { margin-left: 0px; color: #ffffff; list-style: none; }
#homenews ul li { margin: 0px 0px; font-size: 11px;}
#homenews ul li a:link,#homenews ul li a:visited,#homenews ul li a:active { color: #ffffff; text-decoration: none; }
#homenews ul li a:hover,#homenews ul li.active a { color: #8f8f8f; }

/* News */
#newscontent { margin: 30px 30px 0px 30px; background: url(/gfx/content-bg.png); padding-top: 15px; padding-bottom: 20px; color: #fff;}
#newscontent h1 { display: none; }
#newscontent h2 { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
#newscontent .newsleft { width: 530px; padding-left: 20px; padding-right: 60px; border-right: 1px solid #fff;}
#newscontent .newsleft p { margin-bottom: 20px;}
#newscontent .newsright { float: right; width: 300px; }
#newscontent .item { min-height: 130px; margin-bottom: 30px; color: #ffffff; line-height: 19px; }
#newscontent .item h3, #newscontent .item h3 a:link,#newscontent .item h3 a:active,#newscontent .item h3 a:visited { color: #fff; text-transform: uppercase; font-size: 14px; margin-bottom: 10px;}
#newscontent .item img { float: left; margin: 5px 10px 0px 0px; border: 1px dotted #8f8f8f;}
#newscontent .extra { margin-top: 20px; padding-top: 5px;  border-top: 1px solid #514f4e; text-align: right;}
#newscontent .item a:link,.item a:visited,.item a:active { color: #8f8f8f; text-decoration: none; }
#newscontent .item a:hover {  text-decoration: underline; }
#newscontent ul { margin-left: 0px; color: #ffffff; list-style: none; }
#newscontent ul li { margin: 0px 0px; font-size: 11px;}
#newscontent ul li a:link,#newscontent ul li a:visited,#newscontent ul li a:active { color: #ffffff; text-decoration: none; }
#newscontent ul li a:hover,#newscontent ul li.active a { color: #8f8f8f; }

/* Lyrics */
#lyricscontent { margin: 62px 0px 0px 80px;padding-top: 15px; color: #fff;}
#lyricscontent h1 { display: none; }
#lyricscontent h2 { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
#lyricscontent .lyricsleft { width: 400px; padding-left: 20px; padding-right: 60px; }
#lyricscontent .lyricsright { float: right; width: 360px; margin-right: 130px; text-align: center;}
#lyricscontent ul { margin-left: 0px; color: #ffffff; list-style: none; }
#lyricscontent ul li { margin: 0px 0px; font-size: 11px; text-align: center;}
#lyricscontent ul li a:link,#lyricscontent ul li a:visited,#lyricscontent ul li a:active { color: #ffffff; text-decoration: none; }
#lyricscontent ul li a:hover,#lyricscontent ul li.active a { color: #c77572; }
#lyricsfirst { margin-left: 20px; width: 280px; border-top: 2px solid #fff;  }
#lyricssecnd { width: 340px; margin-left: -20px; margin-top: 40px; background: url(/gfx/content-bg.png); padding: 20px;}
#lyricssecnd h2 { color: #a4605e; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }

/* Biography */
#biocontent { margin: 30px 30px 0px 30px; background: url(/gfx/content-bg.png); padding-top: 15px; color: #fff;}
#biocontent h1 { display: none;}
#biocontent .bioright { float: right; margin-right: 120px; margin-top: 50px; background: url(/gfx/bio-picture.png); width: 319px; height: 369px; }
#biocontent .bioleft { width: 400px; margin-left: 18px;}
#biocontent .bioleft h2 { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }
#biocontent .bioleft table { margin-top: 20px; margin-bottom: 20px;}
#biocontent .bioleft table .biotd1{ padding: 5px;}
#biocontent .bioleft table .biotd2{ padding: 5px;}
#biocontent .bioleft table h3 { text-transform: uppercase; font-size: 16px;}

/* SHOWS */
#showscontent { margin: 30px 30px 0px 30px; background: url(/gfx/content-bg.png); padding-top: 15px; }
#showscontent h1 { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
#showscontent .showsleft { width: 530px; padding-left: 20px; padding-bottom: 400px; color: #fff;}

/* TICKETS */
#ticketscontent { margin: 30px 30px 0px 30px; background: url(/gfx/content-bg.png); padding-top: 15px; }
#ticketscontent h1 { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
#ticketscontent .ticketsleft { width: 530px; padding-left: 20px; padding-bottom: 400px; color: #fff;}

/* PICS */
#picsshow { margin-top: 20px;}
#picsshow img { margin:10px; border: 1px dotted #8f8f8f;}

/* VIDEO */
.videotext { margin-top: 20px; padding-bottom: 20px;}

/* FOOTER */
#footer { position: fixed; clear: right; right: 10px; bottom: 10px;}
#footer a:link,#footer a:visited,#footer a:active { color: #4b4b4b; text-decoration: none; }
#footer a:hover { color: #fff; }

/* Twitter content */
#hometwitter { margin: 30px 180px 0px 100px; background: url(/gfx/content-bg.png); padding-top: 15px; padding-bottom: 20px; color: #fff;}
#hometwitter h2,#hometwitter h2 a { margin-left: 10px; color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
ul#twit-twit, ul#twit-twit ul { list-style-type: none; padding-left: 0; font-family: Arial, Georgia; }
ul#twit-twit {  width:700px; }
ul#twit-twit li ul { margin: 6px 0 0 0; }
ul#twit-twit li { margin: 10px 10px 10px 20px; padding-top: 10px; border-top: 1px dashed #ccc; }
ul#twit-twit a.twit { color: #ddd; text-decoration: none; border: 0; }
ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover { color: #600; }
p.twit-more, li.twit-more { text-align: right; font-size: 8pt; padding: 4px 0 0 0; }
p.twit-more a.twit-more, li.twit-more a.twit-more { color: #600; text-decoration: none; }
p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover { color: #000; border-bottom: 1px dashed #600; }

/* Comments */
.commenttitle { clear: left; border: 1px dotted #fff; padding: 5px; font-size: 22px; }
.commentinput { margin: 4px; height: 19px; width: 360px; float: right; padding-top: 3px; padding-left: 3px; border: 0px; }
.commentsubmit { margin-top: 10px; padding: 5px; border: 2px solid #d6d6d6; background: #fff;}
#commentform { color: #fff; margin-top: 10px; margin-bottom: 20px;}
#comments { margin-top: 10px; }
#comments .commentitem { border: 1px dotted #d0d0d0; margin-bottom: 20px; background: #3f3f3f; padding: 10px; }
#comments .message { margin-bottom: 10px; color: #f1f1f1;}
#comments .posted { color: #141414; }
.message { padding: 10px; }
.false { border: 2px solid #d60c03; background: #470402;}
.succes { border: 2px solid #03c648; background: #072e08;}

/* Photos */
#lightbox{  position: absolute;  left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/gfx/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%  ; }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }








