!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}