/*
  set a baseline for display */
#wrapper  {
  font-family:  Helvetica, Arial, sans-serif;
  font-size:  12px;
}

/*
  for standard content areas, set a sensible line height */
#byline, #copy, #context  {
  line-height:  1.5em;
}


/*
  byline typography will have to accommodate short bursts of text */
#byline {
  color:  #FFF;
}
/*
  h1 will inherit the current section's colour, but default to LOUD PINK */
  #byline h1  {
    color: #F6C;
    font-size:  28px;
    font-weight:  normal;
    margin-bottom:  18px;
  }
  #byline .date {
    font-weight:  bold;
  }

/*
  main site navigation links */
#masthead .navigation li a  {
  color:  #FFF;
  text-decoration:  none;
}
#masthead .site .current  {
  color:  #000;
}



/*
  */
#content  {}
/*
  In general, highlights will inherit the current section's colour, but
  default to LOUD PINK F6C */
  #content a,
  #content #context h2
  {
    color:  #F6C;
  }
/*
  handle general typographic leading and spacing */
  #content p  {
    margin: 0 0 20px 0;
  }
/*
  the context panel is almost entirely typographic, and remains almost
  entirely unstyled unless in a "section" body
  */
#context  {}
  body.section #context h2,
  body.section #context p,
  body.section #context ul  {
    padding:  5px 10px;
    margin: 0 10px 0 0;
    border-left:  1px solid #F6C;
    border-bottom:  1px solid #F6C;
  }
    body.section #context p.pull {
      border: none;
      color:  #666;
    }
    body.section #context ul.navigation {
      padding-top: 15px;
      padding-bottom: 15px;
    }
      body.section #context ul.navigation li a  {
        display:  block;
        text-decoration:  none;
        font-weight:  bold;
        padding:  4px 10px;
      }
      body.section #context ul.navigation li a:hover,
      body.section #context ul.navigation li a.current  {
        background: #EEE;
      }
  body.section #context h2  {
    font-size:  16px;
  }
    body.section #context h2 a  {
      text-decoration:  none;
    }
  body.section #context img {
    float:  left;
    margin: 5px 0;
  }
  
/*
  format context in landing page */
  body.landing #context {
    text-align: right;
  }
    body.landing #context img {
      display:  block;
      margin: 0 auto;
    }
  
/*
  copy breaks into a number of sections
  keep these as generic as possible */
  #copy  {}
    #copy h2  {
      margin-top: 30px;
    }
    #copy img.banner  {
      display:  block;
      margin-bottom:  30px;
      margin-top:  10px;
    }
/*
  information panel at the top of event and venue pages */
  #copy .information  {
    border-bottom:  1px solid #F6C;
    margin-bottom:  20px;
    padding:  10px 0 5px;
  }
    #copy .information .number  {
      display:  block;
      float:  left;
      margin: 0 5px;
      margin-top: -13px;
      font-size:  4.5em;
      line-height:  1em;
      color:  #F6C;
    }
/*
  event listing - may roll this up into an "li" in future */
  #copy .event_listing  {
    margin: 20px 0;
    border-top:  1px solid #CCC;
    padding:  20px 0 0;
    clear:  both;
  }
    #copy .event_listing .number  {
      display:  block;
      float:  left;
      margin: 0 10px 0 0;
      margin-top: -6px;
      font-size:  4.5em;
      line-height:  1em;
      color:  #F6C;
    }
    #copy .event_listing h2  {
      margin: 0;
      font-size:  1.4em;
    }
      #copy .event_listing h2 a {
        text-decoration:  none;
      }
    #copy .event_listing .summary  {
      padding:  0;
      color:  #666;
      clear:  left;
    }
      #copy .event_listing .summary p  {
        margin: 0;
      }
/*
  gallery links */
  #copy .gallery_listing {}
    #copy .gallery_listing li {
      margin-top:  10px;
      padding-top: 10px;
      border-top:  1px solid #CCC;
    }
/*
  news listing - may roll this up into an "li" in future */
  #copy .news_listing  {
    margin: 0 0 20px;
    border-bottom:  1px solid #CCC;
    padding:  0;
    clear:  both;
  }
    #copy .news_listing h2  {
      margin: 0;
      font-size:  1.4em;
    }
      #copy .news_listing h2 a {
        text-decoration:  none;
      }
    #copy .news_listing .date  {
      color:  #666;
    }
/*
  pagination */
  #copy .pagination {
    text-align: center;
    color:  #999;
  }
    #copy .pagination a  {
    }
/*
  member lists etc */
  #copy div.members {
    color:  #666;
    margin: 5px;
    line-height:  2em;
  }
    #copy div.members strong  {
      color:  #333;
      margin-left:  1em;
    }

/*
  */
  body.landing #context {}
  body.landing #copy {}