@charset "utf-8";

/* CSS Document */



body {

  background: #000;

  color: #d6d6d6;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 1em;

  line-height: 1.5em;

  }

  

p.bold, span.bold {

  font-weight: bold;

  color: #e6211a;

  }



p.centre {

  text-align: center;

  }



#wrap {

  }

  

#navigation {

  }

  

ul#main-nav {

  height: 60px;

  text-align: left;

  width: 960px;

  }

		

ul#main-nav li {

  float: left;

  position: relative;

  text-indent: -9999px;

  }

		

ul#main-nav li a {

  display: block;

  overflow: hidden;

  height: 60px;

  background: url(images/nav-bar.gif) no-repeat;

  }



ul#main-nav li#home a { width: 95px; background-position: 0 0; }

ul#main-nav li#about a { width: 133px; background-position: -95px 0; }

ul#main-nav li#events a { width: 138px; background-position: -228px 0; }

ul#main-nav li#feature-artist a { width: 238px; background-position: -366px 0; }

ul#main-nav li#about-burnie a { width: 227px; background-position: -604px 0; }

ul#main-nav li#contact a { width: 129px; background-position: -831px 0; }



ul#main-nav li#home a:hover, body#home-page ul#main-nav a#homenav { width: 95px; background-position: 0 -60px; }

ul#main-nav li#about a:hover, body#about-page ul#main-nav a#aboutnav { width:133px; background-position: -95px -60px; }

ul#main-nav li#events a:hover, body#events-page ul#main-nav a#eventsnav { width: 138px; background-position: -228px -60px; }

ul#main-nav li#feature-artist a:hover, body#feature-artist-page ul#main-nav a#feature-artistnav { width: 238px; background-position: -366px -60px; }

ul#main-nav li#about-burnie a:hover, body#about-burnie-page ul#main-nav a#about-burnienav { width: 227px; background-position: -604px -60px; }

ul#main-nav li#contact a:hover, body#contact-page ul#main-nav a#contactnav { width: 129px; background-position: -831px -60px; }



/* --------- dropdownn --------- */



ul#main-nav li ul {

  position:absolute;

  top:60px;

  left:0;

  margin-left:-999em;

  background:#e0dbd1;

  width:238px;

  }

		

ul#main-nav li ul li {

  height:auto;

  clear:left;

  width:238px!important;

  text-indent: 0;

  }

		

ul#main-nav li ul li a {

  background:#e6211a;

  height:auto;

  width:218px!important;

  padding: 4px 10px;

  color: #000;

  border-bottom: solid 1px #c51913;

  text-decoration: none;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;

  font-size: 18px;

  }

		

ul#main-nav li ul li a:hover {

	 background:#fff;

	 color: #000;

  }

		

ul#main-nav li:hover ul, ul#main-nav li.iehover ul {

  margin-left:0;

  }

		

/** Support for the "iehover-fix.js" **/

#main-nav iframe {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);

  }





#banner {

  width: 100%;

  height: 199px;

  }

  

#banner h1 {

  width: 100%;

  height: 103px;

   background: url(images/burnie-shines-logo.gif) no-repeat;

   text-indent: -9999px;

   }

   

#banner h1.tagline {

  width: 100%;

  height: 96px;

  background:url(images/2009.gif) no-repeat;

  text-indent: -9999px;

  }

  

#content {

  margin-bottom: 40px;

  }

  

#wrap-left {

  width: 650px;

  float: left;

  }

  

#content #left {

  width: 250px;

  float: left;

  margin-right: 60px;

  display: inline;

  overflow: hidden;

  }

  

#content #left h2.launch{ /* launch header */

  text-indent: -9999px;

  background: url(images/launch-header.gif) no-repeat;

  width: 250px;

  height: 70px;

  }


#content #left p.more a {

  background: #e6211a;

  font-weight: bold;

  padding: 4px;

  display: block;

  text-align: center;

  text-decoration: none;

  color: #000;

  text-transform: uppercase;

  }



