body {
  margin: 0;
  padding: 0;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  background: url("../images/background.jpg") top repeat-x;
}
a {
  color: orange;
}
@font-face { font-family: "Viper Nora"; src: url('../resources/VIPER___.TTF'); } 

div#not-found-error {
  text-align: center;
  margin: 150px 0;
}
div#not-found-error h1 {
  font-size: 200px;
  margin: 0;
}
div#not-found-error p {
  font-size: 30px;
  margin: 0;
}

/* ---------------------------------------------------------- [ ADS ] */

img.ad-masthead {
  width: 468px;
  height: 60px;
}
img.ad-badge {
  width: 180px;
  height: 150px;
}

/* ------------------------------------------------------- [ LAYOUT ] */

div#container {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px;
}
div.layout-container {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
  overflow: auto;
}
div#content-outer {
  /*border: 1px solid green;*/
  overflow: hidden;
  background: url("../images/left-col-bg.gif") left 0 repeat-y;
  margin-bottom: 20px;
}
div#content-inner {
  overflow: hidden;
  padding-left: 380px;
  padding-right: 240px;
  background: url("../images/right-col-bg.gif") right 0 repeat-y;
}
div#content-left {
  /*background-color: rgba(255,0,0,.6);*/
  width: 320px;
  float: left;
  margin-left: -380px;
  padding-right: 30px;
  margin-right: 30px;
  text-align: center;
}
div#content-mid {
  /*background-color: rgba(71,200,106,.6);*/
  width: 100%;
  float: left;
  text-align: center;
}
div#content-right {
  /*background-color: rgba(255,255,0,.6);*/
  width: 180px;
  float: left;
  margin-right: -240px;
  padding-left: 30px;
  margin-left: 30px;
  text-align: center;
}

/* Column Headers */

div.column h2.header {
  text-indent: -9999px;
  height: 17px;
  overflow: hidden;
  margin: 0 auto 10px auto;
}
div.column h2.header#featured {
  width: 86px;
  background-image: url("../images/headers/featured.gif");
}
div.column h2.header#mailinglist {
  width: 112px;
  background-image: url("../images/headers/mailing_list.gif");
}
div.column h2.header#upcomingshows {
  width: 156px;
  background-image: url("../images/headers/upcoming_shows.gif");
}
div.column h2.header#venues {
  width: 63px;
  background-image: url("../images/headers/venues.gif");
}
div.column h2.header#tickets {
  width: 68px;
  background-image: url("../images/headers/tickets.gif");
}
div.column h2.header#sponsors {
  width: 87px;
  background-image: url("../images/headers/sponsors.gif");
}
div.column img.stars {
  margin-bottom: 20px;
}

/* ------------------------------------------------------- [ HEADER ] */

div#header {
  background-color: rgba(0,0,0,.2);
  overflow: hidden;
  height: 105px;
  min-width: 1000px;
  padding: 0 20px;
}
div#header div#logo {
  float: left;
  width: 500px;
}
div#header div#logo h1 {
  font-family: "Viper Nora";
  font-size: 45px;
  margin: 20px 0 0;
}
div#header div#logo h1 span {
  color: #a30000;
}
div#header div#logo h2 {
  font-family: "Viper Nora";
  font-size: 15px;
  margin: -5px 0 0;
  word-spacing: -3px;
}
div#header div#logo h2 span {
  color: #a30000;
}
div#header img {
  float: right;
  position: relative;
  top: 22px;
}

/* ---------------------------------------------------- [ MAIN MENU ] */

div#main-menu {
  min-width: 1000px;
  
  border-top: 3px solid #a30000;

  /* using background instead of background-color because of a bug in IE 6 & 7 */
  background: #666; /* fallback for crap browsers that don't support rgba */
  background: rgba(0,0,0,.6);

  height: 28px;
  text-align: right;
  padding: 4px 20px 0;
  margin-bottom: 25px;
}

/* Navigation */

