.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #fffdd8; }
  .border.last {
    padding-right: 0;
    margin-right: 10px;
    border-right: 0; }

.prepend-top {
  margin-top: 30px; }

.prepend-bottom {
  margin-bottom: 30px; }

body {
  background-color: #555555;
  color: #fffdd8;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.03em;
  text-shadow: 1px -1px rgba(0,0,0,0.25); }
  body.web {
    background-color: #da8000; }
  body.print {
    background-color: #00bda5; }
  body.art {
    background-color: #9f02d3; }
  body.process {
    background-color: #1f80ed; }
  body.contact {
    text-shadow: 1px -1px rgba(0,0,0,0.65); }
  body.colophon {
    background-color: #92c30d; }

*:focus {
  outline: 0; }

a {
  border-bottom: 1px dotted #fffdd8;
  color: #fffdd8;
  text-decoration: none; }
  a:visited {
    color: #fffdd8; }
  a:hover {
    color: #fffdd8;
    text-decoration: none; }

a:hover {
  border-bottom-color: #222;
  color: #222;
  text-shadow: -1px 1px rgba(255,255,255,0.3); }

body.web a:hover {
  border-bottom-color: #7a3300;
  color: #7a3300; }
body.print a:hover {
  border-bottom-color: #006450;
  color: #006450; }
body.art a:hover {
  border-bottom-color: #44006b;
  color: #44006b; }
body.process a:hover {
  border-bottom-color: #003b82;
  color: #003b82; }
body.contact a:hover {
  text-shadow: -1px 1px rgba(255,255,255,0.2); }
body.colophon {
  border-bottom-color: #385d00;
  color: #385d00; }
body.web a:focus, body.web a:active, body.print a:focus, body.print a:active, body.art a:focus, body.art a:active, body.process a:focus, body.process a:active, body.contact a:focus, body.contact a:active, body.colophon a:focus, body.colophon a:active {
  color: #fff;
  text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .25em;
  text-shadow: -1px 1px rgba(255,255,255,0.4); }

body.contact h1, body.contact h2, body.contact h3, body.contact h4, body.contact h5, body.contact h6 {
  text-shadow: -1px 1px rgba(255,255,255,0.2); }

.scroller-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.scroller-container {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.scroller-wrapper .left-arrow, .scroller-wrapper .right-arrow {
  border-bottom: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 49px;
  height: 49px;
  margin: -26px 0 0;
  background: transparent url(/img/arrows.png) no-repeat top left;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 2; }
.scroller-wrapper .left-arrow {
  left: -24px; }
.scroller-wrapper .right-arrow {
  right: -24px; }

body.web .scroller-wrapper .left-arrow {
  background-position: 0 0; }
body.web .scroller-wrapper .right-arrow {
  background-position: -49px 0; }
body.print .scroller-wrapper .left-arrow {
  background-position: 0 -49px; }
body.print .scroller-wrapper .right-arrow {
  background-position: -49px -49px; }
body.art .scroller-wrapper .left-arrow {
  background-position: 0 -98px; }
body.art .scroller-wrapper .right-arrow {
  background-position: -49px -98px; }
body.process .scroller-wrapper .left-arrow {
  background-position: 0 -147px; }
body.process .scroller-wrapper .right-arrow {
  background-position: -49px -147px; }

.scroller {
  width: 100%;
  height: 100%;
  overflow: visible; }

#page {
  width: 960px;
  margin: 50px auto 25px; }

#header {
  position: relative;
  height: 110px; }

h1#siteId {
  position: absolute;
  top: 25px;
  left: 0;
  display: block;
  width: 477px;
  height: 80px;
  background: transparent url(/img/dallasreedy.png) no-repeat top left;
  text-indent: -500px;
  overflow: hidden; }

#navigation {
  position: absolute;
  top: 58px;
  left: 485px;
  padding: 0;
  margin: 0;
  list-style-type: none; }
  #navigation li {
    list-style-type: none; }
    #navigation li a, #navigation li span {
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      border-bottom: 0;
      color: #fffdd8;
      font-size: 16px;
      margin-right: 0.5em;
      padding: 1px 4px;
      text-decoration: none; }
    #navigation li a:hover, #navigation li span {
      color: #555555;
      text-shadow: none; }
    #navigation li a:hover {
      background-color: #fffdd8; }
    #navigation li span {
      background-color: #fffdd8; }

body.web #navigation li a:hover, body.web #navigation li span {
  color: #da8000; }
body.print #navigation li a:hover, body.print #navigation li span {
  color: #00bda5; }
body.art #navigation li a:hover, body.art #navigation li span {
  color: #9f02d3; }
body.process #navigation li a:hover, body.process #navigation li span {
  color: #1f80ed; }
body.colophon #navigation li a:hover, body.colophon #navigation li span {
  color: #92c30d; }

#imageThumbs {
  width: 950px; }
  #imageThumbs ol {
    position: relative;
    width: 960px;
    height: 150px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden; }
    #imageThumbs ol li {
      width: 146px !important;
      height: 146px;
      padding: 1px;
      border: 1px solid #fffdd8;
      background: none;
      list-style-type: none; }

#main {
  font-size: 15px;
  line-height: 1.75; }
  #main div.column {
    width: 303px;
    margin: 0;
    padding: 0 10px; }
  #main div.first {
    padding-left: 0; }
  #main div.last {
    padding-right: 0;
    padding-top: 29px; }

#footer {
  position: relative;
  height: 50px; }

#github {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }
  #github .column {
    margin: 0; }
  #github span.column {
    margin-right: 0.25em;
    color: #333;
    opacity: 0.65;
    text-shadow: -1px 1px rgba(255,255,255,0.3); }

body.contact #github span.column {
  text-shadow: -1px 1px rgba(255,255,255,0.2); }

#githubLink {
  border-bottom: 0; }
  #githubLink.column {
    display: block;
    width: 45px;
    height: 21px;
    margin-top: 1px;
    background: transparent url(/img/github_logo.png) no-repeat top left;
    text-indent: -9000px;
    overflow: hidden; }
  #githubLink:hover {
    background-position: bottom left; }