@import "susy"
$susy: ( columns: 12, gutters: 1/4,  gutter-position: inside )

.container
  width: 90%
  max-width: 1000px
  margin: 0 auto
.container
  max-width: 90%
.container_full
  min-width: 100%
  width: 100%
  &:after
    clear: both
  .half_left
    @include span(6)
    @media only screen and (max-width: 880px)
      @include span(12)
  .half_right
    @include span(6)
    @media only screen and (max-width: 880px)
      @include span(12)

main , header , footer
  a
    color: #53a5ff
    text-decoration: none

  ul.nav
    text-align: center
    li
      display: inline
      margin-left: 5px
      &:before
        color: #b5e853
        content: ">> "
        width: 30px
        height: 30px
        left: -30px
      a
        border-bottom: 1px dashed #53a5ff
        &:hover
          border-bottom: 0px
        small
          color: lightgrey
  .center
    text-align: center

  .row
    clear: both
    width: 100%

  .tripple
    @include gallery(4)
    @media only screen and (max-width: 880px)
      @include span(12)

  .full_width
    img
      width: 100%
  .debug_pic
    border-color: white
    border-width: 8px
    border-style: solid
    border-radius: 6px
    img
      width: 100%

  .blog_nav
    .next_post , .prev_post
      width: 20%
    .next_post
      float: right
    .prev_post
      float: left
  .blog_post
    h1
      span
        font-size: 18px
  .blog_index
    h1
      font-size: 20px
    h2
      font-size: 16px
      span
        font-size: 14px