@charset "UTF-8";
/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */
/*
 * Field wrappers when the Fences module is enabled.
 */
.field-label {
  /* The optional label for a field. */
}

.field-original-url {
  margin-bottom: 1.42857em;
}

.field-topic {
  padding-right: 2em;
}


.field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */
.field {
  /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */
/*
 * Field types (Contrib)
 */
.field-type-datetime {
  /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

/*
 * Named fields
 */
.field-name-field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

.field-credit {
  float: right;
  margin-right: 1ex;
}

div.field-media-source {
  font-style: italic;
}

div.field-media-sub-headline, h3.field-sub-headline, div.field-media-sub-headline-2, h3.field-sub-headline-2 {
  font-size: 1.2em;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1em;
  color: #737373;
  background: #f4f4f4;
  padding: 0.5em;
}
.node-teaser div.field-media-sub-headline, .node-teaser h3.field-sub-headline, .node-teaser div.field-media-sub-headline-2, .node-teaser h3.field-sub-headline-2 {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}

.field-dateline {
  clear: left;
  display: inline;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 1ex;
}
.field-dateline:after {
  content: '—';
}

.field-image {
  display: inline;
  float: left;
}
.view-mode-full .field-image {
  padding: 0 1.5em 1em 0;
}
.node-teaser .field-image {
  margin-top: 1.42857em;
  margin-bottom: 1.42857em;
  margin-right: 2em;
}

.media-element img {
  vertical-align: bottom;
}
.media-element .content {
  background-color: #eeeeee;
}
.media-element .field-media-description, .media-element .field-credit {
  font-size: 0.85714em;
  line-height: 1.66667em;
  margin: 0;
  padding: 0;
  border: 0;
  padding-left: 1em;
  padding-right: 1em;
}
.media-element .field-credit {
  text-align: right;
  float: none;
}
