@import _reset.sass
@import _grid.sass
@import _mixins.sass
@import _globals.sass
@import _writing.sass
@import _photos.sass
@import _maps.sass
@import _about.sass
@import _contact.sass
@import _projects.sass

#featured-image img
  margin-left: $pad
  margin-bottom: 78px

.hyphenate
  text-align: justify

#writing-tease, #currently
  +sm-sans
  text-transform: uppercase
  font-size: 0.8em
  clear: both
  width: $full
  padding-top: 20px
  //border-top= !luxagraf_brown 1px "solid"
  border-top: #b9b9b9 1px dotted

#currently
  padding: 0
  margin-bottom: 0px
  margin-top: 36px
  border-top: $luxagraf_brown 1px solid

#writing-tease
  h2
    margin: 24px 0 24px 0

#fromthearc
  clear: both
  li
    float: left
    width: $col5 + $pad
    margin-bottom: $pad
  h2
    +small-serif
    font-size: 2em
    margin: 0
  .col2
    margin-left: $pad * 2
    margin-right: $pad * 2
  h3
    +headline-sans
    font-size: 1.2em
    //min-height: 50px
    margin: 0
  p
    margin: 0
  p.hyphenate
    margin-top: 3px
    text-align: justify
  img
    margin-top: 4px
  .location, time
    +tiny-serif
    line-height: 3em
    margin: 0
    padding: 0
    font-size: 0.7em
    text-align: left

// ie fixes ------------------------------

.ie #photo-galleries a img, .ie #photo-galleries img
  outline: none
  border: none !important

.ie #photo-galleries li
  width: 291px
  height: 350px

.ie #photo-galleries .legend
  margin: 0
  bottom: 0
  margin-bottom: 8px


.ie .button a
  background: none
  padding: 0

.ie .button a:hover
  background: none
  color: #b53a04 !important

.ie .drop
  padding: 28px 10px 5px 0

.ie .figure .legend
  bottom: 5px
  padding: 8px 0 8px 8px

.ie8
  body
    outline: none
    border: none
.ie8 *:focus
  border: none