$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