/* MODULE *
 * ------ */
.eyebrow, #bdcontent .eyebrow, #bdcontent .runningbrow, .frontPage #bdcontent #s2 .eyebrow, .frontPage #bdcontent #s3 .eyebrow, .frontPage #bdcontent #s4 .eyebrow, .runningbrow {
  font-weight: normal;
  font-family: "Chaparral Pro", Georgia, serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 0;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #777; }

#bdcontent article {
  padding: 0 20px; }
  #bdcontent article .headline {
    font-size: 40px;
    line-height: 50px; }
  #bdcontent article .byline .author {
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;
    padding-left: 3px; }
  #bdcontent article h1 a:focus, #bdcontent article .archiveabout a:focus, #bdcontent article .moreLink:focus {
    color: #A33;
    outline: 0;
    text-decoration: underline; }
  #bdcontent article .storyText .notes {
    font-style: italic; }
  #bdcontent article .detailPage #colophon .text {
    font-style: italic;
    color: #888; }

.detailPage .feedIcon, .galleryPage .feedIcon {
  vertical-align: text-bottom; }

.frontPage #bdcontent #s2, .frontPage #bdcontent #s3, .frontPage #bdcontent #s4 {
  border-bottom: 0;
  margin-bottom: 20px;
  padding-bottom: 0; }
.frontPage #bdcontent .headline {
  font-size: 24px;
  line-height: 30px; }
.frontPage #bdcontent .lede .headline {
  font-size: 40px;
  line-height: 50px; }
.frontPage #bdcontent .story {
  margin-bottom: 19px;
  border-bottom: 1px solid #EEE;
  padding: 0 20px; }
  .frontPage #bdcontent .story > header .headline {
    margin: 0; }
    .frontPage #bdcontent .story > header .headline a:hover {
      text-decoration: underline; }
  .frontPage #bdcontent .story footer {
    margin-bottom: 20px; }
.frontPage #colophon {
  background-color: #F5F5F5;
  padding: 19px;
  border: 1px solid #EEE;
  color: #555; }
  .frontPage #colophon p, .frontPage #colophon h1, .frontPage #colophon .archiveabout {
    margin-bottom: 0; }
  .frontPage #colophon h1, .frontPage #colophon .archiveabout {
    line-height: 20px;
    font-size: 1em;
    font-weight: bold;
    color: #000; }

.module {
  border-bottom: 1px solid #EEE;
  margin-bottom: 19px;
  padding: 0 20px; }

.module:last-child {
  border-bottom: 0; }

#bdcontent .module h2 {
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #444;
  margin: 0; }

#bdcontent .storyTools, #bdcontent .storyTools li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

#bdcontent .storyTools a, #bdcontent .storyTools a img {
  display: block; }
#bdcontent .storyTools a {
  margin-bottom: 10px; }
#bdcontent .storyTools a:hover {
  text-decoration: underline; }
#bdcontent .storyTools a img {
  float: left;
  margin-right: 5px;
  margin-top: 2px; }

#bdcontent .storyList {
  margin: 0 0 15px 20px; }
  #bdcontent .storyList li {
    list-style-type: disc;
    padding: 0;
    color: #999; }
  #bdcontent .storyList a {
    display: block; }
  #bdcontent .storyList a:hover {
    text-decoration: underline; }

.archivemenu {
  width: 100%; }