div#main-menu div#navigation {
  float: left;
}
/*div#main-menu div#navigation span:first-child {
  margin-right: 20px;
}*/
div#main-menu div#navigation span {
  position: relative;
  top: 3px;
  
  font-family: "Viper Nora";
  font-weight: bold;
  font-size: 16px;
  
  padding: 7px 0;
  color: #fff;
    
  -moz-text-shadow: 0 -1px 0 #000;
  -webkit-text-shadow: 0 -1px 0 #000;
  -ms-text-shadow: 0 -1px 0 #000;
  text-shadow: 0 -1px 0 #000;
}
div#main-menu div#navigation span a {
  color: #eee;
  
  text-decoration: none;

  -moz-transition: color;
  -moz-transition-duration: 150ms;
  -webkit-transition: color;
  -webkit-transition-duration: 150ms;
  -ms-transition: color;
  -ms-transition-duration: 150ms;
  transition: color;
  transition-duration: 150ms;
}
div#main-menu div#navigation span a:hover {
  /*background-color: rgba(255,152,9,.5);*/
  color: orange;
}

/* Social Links */

div#main-menu div#social-links {
  /*background-color: red;*/
  float: right;
  padding-top: 1px;
  padding-right: 1px;
  width: 200px;
}
div#main-menu div#social-links span {
  border: 1px solid #888;
  color: #fff;
  background: url("../images/glare.png") 0 -3px repeat-x;
  padding: 5px 0;

  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0 0 3px #000;
  -webkit-box-shadow: 0 0 3px #000;
  -ms-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;

  /* TODO: Transition only works in webkit */

  -webkit-transition: 200ms;
  -webkit-transition-duration: background-color, border;
}
div#main-menu div#social-links span:hover {
  background-color: rgba(255,255,255,.2);
  border: 1px solid #aaa;
}
div#main-menu div#social-links span a {
  padding: 0 5px 5px;
  display: inline-block;
  color: #fff;
  text-decoration: none;

  -moz-text-shadow: 1px 0 1px #000;
  -webkit-text-shadow: 1px 0 1px #000;
  -ms-text-shadow: 1px 0 1px #000;
  text-shadow: 1px 0 1px #000;
}
div#main-menu div#social-links span a img {
  width: 16px;
  height: 16px;
  border: 0;
  margin: 0 4px 0 0;
  position: relative;
  top: 3px;
}

/* ------------------------------------------------- [ MAILING LIST ] */

form#newsletter {
  margin: 0;
  border: 0;
  float: left;
  position: relative;
  top: -6px;
}
form#newsletter fieldset {
  border: 0;
}
/* Hide labels from sighted users but use positioning rather than
 * display: none or visibility: hidden so screen readers will still
 * read them */
form#newsletter fieldset label[for=elistname],
form#newsletter fieldset label[for=elistaddress438974419] {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
form#newsletter fieldset input#elistname,
form#newsletter fieldset input#elistaddress438974419 {
  border-radius: 3px;
  
  /* Dark */
  /*box-shadow: 0 -1px 0 #222, 0 1px 0 #999;
  background-color: rgba(0,0,0,.3);
  color: #ccc;*/
  
  /* Light */
  box-shadow: 0 -1px 0 #222;
  color: #999;
  
  border: 0;
  padding-left: 3px;
}
form#newsletter fieldset input[type=radio] {
  position: relative;
  top: 1px;
  margin-left: 0;
  margin-right: 0;
}
form#newsletter fieldset label[for=sub],
form#newsletter fieldset label[for=unsub] {
  position: relative;
  top: -1px;
  color: #fff;
  margin-right: 2px;
}
form#newsletter fieldset input#submit {
}

/* ------------------------------- [ FEATURED SHOW AND MAILING LIST ] */

div#featuredshow {
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: url("../images/shadow.png") bottom no-repeat;
}

/* -------------------------------------- [ VENUES AND TICKET OUTLETS */