#content #left p.more a:hover {

  background: #fff;

  }

  

#content #middle {

  float: left;

  width: 340px;

  display: inline;

  overflow: hidden;

  }

  

#content #right {

  float: left;

  width: 250px;

  margin-left: 60px;

  display: inline;

  overflow: hidden;

  }

  

#content #right form p {

  margin: 0;

  }

  

#content #right input.search {

  background: #1b1b1b;

  height: 25px;

  color: #fff;

  padding: 10px 0 0 6px;

  font-size: 16px;

  width: 188px;

  float: left;

  }

  

#content #right input.go {

  background:url(images/go.gif) no-repeat;

  height: 35px;

  width: 56px;

  display: block;

  float: left;

  }

  

.calendar {

  background: #1b1b1b;

  padding: 10px;

  float: left;

  margin: 0;

  }

  

  

#right table#october, #right table#november { 

  width: 230px;

  float: left;

  display: inline;

  border-spacing: 0;

  }

  

#right table#october a, #right table#november a {

  text-decoration: none;

  color: #fff;

  }

  

#right table#october tr {

 

 }

  



  

#right table#october td, #right table#november td {

  background: #353535;

  width: 32px;

  height: 32px;

  color: #fff;

  border-right: solid 1px #1b1b1b;

  border-top: solid 1px #1b1b1b;

  text-align: center;

  vertical-align: middle;

  }

  

#right table#october td a, #right table#november td a {

  display: block;

  width: 32px;

  height: 28px;

  vertical-align: middle;

  padding-top: 4px;

  }

  

#right table#october td a:hover, #right table#november td a:hover {

  background: #e6211a;

  color: #000;

  }

  

#right table#october td.header, #right table#november td.header {

  width: 230px;

  overflow: hidden;

  height: 32px;

  }

  

#right table#october td.empty, #right table#november td.empty {

  background: #282828;

  }

  

#right h3.october {

  display: block;

  background: url(images/october.gif) no-repeat;

  width: 250px;

  height: 30px;

  text-indent: -9999px;

  float: left;

  }

  

#right h3.november {

  display: block;

  background: url(images/november.gif) no-repeat;

  width: 250px;

  height: 28px;

  text-indent: -9999px;

  float: left;

  margin-top: 30px;

  }

  

#right h3.categories {

  display: block;

  background: url(images/categories.gif) no-repeat;

  width: 250px;

  height: 28px;

  text-indent: -9999px;

  float: left;

  margin-top: 30px;

  }

  

#right ul#categories-list {

  font-size: 0.85em;

  }

  

#right ul#categories-list li a {

  text-decoration: none;

  color: #d6d6d6;

  display: block;

  padding: 2px 6px 2px 30px;

  border-bottom: solid 1px #262626;

  background: url(images/bullet.gif) no-repeat left center;

  }

  

#right ul#categories-list li a:hover {

  background: #e6211a url(images/bullet-over.gif) no-repeat left center;

  color: #000;

  }

  

  

/* -------- Events pages -------- */



#wrap-left h2.event-title, #wrap-left h2.media-title {

  font-family: 'Arial Narrow', Arial, Verdana, Helvetica, sans-serif;

  text-transform: uppercase;

  font-size: 36px;

  font-weight: bold;

  line-height: 1em;

  margin: 0 0 16px 0;

  }



#wrap-left h2.media-title {

  margin-top: 30px;

    }  



#wrap-left #page a {

  color: #fff;

  border-bottom: dashed 1px #e6211a;

  font-weight: bold;

  text-decoration: none;

  }



#wrap-left #page a:hover {

  background: #e6211a;

  color: #000;

  border-bottom: none;

  }



#wrap-left #page h3.artist-title {

  color: #e6211a;

  font-size: 24px;

  margin-bottom: 20px;

  }

  

  

#left h3.event-date {

 font-family: 'Arial Narrow', Arial, Verdana, Helvetica, sans-serif;

  text-transform: uppercase;

  font-size: 32px;

  font-weight: bold;

  color: #e6211a;

  margin: 0 0 16px 0;

  }



  

