@import base.sass


$brown: #201a11
$orange: #b53a04

*:focus
  outline: $orange dotted thin

body
  background: $brown

a
  text-decoration: none
  color: $orange
  &:visited
    color: white
    text-decoration: none
  &:hover
    color: white
    text-decoration: none

header[role="banner"]
  border-bottom: #cccccc 1px solid
  margin-bottom: 1em
  a
    color: white !important
    &:hover
      color: $orange unquote("!important")
  h1
    background: url('../img/tree-dark.png') left bottom no-repeat
  h2
    background: url('../img/text-dark.png') left bottom no-repeat !important

.legend h2
  float: left
  width: 40%
  background: #f3f
.buttons
  float: left
  background: #fff
      
#breadcrumbs
  color: white
  a
    color: white
    &:hover
      color: $orange
article[role="main"] .geo a
  color: white
article[role="main"] .geo a:hover
  color: $orange
footer
  color: #cccccc
  a
    color: #cccccc !important
    &:hover
      color: $orange !important

img
  &.postpic, &.postpicright
    border: none
  &.picfull
    border: none

#post-body
  color: #cccccc

aside, header
  color: #cccccc

aside section
  a
    color: #cccccc !important
    &:hover
      color: $orange !important

#post-metadata
  border-top: #555555 1px dotted
  border-bottom: #555555 1px dotted
  p
    color: #cccccc

.addendum dt
  margin-left: -30px !important

h4 a.disqus-link-count
  color: #cccccc !important

#writing-detail
  img
    border: none
  .legend
    padding: 8px