ul#venue-list, ul#ticket-outlet-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 30px;
}
ul#venue-list li, ul#ticket-outlet-list li {
  margin-bottom: 10px;
}
ul#venue-list li div.venue-name, ul#ticket-outlet-list li div.outlet-name {
  font-weight: bold;
  font-size: 13px;
}
ul#venue-list li div.venue-location, ul#ticket-outlet-list li div.outlet-location {
  font-size: 11px;
}
ul#venue-list li div.venue-location img, ul#ticket-outlet-list li div.outlet-location img {
  width: 12px;
  height: 12px;
}

/* ----------------------------------------- [ SHOW LISTINGS (HOME) ] */

div#show-listings-home div {
  /*border: 1px solid red;*/
  text-align: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
div#show-listings-home div:last-child {
  border-bottom: none;
}
div#show-listings-home div h2 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}
div#show-listings-home div h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px;
}
div#show-listings-home div p {
  margin: 0 0 3px;
}
div#show-listings-home div p img {
  position: relative;
  top: 3px;
}

/* --------------------------------------------------- [ SHOWS PAGE ] */

div#shows-container {
  overflow: hidden;
  margin-bottom: 30px;
}
div#full-show-listing {
  float: left;
  margin-right: 330px;
  padding-right: 30px;
}
div#shows-sidebar {
  background: transparent url('../images/shows-separator.png') top left repeat-y;
  float: right;
  width: 300px;
  padding-left: 30px;
  margin-left: -360px;
}

/* -------------------------------------------- [ ADD NEW SHOW PAGE ] */

div#addshows-container {
  overflow: hidden;
  margin-bottom: 30px;
}
div#addshows-maincol {
  float: left;
  background: url('../images/shows-separator.png') top right repeat-y;
  width: 750px;
  padding-right: 30px;
  margin-right: -781px;
}
div#addshows-sidecol {
  float: right;
  padding-left: 30px;
  margin-left: 781px;
}

/* -------------------------------------------- [ ADD NEW SHOW FORM ] */

form#addshows {
  width: 100%;
}
form#addshows fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
section {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}
div.section-label {
  position: absolute;
  float: left;
  padding-top: 15px;
  height: 100%;
  min-height: 40px;
  background-color: #888;
  color: #fff;
  width: 100px;
  padding-right: 10px;
  padding-left: 10px;

  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;

  /* Force IE to understand border-radius */
  behavior: url('../css/PIE.htc');
}
div.section-controls {
  float: right;
  padding-top: 15px;
  height: 100%;
  width: 620px;
  min-height: 40px;
  background-color: #ccc;
  padding-left: 10px;

  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;

  /* Force IE to understand border-radius */
  behavior: url('../css/PIE.htc');
}

form#addshows h3 {
  position: relative;
  top: 3px;
  font-size: 14px;
  text-align: right;
  margin: 0;
  width: 100%;
}
form#addshows input, form#addshows textarea {
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: 3px;
}
/* Default form field value color */
form#addshows input.band-name,
form#addshows input.band-short-description,
form#addshows input.band-url {
  color: #999;
}
/* Required Fields
form#addshows input.band-name,
form#addshows input#date,
form#addshows select#venue,
form#addshows select#time,
form#addshows select#am-pm,
form#addshows select#ticket-type,
form#addshows input#price-door,
form#addshows input#submitter-name,
form#addshows input#submitter-email {
  background-color: #FFD9D9;
}*/
form#addshows label span {
  color: red;
}
form#addshows input:focus,
form#addshows textarea:focus,
form#addshows select:focus {
  background-color: #FFECD6 !important;
}
input#preview {
  display: block;
  margin-top: 15px;
}

/* Bands */

/* wish we didn't need this container but it provides the spacing
 * between the bottom of the controls and the bottom of
 * div.section-controls */