#middle #event-details {

  background: #282828 url(images/top-tile.gif) no-repeat top center;

  border: solid 1px #3b3b3b;

  padding: 46px 6px 6px 6px;

  font-size: 0.85em;

  line-height: 1.25em;

  margin-bottom: 20px;

  }

  

#middle #event-details span.time,

#middle #event-details span.location,

#middle #event-details span.cost,

#middle #event-details span.phone,

#middle #event-details span.email,

#middle #event-details span.web{

  font-weight: bold;

  text-transform: uppercase;

  font-size: 14px;

  width: 120px;

  float: left;

  }

  

#middle #event-details span.info {

  width: 200px;

  float: left;

  }

  

#middle #event-details p {

  border-bottom: solid 1px #3b3b3b;

  margin: 0;

  padding: 5px 0;

  }



#middle #event-details a {

  color: #e6211a;

  text-decoration: none;

  }



#middle #event-details a:hover {

  color: #fff;

  }

  

#content-nav {

  border-bottom: solid 1px #3b3b3b;

  padding-bottom: 4px; text-align: center;

  }

  

#content-nav span.date-header {

  font-family: 'Arial Narrow', Arial, Verdana, Helvetica, sans-serif;

  text-transform: uppercase;

  font-size: 36px;

  font-weight: bold;

  line-height: 1em;

  margin: 0 0 16px 0;

  }

  

#content-nav a {

  font-weight: bold;

  text-decoration: none;

  color: #e6211a;

  font-size: 16px;

  }

  

#content-nav a:hover {

  color: #fff;

  }

  

#content-nav a span.prev {

  margin-right: 10px;

  }

  

#content-nav a span.next {

  margin-left: 10px;

  }

  

#date-listing {

  font-size: 0.85em;

  line-height: 1.5em;

 }



#date-listing h2 {

   margin: 0 0 10px 0;

   font-size: 22px;

   line-height: 1.25em;

   }

 

#date-listing h2 a {

  color: #fff;

  text-decoration: none;

  display: block;

  border-bottom: solid 1px #3b3b3b;

  padding-bottom: 4px;

  }

  

#date-listing h2 a:hover {

  color: #e6211a;

  }

  

#date-listing .list-item {

  background: #282828 url(images/event-listing-background.gif) no-repeat bottom center;

  padding: 10px;

  margin: 20px 0;

  border: solid 1px #3b3b3b;

  padding-bottom: 20px;

  }

  

#date-listing .list-item p.read-more {

  text-align: right;

  }



#date-listing .list-item p.read-more a {

  text-decoration: none;

  color: #e6211a;

  }

  

#date-listing .list-item p.read-more a:hover {

  color: #fff;

  }



#date-listing .list-item h3.event-date {

  color: #e6211a;

  margin-bottom: 10px;

  font-size: 16px;

  text-transform: uppercase;

  }



#feature-artist-format {

  float: left;

  width: 960px;

  }





#feature-artist-format .col1{

  float: left;

  width: 300px;

  margin-right: 30px;

  display: inline;

  overflow: hidden;

}



#feature-artist-format .col2, {

  margin-right: 0;

  float: left;

  display: inline;

  overflow: hidden;

  }



#feature-artist-format h2 {

  color: #e6211a;

  font-weight: bold;

  font-size: 36px;

  margin-bottom: 20px;

  }



#feature-artist-format h3.jessica {

  background: url(images/jessica-turale.gif) no-repeat top left;

  width: 960px;

  height: 148px;

  display: block;

  text-indent: -9999px;

  }



#feature-artist-format p {

  font-size: .85em;

  }

  

#footer {

  background: url(images/footer.gif) no-repeat;

  height: 100px;

  overflow: visible;

  padding: 90px 0 20px 0;

  font-size: 0.75em;

  color: #9b9b9b;

  }



  

