/****************************************************************
*  The following adjustments provide the look of the timeline.  *
****************************************************************/
#body_content {
  margin-left: 10em; /* adjusting left margin for timeline. */
}
.resource {
  position: relative; /* needed for positioning of date in timeline */
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 2.5em 1em;
  border-left: .1em solid black;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
}
.excerpt,
.source
{
  position: relative; /* needed for positioning of date in timeline */
}
/*  Use the date in the first level of objects for the timeline.  */
.resource > * > .title_wrapper + .date,
.source + .source > .date.different
{
  display: inline;
  position: absolute;
  top: 0em;
  left: -11em;
  width: 8.5em;
  max-width: 8.5em;
  text-align: right;
}
.resource > * > .title_wrapper + .date:after {
  content: "—";
  position: absolute;
  top: 0em; /* This keeps it at the top even when date is multi-lined. */
  margin-right: -1em; /* shifts it out of content to create a 1em gutter */
  padding-left: .5em; /* spacing separates it from the date */
}
/*  Don't need to show every date for every excerpt of a resource when same.  */
.excerpt + .excerpt > .date,
.source + .source > .date,
.source + .excerpt > .date,
.source + .excerpt_listing .date,
.source + .alternate .date
{
  display: none;
}
.excerpt + .excerpt > .date.different,
.source + .excerpt_listing .date.different,
.source + .alternate .date.different
{
  display: inline;
  position: relative;
  top: 0;
  left: 0;
  width: inherit;
  max-width: inherit;
  padding-left: .5em;
  text-align: left;
}
.source + .alternate .date.different:after {
  display: none;
}

.title_wrapper + .publisher {
  margin-left: 0em;
}