@import "baseline.less";

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/
body {
  padding: 0 @column;
}
h1, 
h2 {
  margin: (24/26*1em) 0 (36/26*1em);
}
h2 {
  font-weight: normal;
}
h3 {
  margin: (24/@em) 0 (24/@em);
}
#sidebar-first,
#sidebar-second {
  width: 100%;
}
#colophon {
  clear: both;
}
#logo {
  display: block;
  line-height: 0;
}

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-8
*/
.wrapper {
  padding: 0 (@line/2)/@em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
      box-sizing: border-box;
}

/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
  font-size: (@font-size + 1) / @em;
  margin: 0 auto;
  width: 640/@em;
}
.ie #content {
  padding: 0;
}












