@charset "utf-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  background: url("images/layout/background.jpg") center repeat-y;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #FFFFFF;  
}

#shell {
  display: block;
  position: relative;
  width: 798px;
  margin: auto;
}

#header {
  display: block;
  position: relative;
  width: 798px;  height: 186px;
  background: url('images/layout/header.jpg') no-repeat right;
  float: right;

}

#home_link {
  display: block;
  position: relative;
  margin: 23px 0 0 25px;
  float: left;
  z-index: 3000;
}

#home_link ul {
  float: left;
}

#home_link ul li {
  float: left;
  list-style: none;
  padding: 0;
}

#home_link ul li a {
  display: block;
  position: relative;
  width: 215px;
  height: 54px;
}

#nav {
  display: block;
  position: relative;
  margin: 30px 0 0 1.1em;
    float: left;  
  font-weight: bold; 
  z-index: 2000;
} 

#nav ul {
  float: left;
}

#nav ul li {
  float: left;
  list-style: none;
  padding: 0 1.1em;
}

#content {
display: block;
position: relative;
width: 97%;
padding: 0 1em;
top: -40px;
text-align: left;
}

h1 { 
  font-size: 1.5em;
  padding: 0 0 0.5em 0;
  background: url("images/layout/link_divider.jpg") bottom left no-repeat;
}

h2 {
  font-size: 1.2em;
  padding: 0.3em 0 0 0;  
}

h3 {
  font-size: 1em;
  padding: 0.5em 0 0 0;  
}
  
p {
padding: 1em 0;
}

.right { 
  float: right; 
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

#buttons {
display: block;
float: left;
margin: -8px auto;}

#buttons ul {
  margin: auto;
  border: 0;
  padding: 0;
}

#buttons ul li {
  display: block;
  float: left;
  padding: 0 0.1em;
  margin: auto;  list-style: none;
  font-weight: bold;
}

#buttons ul li a {
  display: block;
  width: 95px;
  height: 95px;
  padding: 4px;
  margin-left: 0.1em;
  color: #000000;
  text-decoration: none;
  font-size: 0.8em;
}

#buttons ul li a.headphones {
background: url('images/headphones_medium.jpg') no-repeat;
}

#buttons ul li a.feedback {
background: url('images/feedback_medium.jpg') no-repeat;
}

#buttons ul li a.kit {
background: url('images/kit_medium.jpg') no-repeat;
}

#buttons ul li a.calendar {
background: url('images/calendar_medium.jpg') no-repeat;
}

a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

#hr {
display: block;
width: 600px;
height: 1px;
margin: 1em auto;
background: url('images/layout/divider.jpg') no-repeat;
}

.bold {
font-weight: bold;
}

#footer_left {
  display: block;
  position: relative;
    width: 40%;
  float: left;
}

#footer_right {
  display: block;
  position: relative;
    width: 40%;
  float: right;
  text-align: right;
}

img.left {
margin: 0.5em;
float: left;
border: 1px solid #FFFFFF;
}

img.right {
margin: 0.5em;
float: right;
border: 1px solid #FFFFFF;
}

img.setlist {
margin-left: -8px;
margin-top: -60px;
}

#questions {
display: block;
position: relative;
float: left;
width: 50%;
}

#questions ul {
margin-left: 20px;
list-style-image: url("images/raquo.gif");
}


#answers {
display: block;
position: relative;
float: left;
width: 49%;
/* border: 1px solid #FFFFFF;
background: #333333; */
}

#answers p {
padding: 1em;
}

table {
border-collapse: collapse;
border: 0;
}

table tr td {
padding: 0.5em;
}

table tr td.grey {
background-color: #111111;
}

.song_name {
color: #FFFFFF;
font-weight: bold;
}

.artist {
color: #BA4545;
}

#feedback_white {
display: block; position: relative; float: left;
width: 345px;
height: 300px;
padding: 1em;
margin: 0.4em;
border: 1px solid #FFFFFF;
overflow: auto;
}

#feedback_red {
display: block; position: relative; float: left;
width: 345px;
height: 300px;
padding: 1em;
margin: 0.4em;
border: 1px solid #FF0000;
overflow: auto;
}

#ipod {
display: block;
position: relative;
width: 25%;
float: left;
}

#ipod_text {
display: block;
position: relative;
float: left;
width: 74%;
}

#ipod_text ul {
margin: 0.5em 2em;
}

.italics {
font-style: italic;
}

#feedback_ticker {
  display: block;
  width: 150px; 
  float: right;
  border: 1px solid #FFFFFF;
  padding: 0.3em;
  margin: 0.5em;
}

form .submit {
  padding: 0.5em 1em;
}