@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background: #000;
  color: #fff;
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

div#text-size {
  float: left;
  padding: 0 0 0 8px;
}
div#text-size a {
  color: #fff;
  text-decoration: none;
}
a#text-small {
  font-size: 0.85em;
}
a#text-default {
  font-size: 1.0em;
}
a#text-large  {
  font-size: 1.2em;
}


/*
 * Header
 */

div#site-container div#header {
  background-color: #ec1e79;
  margin-bottom: 12px;
  padding: 18px 0 0 0;
  overflow: hidden;
  width: 100%;
  height: 254px;
}
div#header div#header-black-box {
  width: 720px;
  float: left;
  background: #000;
  padding: 0 0 15px 0;
  overflow: hidden;
}
div#header-black-box p.logo {
  float: left;
  margin: 0 20px 0 0;
  padding: 21px 0 0 0;
  width: 215px;
  text-align: center;
}

/**
div#header-black-box p.logo a {
  display: block;
  width: 162px;
  height: 210px;
  padding: 0 18px 0 35px;
  background: url(/img/test-drive-the-arts-ni-logo.gif) top left no-repeat;
  background-position: 35px 0;
}
div#header-black-box p.logo a span {
  position: absolute;
  left: -9999em;
}
**/

div#header-black-box div.other-bits {
  float: left;
  width: 475px;
  padding: 14px 0 0 0;
  margin: 0;
  overflow: hidden;
}
div#header-black-box div.other-bits p {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#header-black-box div.other-bits a.tell-a-friend {
  float: right;
  display: block;
  width: 148px;
  height: 26px;
  background: url(/img/tell-a-friend.gif) top left no-repeat;
  padding: 0 0 10px 0;
}
div#header-black-box div.other-bits a.tell-a-friend span {
  position: absolute;
  left: -9999em;
}
div#header-black-box div.other-bits a.header-banner {
  float: right;
  display: block;
  min-height: 189px;
}

/**
 * Slideshow
 */
div#header-black-box div.other-bits ul#header-slideshow {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 467px;
  height: 189px;
  overflow: hidden;
}
div#header-black-box div.other-bits ul#header-slideshow li {
  display: none;
}
div#header-black-box div.other-bits ul#header-slideshow li a,
div#header-black-box div.other-bits ul#header-slideshow li img {
  display: block;
}


/*
 * Header Search Form
 */
div#header form#header-search {
  float: left;
  padding: 0 12px 0 12px;
}
form#header-search h2 {
  width: 167px;
  height: 27px;
  background: url(/img/get-tickets-pink-bg.gif) top left no-repeat;
  margin: 0;
  padding: 0 0 12px 0;
}
form#header-search h2 span {
  position: absolute;
  left: -9999em;
}
form#header-search fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
form#header-search fieldset legend {
  font-weight: bold;
  color: #fff;
  padding: 0 0 1em 0;
  margin: 0;
}
form#header-search fieldset p {
  margin: 0;
  padding: 0 0 6px 0;
}
form#header-search fieldset p.last {
  padding-bottom: 0;
}
form#header-search fieldset label {
  display: block;
  clear: both;
}
form#header-search fieldset select {
  width: 216px;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
form#header-search fieldset input.submit {
  width: 48px;
  height: 56px;
  float: right;
}


/*
 * Main Navigation
 */
ul#main-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
}
ul#main-nav li {
  float: left;
  width: 116px;
  height: 18px;
  padding-right: 4px;
  background: url(/img/top-nav-divider.gif) top right no-repeat;
}
ul#main-nav li.last {
}
ul#main-nav li a {
  display: block;
  width: 116px;
  height: 18px;
  background: url(/img/spacer.gif) no-repeat;
  background-position: 0 0;
}
ul#main-nav li a:hover {
  background-position: 0 -18px;
}
ul#main-nav li a span {
  position: absolute;
  left: -9999em;
}
ul#main-nav li a.home {
  background-image: url(/img/nav-home.gif);
}
ul#main-nav li a.about-us {
  background-image: url(/img/nav-about-us.gif);
}
ul#main-nav li a.get-tickets {
  background-image: url(/img/nav-get-tickets.gif);
}
ul#main-nav li a.venues {
  background-image: url(/img/nav-venues.gif);
}
ul#main-nav li a.arts-orgs {
  background-image: url(/img/nav-arts-orgs.gif);
}
ul#main-nav li a.faq {
  background-image: url(/img/nav-faq.gif);
}
ul#main-nav li a.contact-us {
  background-image: url(/img/nav-contact-us.gif);
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 12px;
  width: 100%;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  width: 720px;
}

