/* VACCINEMUSIC.COM CASCADING STYLE SHEET */
/* (c) 2007 VACCINE                       */

/* === GENERAL === */

body, html {
  height:100%;
}
body {
  margin:0px;
  padding:0px;
  color:#000;
  background-color:#FFF;
  font-family:Verdana, Arial, Helvetica, Homerton, sans-serif;
  font-size:11px;
  line-height:1.5em;
  text-align:center;
  overflow-y:scroll;
/*   overflow:-moz-scrollbars-vertical; */
}

#wrap {
  position:relative;
  width:708px;
  margin:auto;
  min-height:100%;
  background:#FFF;
  background-image:url(gfx/wrap-bg.gif);
  background-repeat:repeat-y;
}
* html #wrap {
  height:100%;
/*   width:706px; */
/*   background-image:url(gfx/wrap-bg-ie.gif); */
}

/* === HEADER === */

#banner {
  position:absolute;
  top:0px;
  left:9px;
  width:690px;
  margin:0px;
  padding:0px;
  border:none;
  border-bottom:1px solid #555;
  font-family:Arial, Helvetica, Homerton, sans-serif;
  z-index:1;
}

#banner #banner_img {
  width:690px;
  height:115px;
  margin:0px;
  padding:0px;
  background-color:#FFF;
  background-image:url(gfx/banner_bg.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  border:none;
}
#navigation {
  width:690px;
  margin:0 auto;
  height:2em;
  font-size:12px;
  line-height:2em;
}
#navigation ul {
  margin:0px;
  padding:0px;
}
#navigation li {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
  border-right:1px solid;
}
#navigation li.right {
  float:right;
  border-right:none;
}
#navigation li a {
  display:block;
  padding:0 18px;
  font-size:0.85em;
  text-transform:uppercase;
  letter-spacing:0.7px;
}
* html #navigation a { width:1%; }
/* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation    { background-color:#FFF; }
#navigation li { border-color:#FFF; }
#navigation a  { color:#999; font-weight:bold; text-decoration:none; }
#navigation .selected, #navigation a:hover
               { color:#000; }

#clearbanner {
  height:140px;
  overflow:hidden;
  z-index:0;
}

/* === FOOTER === */

div.clear {
  clear:both;
  float:none;
}

#clearfooter {
  height:140px;
  overflow:hidden;
}
#footer {
  vertical-align:bottom;
  position:absolute;
  bottom:0px;
  left:9px;
  width:690px;
  height:130px;
  margin:0px;
  padding:0px;
  color:#000;
  font-size:10px;
  text-align:left;
  font-family:Arial, Helvetica, Homerton, sans-serif;
  border:none;
}

#footer form {
  top:0px;
  vertical-align:top;
  margin:0;
  padding:0;
  font-size:9px;
}

#footer table {
  width:100%;
  height:130px;
  margin:0px;
  padding:0px;
  border-collapse:collapse;
  border-top:1px solid #555;
}

#footer tr {
  vertical-align:top;
}

#footer td {
  font-size:10px;
  height:14px;
  vertical-align:top;
  width:305px;
  text-align:right;
}

#footer td.copy {
  width:220px;
  text-align:left;
}
#footer td.newsletter {
  width:190px;
}

#footer input {
  height:14px;
  line-height:10px;
  background-color:#FFF;
  color:#000;
  border:none;
  vertical-align:top;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, Homerton, sans-serif;
}

#footer input.email {
  border-left:1px solid #555;
  border-right:1px solid #555;
  color:#000;
  width:150px;
/*   background-color:#FFEB00; */
  background-color:#FFF9B3;
  height:14px;
  font-size:9px;
  font-weight:normal;
}

#footer img.footer {
  width:690px;
  height:115px;
  margin:0px;
  padding:0px;
  border:none;
}

/* === CONTENT DIV (FIX FOR IE) === */

#content {
  margin:30px 30px;
  text-align:left;
  padding:1px;
}

/* === LINKS === */

