body.credits,
body.credits #body_canvas {
  min-width: 950px;
}
body.credits #header_title {
  padding: 1em .2em 1em .2em;
}
body.credits #body_content {
  margin: 0em 1.5em 0em 1.5em;
  padding: 0em 0em 0em 0em;
  width: 450px;
  height: 390px;
}
body.credits #footer {
  margin-top: 1.5em;
  padding: 1em;
  padding-top:0em;
  vertical-align: bottom;
  font-size: .9em;
  font-weight: normal;
}

/*  Content container decoration.  */
#top_fuzz, #bottom_fuzz {
  position: absolute;
  z-index: 10;
  margin-left: 0em;
/*  width: 435px; */ /*  This is actual width. IE 8's scrollbar is shifted 2px from other browsers. */
  width: 433px;
  height: .5em;
  height: 1em;
  border-color: rgb(205, 174, 110); /* IE 8 uses this: it ignores rgba values */
  border: .5em solid rgba(91, 5, 54, .4); /* Everything else'll redefine color. */
  border: .2em solid rgba(215, 244, 180, .2); /* Everything else'll redefine color. */
  border-style: none; /*  turn off all borders  */
  border-right: 2px solid rgba(91, 5, 54, .4); /* Everything else'll use border. */
  background-color: rgb(91, 5, 54); /* IE 8 uses this: it ignores rgba values */
  background-color: rgba(91, 5, 54, .6); /* Everything else'll redefine color. */
  pointer-events: none;
}
#top_fuzz {
  top: 0px;
  border-top-style: solid; /*  turn on  */
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(.2, rgba(91, 5, 54, .6)), to(rgba(91, 5, 54, 0))
  );
}
#bottom_fuzz {
  bottom: 0px;
  border-bottom-style: solid; /*  turn on  */
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(.2, rgba(91, 5, 54, .6)), to(rgba(91, 5, 54, 0))
  );
}
#scrollbar_track {
  position: absolute;
  top: 5px;
  right: 0em;
  width: 15px;
  height: 354px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; /* whenever it becomes official */
  background: rgba(235, 204, 140, .7); /* IE 8 ignores rgba, so this element has no color, hence invisible. */
  pointer-events: none;
}

#scrollbox {
  position: relative;
  margin-bottom: 0em;
  padding-bottom: 0em;
  padding: 0em;
  width: 450px;
  height: 390px;
  overflow: auto;
  /*  IE scrollbar decorations. #scrollbar_track isn't visible because of rgba.  */
  scrollbar-3dlight-color: rgb(255, 234, 170); /* outer top & left edges */
  scrollbar-highlight-color: rgb(235, 204, 140); /* inner top & left edges */
  scrollbar-face-color: rgb(195, 164, 100); /* scroller and buttons */
  scrollbar-arrow-color: rgb(91, 5, 54);
  scrollbar-shadow-color: rgb(145, 114, 50); /* inner bottom & right edges */
  scrollbar-darkshadow-color: rgb(115, 84, 20); /* outer bottom & right edges */
  scrollbar-track-color: rgb(225, 194, 130);
}

/*  Credits listing.  */
#credits {
}

.credit_item:first-child {
  padding-top: 1em;
  border-top: .2em solid rgb(255, 255, 140);
}
.credit_item {
  display: block;
  margin: 0em 0em 4em 0em;
  padding-right: .5em;
  padding-left: .5em;
}
.credit_item:last-child {
  margin-bottom: 0em;
  padding-bottom: 1em;
  border-bottom: .2em solid rgb(255, 255, 140);
}
#credit_item_last_child
{ /* IE 8 doesn't recognize :last-child. Can not combine. */
  margin-bottom: 0em;
  padding-bottom: 1em;
  border-bottom: .2em solid rgb(255, 255, 140);
}
.credit_item > .contributor {
  display: block;
  margin-left: 1em;
  margin-right: 1em;
}
.credit_item:last-child > .contributor {
  margin-left: 0em;
}
#credit_item_last_child > .contributor
{ /* IE 8 doesn't recognize :last-child. Can not combine. */
  margin-left: 0em;
}

.resource  {
}
.resource .pages {
  display: block;
  margin-bottom: .5em;
  text-align: center;
}
.resource .pages:before,
.resource .pages:after
{
  font-weight: normal;
  content: "•";
}
.resource .pages:before {
  padding-right: .5em;
}
.resource .pages:after {
  padding-left: .5em;
}

.resource .title {
  display: block;
  font-style: italic;
  font-size: 1.2em;
}
.title span {
  font-size: .85em;
  font-style: normal;
}
.contributor {
}
.contributor > * {
  display: block;
}
.contributor .kind {
  margin-top: .3em;
  padding-right: .5em;
  font-variant: small-caps;
}
.contributor .names {
  margin-left: 1em;
}
.contributor .names:after {
  content: ".";
}
.contributor .source {
  padding-left: .5em;
}

p {
  margin: .5em 0em 0em 2em;
  text-indent: -1em;
}
.title p {
  margin-top: 0em;
}

.info .date {
  margin-top: .5em;
  margin-bottom: .5em;
  text-align: right;
}

/*  animations  */
#credits.scrollingText {
  position: absolute;
  height: auto;
  overflow: visible;
  -webkit-animation-name: scrollingText;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-duration: 15s;
}

@-webkit-keyframes "scrollingText" {
  from {
    top: 0em;
    -webkit-animation-timing-function: ease-out;
  }
  25% {
    top: -13.5em;
  }
  50% {
    top: -32.5em;
  }
  75% {
    padding-bottom: 4em;
    top: -54.7em;
  }
  85% {
    padding-bottom: 4em;
    top: -54.7em;
    -webkit-animation-timing-function: ease;
  }
  to {
    top: 0em;
  }
}