div#band-container {
  margin-bottom: 15px;
}
div.band {
  position: relative;
  margin-bottom: 8px;
}
span.add-remove-controls {
  float: left;
  display: block;
  width: 48px;
  height: 16px;
  overflow: hidden;
  position: relative;
  top: 3px;
}
span.band-input-controls {
  display: block;
  margin-left: 50px;
}
span.band-asterisk {
  position: absolute;
  top: 3px;
  left: 41px;
  color: red;
}
/*
span.band-input-controls label[for=band-name],
span.band-input-controls label[for=band-short-description],
span.band-input-controls label[for=band-url] {
  display: block;
  float: left;
  width: 130px !important;
  margin-top: 5px;
}*/
img.band-add, img.band-remove {
}
input.band-name, input.band-short-description {
  width: 160px;
}
input.band-headliner {
  position: relative;
  top: 2px;
}
input.band-url {
  margin: 3px 0 0;
  width: 412px;
}

/* Venue */

select#venue {
  margin-top: 4px;
  margin-right: 10px;
  float: left;
}
div#venue-controls span#venue-name-asterisk {
  float: left;
  color: red;
  position: relative;
  top: 4px;
}
div#alt-venue-controls {
  width: 400px;
  overflow: hidden;
  float: left;
  margin-bottom: 13px;
}
div#alt-venue-controls div {
}
div#alt-venue-controls div span#alt-venue-name-asterisk {
  color: red;
  position: absolute;
  top: 4px;
  left: 2px;
}
div#alt-venue-controls div label {
  padding-left: 12px;
  position: relative;
  top: 4px;
  float: left;
  width: 90px;
}
div#alt-venue-controls input#alt-venue-name,
div#alt-venue-controls input#alt-venue-address {
  width: 180px;
}
div#alt-venue-controls input#alt-venue-map {
  width: 280px;
}

/* Tickets */

div#ticket-container {
  overflow: hidden;
  min-height: 24px;
}
div#ticket-type-controls {
  float: left;
}
select#ticket-type {
  position: relative;
  top: 1px;
  margin-right: 10px;
}
div#ticket-controls {
  float: left;
}
input#price-advance, input#price-door, input#suggested-price {
  width: 50px;
}

/* Comments */

section#comments div.section-controls {
  padding-bottom: 15px;
}
textarea#comments {
  width: 600px;
  resize: vertical;
}

/* Social */

form#addshows img#facebook-icon {
  position: relative;
  top: 3px;
}
input#facebook-event-url {
  width: 360px;
}

/* Submitter Details */

input#submitter-email {
  width: 250px;
}

/* ------------------------------------------------------- [ FOOTER ] */

div#footer {
  min-width: 1000px;
  clear: both;
  background: url("../images/footer-noise.jpg") top repeat;
  border-top: 3px solid #a30000;
  font-size: 11px;
  padding: 20px;
  color: #fff;
}
div#footer div.layout-container {
  /*background-color: rgba(255,255,255,0.4);*/
}
div#footer div.layout-container div#footerinner {
  overflow: hidden;
  padding-right: 380px;
  /*background-color: green;*/
}

div#footerleft {
  float: left;
  width: 100%;
}
div#footerleft h4 {
  font-family: "Viper Nora";
  font-size: 20px;
  margin: 5px 0 15px;
}
div#footerleft p {
  color: #ccc;
  font-family: georgia, serif;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 20px;
}
div#footerleft div#email,
div#footerleft div#snailmail {
  float: left;
  background-color: rgba(255,255,255,0.1);
  border-radius: 3px;
  border: 1px solid #666;
  padding: 5px 8px;
}
div#footerleft div#email {
  margin-right: 20px;
  margin-bottom: 10px;
}

div#footerright {
  float: right;
  width: 380px;
  margin-right: -380px;
}
div#footerright div#footer-logos {
  padding-top: 15px;
  overflow: hidden;
}
div#footerright div#footer-logos div {
  overflow: hidden;
}
div#footerright div#footer-logos div:first-child {
  padding-left: 40px;
  padding-bottom: 20px;
}
div#footerright div#footer-logos img {
  float: right;
  margin-left: 20px;
  opacity: .8;
}