a {
  color:#555;
  font-weight:bold;
}
a:hover { color:#000; }
a img   { border:none; }

div.dlbutton {
  margin-top:30px;
  margin-bottom:0px;
  clear:both;
  float:none;
}
a.dlbutton {
  padding:10px;
  color:#000;
  background-color:#FFF;
  font-weight:bold;
  letter-spacing:1px;
  border:1px solid #999;
  text-decoration:none;
}
a.dlbutton:hover {
  color:#FFF;
  background-color:#000;
}

div.dlbuttonsmall {
  margin:0px;
  clear:both;
  float:none;
}
a.dlbuttonsmall {
  padding:2px;
  background-color:#FFF;
  font-weight:bold;
}

/* IE fix when button is last item of content */
* html #content div.dlbutton
{ margin-bottom:30px; }


/* === DIVIDER === */

hr {
  width:100%;
  height:1px;
  margin:15px auto;
  padding:0px;
  border:0px;
  color:#CCC;
  background-color:#CCC;
  text-align:center;
}

* html hr {
  margin-top:8px;
  margin-bottom:8px;
}

/* === HEADING === */

h1 {
  margin:0px;
  padding:0px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:18px;
}

h2 {
  margin:0px 0px 10px 0px;
  padding:0px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:14px;
}

h3 {
  margin:0px 0px 3px 0px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:14px;
}

h1.front {
  font-size:20px;
  margin-bottom:10px;
}

/* === NEWS + MERCH SECTION === */

div.news {
  width:100%;
}

div div.newsitem {
  width:550px;
  float:left;
  margin-right:30px;
}

div div.newspic {
  width:50px;
  float:left;
}

div div.ger {
  width:300px;
  float:left;
  margin-right:20px;
}

div div.eng {
  width:240px;
  float:left;
  margin-left:20px;
/*   color:#999; */
}

div div.eng a {
/*   color:#999; */
}

div.merchright {
  width:300px;
  float:left;
}

h3.merch {
  margin-top:20px;
  margin-bottom:0px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:14px;
}

span.merchdesc {
  font-size:10px;
}

div.merchthumbs {
  margin-top:3px;
  margin-bottom:15px;
  float:left;
  clear:none;
}

div.merchprice {
  float:right;
  clear:right;
}

select {
  border:1px solid #555;
  font-size:11px;
}
select, option {
  background-color:#FFF;
  color:#000;
}

div.covermerch {
  float:left;
  margin-right:20px;
}
img.merch {
  border:1px solid #555;
  margin-right:20px;
  margin-bottom:1px;
}
div.merchinfo {
  float:left;
}

div.merchpinfo {
  float:left;
  margin-right:10px;
  width: 160px;
}
div.merchprinfo {
  float:left;
  width: 160px;
}

div.sger {
  width:160px;
  float:left;
  margin-right:30px;
}
div.midbutton {
  margin-top:10px;
/*   margin-bottom:0px; */
/*   clear:both; */
  text-align:center;
  width:310px;
  float:left;
  margin-right:30px;
}
div.seng {
  width:160px;
  float:left;
  font-style:italic;
}

/* === RELEASES SECTION === */

div.release {
  margin:0px 0px 30px 0px;
  clear:both;
  float:none;
}
div.cover {
  float:left;
  margin-right:20px;
}
div.tracks {
  float:left;
  width:445px;
}

#arrowbox {
  height:0px;
}
#arrow {
  position:relative;
  left:-130px;
  top:-160px;
}
img.cover {
  width:175px;
  height:175px;
  border:1px solid #555;
}
h2.release {
  margin:0px 0px 15px 0px;
  padding:0px;
}

span.official {
  color:#999;
  font-size:10px;
  font-weight:bold;
}

span.hilited {
  color:#FFEB00;
}

/* === MEDIA SECTION === */

div.media {
  height:47px;
  margin:0px 0px 10px 0px;
}
div.media a {
  text-decoration:none;
}
div.media a div {
  float:left;
  height:45px;
  margin-right:15px;
  color:#555;
  border:1px solid #999;
  background-repeat:no-repeat;
  line-height:1em;
  font-weight:normal;
  background-color:#FFF;
  background-position:left;
}
div.media a div.thumb {
  width:45px;
  background-image:url(gfx/audio.gif);
  background-position:center;
}
div.media a div.thumbdesc {
  height:37px;
  padding:4px 5px 4px 50px;
}

/* === LIVE SECTION === */

.pastyear {
  color:#999;
}

.futuregig, .nextgig, .pastgig, .canceledgig {
  padding:5px;
  background-color:#FFF;
}

.nextgig {
  color:#FFEB00;
  background-color:#000;
}
.nextgig a {
  color:#FFEB00;
}

.pastgig, .canceledgig {
  color:#999;
}
.canceledgig .info {
  text-decoration:line-through;
}
.pastgig a, .canceledgig a {
  color:#999;
  font-weight:normal;
}

.date {
  float:left;
  left:0px;
  width:65px;
}
.info, .others {
  float:left;
  left:65px;
  width:530px;
}
.others {
  font-style:italic;
}
.others a {
  font-weight:normal;
}


/* === BAND SECTION === */

table.band {
  width:640px;
  text-align:center;
  font-size:11px;
}

div.bandmember {
  float:left;
  width:152px;
  margin-right:28px;
}
div.bandmember_right {
  float:left;
  width:152px;
  margin:0px;
}
img.bandmember {
  border:1px solid #555;
}
h2.member {
  margin:5px 0px 0px 0px;
}

div.eng td, div.ger td
{
  font-family:Verdana, Arial, Helvetica, Homerton, sans-serif;
  font-size:11px;
}

/* === CONTACT SECTION === */

#form {
  float:left;
  width:320px;
  font-size:11px;
}

#form div.label {
  margin:0px 0px 5px 0px;
  padding:0px;
  float:left;
}

#form div.user {
  margin:0px 0px 5px 0px;
  padding:0px;
  float:right;
  width:220px;
}

#form div.user_submit {
  margin:0px;
  padding:0px;
  float:right;
  width:220px;
  text-align:left;
}

#form input, #form textarea {
/*   margin:1px; */
  width:220px;
  border:1px solid #555;
  background-color:#FFF;
  color:#000;
  font-size:11px;
  font-family:Arial, Helvetica, Homerton, sans-serif;
}

#form input[type="checkbox"] {
  margin:0px;
  padding:0px;
  width:auto;
  background-color:#555;
  border:none;
}
#form input.check {
  width:auto;
}

#form input.submit {
  margin-right:3px;
  width:auto;
  border:1px solid #555;
  height:1.8em;
  font-weight:bold;
}

#bookingcontact {
  margin-left:30px;
  float:left;
  width:280px;
  font-size:11px;
  line-height:1.2em;
}


td.trackname {
  width:220px;
  color:#000;
  background-color:#FFF;
  font-family:Arial, Helvetica, Homerton, sans-serif;
  font-size:11px;
  line-height:1.5em;
  border-bottom:1px solid #555;
}

td.trackdownload {
  width:60px;
  text-align:right;
  color:#000;
  background-color:#FFF;
  font-family:Arial, Helvetica, Homerton, sans-serif;
  font-size:11px;
  line-height:1.5em;
}