.comment {
  margin: 20px 0;
  padding-bottom: 19px;
  border-bottom: 1px solid #EEE; }
  .comment cite {
    display: block;
    font-style: normal;
    color: #666; }
  .comment span.date {
    color: #999;
    font-style: italic; }

form {
  /* .fields li */
  /* form actions -- the buttons at the bottom of a form */
  /* .actions */ }
  form .fields li {
    margin-bottom: 10px;
    clear: both; }
    form .fields li .input, form .fields li label {
      margin-bottom: 10px; }
    form .fields li .input {
      float: left;
      margin-left: 10px;
      width: 380px; }
    form .fields li label {
      float: left;
      width: 150px;
      text-align: right;
      text-transform: uppercase;
      font-size: .85em;
      letter-spacing: 2px;
      line-height: 30px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.55); }
    form .fields li input, form .fields li textarea {
      width: 100%;
      line-height: 20px;
      border: 1px solid #CCC;
      padding: 4px;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      display: block; }
    form .fields li textarea {
      height: 100px; }
    form .fields li .input .error {
      background: #C00;
      color: #FFF;
      padding: 0 3px 0 2px;
      margin-left: 10px;
      float: left;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      -o-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px;
      font-size: .85em; }
    form .fields li input:disabled, form .fields li textarea:disabled {
      background: #F5F5F5;
      border: 1px solid #DDD;
      color: #333; }
  form .actions {
    text-align: right;
    /* button */ }
    form .actions button {
      border: 1px solid #CCC;
      padding: 4px 10px;
      line-height: 20px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      color: #444;
      text-shadow: 1px 1px 0 #FFF;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
      background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
      background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
      background-image: -o-linear-gradient(top, #ffffff, #dddddd);
      background-image: linear-gradient(top, #ffffff, #dddddd);
      background-color: #DDD;
      filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DDDDDD, gradientType=vertical);
      cursor: pointer; }
      form .actions button:active {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #dddddd));
        background-image: -webkit-linear-gradient(top, #cccccc, #dddddd);
        background-image: -moz-linear-gradient(top, #cccccc, #dddddd);
        background-image: -o-linear-gradient(top, #cccccc, #dddddd);
        background-image: linear-gradient(top, #cccccc, #dddddd);
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#DDDDDD, gradientType=vertical); }
  form .honeypot {
    height: 0;
    overflow: hidden; }

/* Comment Form, specifically */
#commentForm {
  background: #EEE;
  padding: 20px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  margin-bottom: 20px;
  clear: both; }
  #commentForm h3 {
    font-size: 30px;
    line-height: 40px;
    color: #222; }
  #commentForm .actions {
    background: #DDD;
    clear: both;
    border-top: 1px solid #CCC;
    margin: 0 -20px -20px -20px;
    padding: 10px;
    -webkit-border-radius: 0 0 9px 9px;
    -moz-border-radius: 0 0 9px 9px;
    -ms-border-radius: 0 0 9px 9px;
    -o-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px; }
  #commentForm .note {
    font-style: italic; }
    .galleryPage #commentForm .note a {
      color: #6CF; }
  #commentForm .terms {
    width: 360px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;
    font-style: italic;
    background: rgba(0, 0, 0, 0.6);
    margin-top: -9px;
    padding: 5px;
    color: #FFF;
    border-radius: 0 0 9px 9px;
    overflow: hidden; }
    #commentForm .terms p {
      margin: 0; }

/* #commentForm */
/* active states (need to come after gallery page form styles for cascade reasons) */
form li.error .input input, form li.error .input textarea {
  border: 2px solid #C00;
  margin: -1px; }

form .fields li input:focus, form .fields li textarea:focus {
  border: 2px solid #1f98fc;
  margin: -1px;
  outline: none; }

#bdcontent .photo .credit {
  font-size: 11px;
  color: #777;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0px;
  line-height: 20px; }

.story .photo {
  border-bottom: 1px solid #EEE;
  margin-bottom: 3px;
  width: 225px; }

.story .photo.small {
  width: 140px; }

.story .photo.full {
  width: 600px;
  margin-bottom: 23px; }

.left {
  float: left;
  margin-right: 20px; }

.right {
  float: right;
  margin-left: 20px; }

.photo.left .caption, .photo.right .caption {
  font-size: .9em;
  line-height: 1.4em;
  margin-bottom: -10px; }

/* Gallery Page
--------------------------------------------------*/
.galleryPage {
  background-color: transparent;
  color: #222; }

#bdcontent {
  margin-top: 0px; }

.top {
  position: absolute;
  left: -50%;
  top: 125px;
  background-color: #000;
  width: 150%;
  z-index: -1;
  padding-bottom: 6px; }

.galleryPage .caption {
  color: #CDCDCD;
  margin-top: 8px; }
  .galleryPage .caption p:last-child {
    margin-bottom: 0; }

#stage {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 40px; }
  #stage .credit {
    text-align: right;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #666; }

#wings {
  margin-bottom: 10px;
  overflow: hidden;
  *zoom: 1; }
  #wings img {
    display: block;
    float: left;
    width: 31%;
    margin: 2px; }

.yui-ge {
  padding-bottom: 10px; }

#spotlight img {
  display: block; }
#spotlight .caption {
  padding-left: 20px;
  padding-right: 10px; }
#spotlight .credit {
  margin-bottom: 6px;
  margin-top: 6px;
  padding-right: 10px; }

.spotlight-image {
  width: 100%; }

.yui-g, .yui-gd, .yui-gc {
  background-image: url('../../graphics/column.gif?1336158809');
  background-repeat: no-repeat; }

.yui-g {
  background-position: 50% bottom; }

.yui-gd {
  background-position: 33% bottom; }

.yui-gc {
  background-position: 66% bottom; }