/* Global */

body {
  font-family: Arial, Helvetica, serif;
  font-size: 100%;
  line-height: 1.125em;
}

*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #000 url('../images/l-body.gif') repeat-x;
  color: #351510;
}

p, dl {
  font-size: 0.875em;
  margin: 1em 0;
}

#content ul, ol {
  font-size: 0.875em;
  margin: 1em 2.5em;
}

#content li {
  margin: 0.5em 0;
}

a {
  color: #351510;  
}

a:hover {
  color: #906546;
}

h1 {
  text-align: center;
  font-weight: normal;
  font-size: 1.125em;
  line-height: 1.375em;
  color: #fdf5d4;
  display: block;
  background-color: #351510;
  padding: 10px 30px;
  margin: 0 10px;
}

h2 {
  font: normal 1.25em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  margin: 0 0 0.5em 0;
  color: #351510;
}

h3 {
  font-size: 1em;
  margin: 0.5em 0;
  color: #351510;
}

h4 {
  font-size: 1em;
  margin: 0.5em 0;
  color: #351510;
  font-style: italic;
  font-weight: normal;
}

.right {
  float:right;
}

.left {
  float:left;
}

img.left {
  margin: 0 20px 10px 0;
}

.img-border {
  margin: 0 0 0 10px;
  border: #ffd700 solid 1px;
}

.clear:after {
  content: ".";
  height: 1px;
  display: block;
  clear: both;
  visibility: hidden;
}

.clr {
  clear: both;
}

.clr-left {
  clear: left;
}

dl.row dt {
  float: left;
  width: 8em;
  font-weight: bold;
}

dl.row dd {
  margin-left: 9em;
}

.column {
  float: left;
  margin: 0 10px 0 0;
  width: 410px;
}

.column-wide {
  width: 560px;
}

.column-narrow {
  width: 250px;
}

a.noborder {
  border: none;
}

/* Layout */

#constrain {
  width: 900px;
  margin: 0 auto;
}

  /* Header */
  #header {
    height: 270px;
    background: transparent url('../images/l-header.jpg') no-repeat;
  }
  
  #header a.header-link {
    display: block;
    height: 230px;
  }
  
  /* Main Navigation */
  
  #nav-main {
    width: 550px;    
    text-align: center;
    margin: 0 auto;
  }
  
  #nav-main li {
    list-style: none;
    display: inline;        
  }
  
  #nav-main a {
    display: block;
    float: left;
    text-align: center;    
    height: 40px;
    color: #e7cc9d;
    text-decoration: none;
    padding: 0 20px;
    text-transform: uppercase;
    font: normal 1.125em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    line-height: 40px;
  }
  
  #nav-main a:hover {
    background-color: #523631;
  }
  
  /* Content */  
  #textarea {
    background: #e7cc9d url('../images/l-content-t.gif') no-repeat;
    padding: 30px;
  }
    
  /* Footer */
  #footer {
    background: transparent url('../images/l-footer.gif') no-repeat;
    text-align: center;
    padding: 46px 0;
  }
  
  #footer img {
    margin: 0;
  }  
  
  /* Author */
  #designer {
    margin: 30px 0;
    text-align: center;
  }
  
  #designer p {
    color: #fdf5d4;
    margin: 0;
  }