/*
 * Content Container
 */
div#page-content div#content-container {
  padding: 1em 1em 1em 1em;
}
div#page-content h2 {
  background-color: #ec1e79;
  color: #fff;
  line-height: 58px;
  padding: 0 12px 0 12px;
  margin: 10px 0 0 0;
  height: 58px;
  font-weight: bold;
  font-size: 1.7em;
}
div#page-content div.white {
  margin-top: 10px;
  background: #fff;
  color: #000;
  min-height: 470px;
}


/*
 *  Different headings for different section
 */
div#page-content h2.about-us {
  background-image: url(/img/title-about-us.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.about-us span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.faq {
  background-image: url(/img/title-faq.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.faq span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.get-tickets {
  background-image: url(/img/title-get-tickets.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.get-tickets span#title {
  position: absolute;
  left: -9999em;
}
div#page-content h2.get-tickets span#sign-up {
  background: url(/img/go-button-small.gif) top right no-repeat;
  float: right;
  font-size: 0.6em;
  font-weight: normal;
  overflow: hidden;
}
div#page-content h2.get-tickets span#sign-up a {
  text-decoration: none;
  color: #fff;
  padding: 0 25px 0 0;
}
div#page-content h2.venues {
  background-image: url(/img/title-venues.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.venues span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.tell-a-friend {
  background-image: url(/img/title-tell-a-friend.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.tell-a-friend span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.privacy-policy {
  background-image: url(/img/title-privacy-policy.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.privacy-policy span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.email-alerts {
  background-image: url(/img/title-sign-up-for-email-alerts.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.email-alerts span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.contact-us {
  background-image: url(/img/title-contact-us.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.contact-us span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.terms-and-conditions {
  background-image: url(/img/title-terms-and-conditions.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.terms-and-conditions span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.site-map {
  background-image: url(/img/title-site-map.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.site-map span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.survey {
  background-image: url(/img/title-60-second-survey.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.survey span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.arts-orgs {
  background-image: url(/img/title-arts-orgs.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.arts-orgs span {
  position: absolute;
  left: -9999em;
}
div#page-content h2.apply-for-tickets {
  background-image: url(/img/title-apply-for-tickets.gif);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
div#page-content h2.apply-for-tickets span {
  position: absolute;
  left: -9999em;
}

div#page-content h3.black {
  color: #000;
}


/*
 * Add padding to fancybox
 */
.in-fancybox {
  padding: 10px;
}

/*
 * Right Column
 */
div#page-content div#right-column {
  float: left;
  width: 225px;
  padding: 0 0 0 10px;
}
div#right-column {
}


/*
 * Right Column Events
 */
ul#right-column-events {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#right-column-events li {
  margin: 0 0 1.2em 0;
  padding: 0;
  height: 100%;
  position: relative;
}
ul#right-column-events li h3 {
  font-size: 1.6em;
  margin: 0;
  padding: 0 0 0 0;
}
ul#right-column-events li h3 a {
  color: #fff;
  text-decoration: none;
}
ul#right-column-events li h3 a:hover {
  text-decoration: underline;
}
ul#right-column-events li p {
  margin: 0;
  padding: 0;
}
ul#right-column-events li p.venue,
ul#right-column-events li p.date {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
ul#right-column-events li p a {
  color: #dc1c71;
  text-decoration: none;
}
ul#right-column-events li p a.get-tickets {
  display: block;
  line-height: 18px;
  padding: 6px 0 4px 0;
  font-size: 1.25em;
  font-weight: bold;
}
ul#right-column-events li p a:hover {
  text-decoration: underline;
}
ul#right-column-events li p a.get-tickets span {
  padding-right: 20px;
  background: url(/img/get-tickets-arrow-pink.gif) right no-repeat;
}
ul#right-column-events li img.too-late-overlay {
  position: absolute;
  top: 26px;
  left: 13px;
}
ul#right-column-events li img.no-image{
  background: #121212;
  width: 120px;
  height: 67px;
}

#page-content #apply-message p {
  font-size: 1.4em;
}

/*
 * Footer
 */

div#site-container div#footer {
  padding: 12px 0 12px 0;
}
div#footer ul#footer-logos {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
}
div#footer ul#footer-logos li {
  float: left;
  margin: 0;
  padding: 0 20px 0 20px;
}
div#footer ul#footer-links {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
ul#footer-links li {
  margin: 0;
  padding: 0;
}

/*
 * Tibus Strapline
 */
div#site-container div#tibus-strapline {
  text-align: center;
  font-size: 0.9em;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}