sass_vertical

@import compass/reset.sass

*:focus
  outline: #ccc dotted medium

!base_font_size = 12px
!base_rhythm_unit= 1.5

!h2_font_size = 14px

!small_font_size = 10px   

!border_size = 1px
body  
  :background url(../images/underline.gif)
  :font-size 75%  
  margin = 2em*!base_rhythm_unit 4em*!base_rhythm_unit
  
html>body
  font-size = !base_font_size

.content
  :position relative
p
  line-height = !base_rhythm_unit
  margin = !base_rhythm_unit*1em 0
  width = 22em*!base_rhythm_unit
  
h2
  line-height = (!base_rhythm_unit*!base_font_size/ !h2_font_size)
  font-size = (!h2_font_size/!base_font_size)*1em
  margin = (!base_rhythm_unit*!base_font_size/ !h2_font_size) 0
  
h1
  font-size = !base_rhythm_unit*1em
  line-height: 1em
  margin: 0 0 1em 0
  
.sidenote
  font-size = (!small_font_size / !base_font_size)*1em
  line-height = (!base_rhythm_unit*!base_font_size / !small_font_size)     
  :position absolute
  :top 0em
  left = 28em*!base_rhythm_unit
  :width 12em
  
.footnote
  border-top = (!border_size/!base_font_size)*1em "solid" #999
  margin-top = 1.5em*!base_rhythm_unit
  padding-top = (.5em*!base_rhythm_unit) - (!border_size/(!base_rhythm_unit*!base_font_size))*1em