/* Text Area */

  /* CTAs */
  
  .cta {
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
    width: 270px;
  }
  
  .cta a {
    display: block;
    width: 270px;    
    height: 84px;
    padding: 66px 0 0 0;
    color: #351510;
    text-decoration: none;
  }
  
  .cta a:hover {
    color: #906546;
  }
  
  .cta .cta-title {
    font: normal 2em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    text-transform: uppercase;
    line-height: 0.75em;
    margin: 0;
  }
  
  .cta .cta-title span {
    font-size: 0.675em;
  }
  
  .cta .cta-register {
    margin: 4px 0 0 0;
    font-size: 0.875em;
  }
  
  .cta-established a { background: transparent url('../images/g-cta-established.jpg') no-repeat; }
  .cta-emerging a { background: transparent url('../images/g-cta-emerging.jpg') no-repeat; }
  .cta-youth a { background: transparent url('../images/g-cta-youth.jpg') no-repeat; }
  
  .cta-youth {
    margin-right: 0;
  }
  
  .cta-caption {
    background: transparent url('../images/g-cta-caption.gif') repeat-x;
    padding: 0 15px 20px 15px;
    height: 50px;
  }
  
  .cta-vote {
    width: 550px;
    margin: 0;
    background: transparent url('../images/g-cta-vote.jpg') no-repeat;
  }
  
  .cta-vote a {
    width: 550px;
  }
  
  /* Event CTAs */
  
  .event {
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
    width: 250px;
    padding: 155px 10px 0 10px;
    height: 240px;
    border-bottom: #906546 solid 1px;
  }
  
  .event-original   { background: #fdf5d4 url('../images/g-event-original.gif') no-repeat; }
  .event-grand      { background: #fdf5d4 url('../images/g-event-grand.gif') no-repeat; }
  .event-caloundra  { background: #fdf5d4 url('../images/g-event-caloundra.gif') no-repeat; margin: 0; }
  
  .event.right {
    float: right;
    margin: 0 0 0 30px;
  }
  
  /* Result CTAs */
  
  .result {
    float: left;
    margin: 0 15px 0 0;
    width: 250px;
    padding: 40px 10px 0 10px;
    height: 250px;
    border-bottom: #906546 solid 1px;
  }
  
  .result p {
    font-size: 0.8125em;
  }
    
  .result-vote   { background: #fdf5d4 url('../images/g-result-vote.gif') no-repeat; }
  .result-industry   { background: #fdf5d4 url('../images/g-result-industry.gif') no-repeat; }
  
  .result-youth   { background: #fdf5d4 url('../images/g-result-youth.gif') no-repeat; }
  .result-emerging   { background: #fdf5d4 url('../images/g-result-emerging.gif') no-repeat; }
  .result-established   { background: #fdf5d4 url('../images/g-result-established.gif') no-repeat; }
  
  .result-last { margin: 0; }
  
  #content .result a {
    background: transparent url('../images/g-button-result.gif') no-repeat;
    display: block;
    width: 160px;
    line-height: 18px;
    text-decoration: none;
    padding: 0 10px;
    margin: 0 0 2px 0;
    font-size: 0.75em;
  }
  
  #content .result a:hover {
    background-position: left bottom;
    color: #351510;
  }
  
  .result img {
    margin: 0 0 10px 10px;
  }
  
  .result h2 {
    height: 30px;
    line-height: 0.875em;
  }
  
  /* Prize CTAs */
  
  .cta-prize {
    background: transparent url('../images/g-form-youth-t.jpg') no-repeat;
    width: 420px;
    margin: 0;
    padding: 90px 0 0 0;
    text-align: left;
  }
  
  .cta-prize h3 {
    font: normal 2em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    text-transform: uppercase;
    line-height: 0.75em;
    margin: 0;
    text-align: center;
  }
  
  #content .cta-prize ol {
    margin: 0;
  }
  
  #content .cta-prize li {
    background-color: #ecd6b1;
    padding: 10px 20px;
    list-style: none;
    margin: 1em 0.5em;
  }
  
  #content .cta-prize li.prize-1 { background: #ecd6b1 url('../images/g-list-1.gif') no-repeat; }
  #content .cta-prize li.prize-2 { background: #ecd6b1 url('../images/g-list-2.gif') no-repeat; }
  #content .cta-prize li.prize-3 { background: #ecd6b1 url('../images/g-list-3.gif') no-repeat; }
  #content .cta-prize li.prize-4 { background: #ecd6b1 url('../images/g-list-4.gif') no-repeat; }
      
  /* Google Maps */
  
  .google-map {
    margin: 0 20px 70px 0;
  }
  
  /* Highlight */
  
  .highlight {
    background: #faa819 url('../images/g-highlight-t.gif') no-repeat;
    width: 435px;
    margin: 0 0 0 20px;
  }
    
  .highlight-inner { 
    font-size: 0.9375em; 
    background: transparent url('../images/g-highlight-b.gif') no-repeat bottom left;
    padding: 10px 20px;
    min-height: 170px;
  }
  
  .highlight a:hover {
    color: #696969;
  }
  
  /* Buttons */
    
  #content a.button {
    background: transparent url('../images/g-button-r.gif') no-repeat scroll top right;    
    display: block;
    float: left;    
    margin:0 6px 10px 0;
    padding-right: 10px; /* sliding doors padding */
    line-height: 32px;
    text-decoration: none;
    color: #351510;
    font-size: 1em;
  }

  #content a.button span {
    background: transparent url('../images/g-button-l.gif') no-repeat;
    display: block;
    line-height: 32px;
    padding: 0 8px 0 20px;
  }

  #content a:hover.button {
    background-position: right bottom;
  }
  
  #content a:hover.button span {
    background-position: left bottom;
  }

  /* Band Lists */
  
  #content ul.artist-list {
    font-size: 0.75em;
    margin: 0 1em 0 0;
    width: 180px;
    float: left;
  }
  
  #content ul.artist-list li {
    margin: 0;
    list-style: none;    
  }
  
  #content ul.artist-list a {
    background: transparent url('../images/g-button-artist.gif') no-repeat;
    display: block;
    width: 160px;
    line-height: 18px;
    text-decoration: none;
    padding: 0 10px;
    margin: 0 0 2px 0;
  }
  
  #content ul.artist-list a:hover {
    background-position: left bottom;
    color: #351510;
  }
  
  /* Vote Tally */
    
  dl.vote-tally dt {
    float: left;
    width: 14em;
    border-bottom: #a8926b solid 1px;
  }

  dl.vote-tally dd {
    margin-left: 14.25em;
    background-color: #a5cd39;
    border-bottom: #a8926b solid 1px;
  }
    
  /* Facebook Link */
  
  .facebook {
    margin: 30px auto 0 auto;
    width: 560px;
  }
  
  .facebook.right {
    width: 400px;
  }