!page_pad = 30px
!page_width = 980px
!sidebar_margin = 20px
!sidebar_width = 280px
$default_border_radius = 4px

html body
  background-color: #{!body_bg}
  color: #{!body_color}
  a
    color: #{!link_color}
    &:hover, &:focus
      color: #{saturate(darken(!link_color, 15), 20)}
    &:visited
      color: #{darken(adjust_hue(!link_color, 70), 10)}

#header, #footer, #nav
  .content
    position: relative
    margin: 0 auto
    width: #{!page_width - !page_pad}
    padding: 0 #{!page_pad/2}

#page, #header, #footer, #nav
  min-width: #{!page_width}
#page, #content, .content
  +pie-clearfix
#content
  margin: 0 auto
  width: #{!page_width - !sidebar_width - !page_pad/2}
  padding: 0 #{!sidebar_width} 0 #{!page_pad/2}
#main
  float: left
  width: 100%
  .content
    padding-right: #{!sidebar_margin}

#sidebar
  float: left
  width: #{!sidebar_width - !sidebar_margin}
  margin: 0 -100% 0 0
  padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}

#page.expanded
  #content
    width: #{!page_width - !page_pad/2}
    padding: 0 0 0 #{!page_pad/2}
  #sidebar
    float: none
    margin: 0
    padding: 0 0 #{!page_pad}