/* =============================================================================
Bush Theatre - What's on
============================================================================= */

h2#whats_on_head {
  height: 27px;
  width: 300px;
  background: url(/img/headers/whats_on.jpg) 0 0 no-repeat;
}

h2#coming_soon {
  height: 27px;
  width: 300px;
  background: url(/img/headers/coming_soon.jpg) 0 0 no-repeat;
}

h2#past_header {
background:transparent url(/img/headers/past_productions.png) no-repeat scroll 0 0;
height:20px;
width:153px;
}

p.past_space { margin: 10px 0px; }

.darkness_450 {
  background: url(/img/backgrounds/darkness_450.png) 0 203px no-repeat;
  height: 338px;
}

.frame_450 {
  background: url(/img/frames/frame_450.png) 0 0 no-repeat;
  height: 338px;
}

  .frame_450 p {
    font: normal 18px/22px Arial, Helvetica, sans-serif;
    color: #dfd5d5;
  }

  .frame_450 p.details {padding: 214px 34px 0 34px;}

  .frame_450 a,
  .frame_200 a {
    color: #bbd052;
    border: none;
  }

  .frame_450 a:hover,
  .frame_200 a:hover {
    color: #e2eea4;
    border: none;
  }

  .frame_450 div {
    padding: 10px 34px 0 34px;
  }

  .frame_450 div p {float: left; margin: 1px 0 0 0;}

a#today {
  display: block;
  background: url(/img/buttons/today.png) 0 0 no-repeat;
  width: 68px;
  height: 28px;
  margin: 0 8px;
  float: left;
  cursor: pointer;
}

a#another_day {
  display: block;
  background: url(/img/buttons/another_day.png) 0 0 no-repeat;
  width: 113px;
  height: 28px;
  margin: 0 8px;
  float: left;
  cursor: pointer;
}

a#book_tickets {
  display: block;
  background: url(/img/buttons/book_tickets.png) 0 0 no-repeat;
  width: 116px;
  height: 28px;
  margin: 0 8px;
  cursor: pointer;
}

a#today:hover,a#another_day:hover,a#book_tickets:hover {background-position: 0 -28px}

.darkness_200 {
  background: url(/img/backgrounds/darkness_200.png) 0 0 no-repeat;
  height: 166px;
}

.frame_200 {
  background: url(/img/frames/frame_200.png) 0 0 no-repeat;
  height: 166px;
}

  .frame_200 p {
    font: normal 12px/17px Arial, Helvetica, sans-serif;
    color: #dfd5d5;
  }

  .frame_200 p.details {padding: 78px 34px 0 34px;}
  .frame_450 p span,.frame_200 p span {font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;}

p.arrow {
  background: url(/img/icons/arrow.gif) 0 0 no-repeat;
  padding: 0 0 0 22px;
}

.main_whats_on, .soon_whats_on {
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 450px;
  height: 338px;
  margin-top: 10px;
}
.soon_whats_on {
  width: 200px;
  height: 166px;
}
.main_top, .soon_top {margin-top: 16px;}