/* ------------------------------------------------- *
 *  Ezy Grid by Frej Raahede Nielsen
 *  http://github.com/raahede/ezy
 * ------------------------------------------------- *
 */
/* ------------------------------------------------- *
 *  Micro Clearfix 
 *  http://nicolasgallagher.com/micro-clearfix-hack/
 */
/* --- End clearfix --- */
/* -------------------------------------------------------------------- *
 * Static grid
 * -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- *
 * Default gutter property
 */
.gutter-default-a-1 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-default-b-1 {
  /* Spanning 2 columns */
  width: 150px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding
 */
.gutter-padding-a-2 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-padding-b-2 {
  /* Spanning 2 columns */
  width: 150px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Setting default gutter property to padding
 */
.gutter-default-a-3 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-default-b-3 {
  /* Spanning 2 columns */
  width: 150px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin
 */
.gutter-margin-a-4 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-margin-b-4 {
  /* Spanning 2 columns */
  width: 150px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Trying again, using grid-init()
 * -------------------------------------------------------------------- */
.gutter-default-a-5, .gutter-default-b-5, .gutter-padding-a-6, .gutter-padding-b-6, .gutter-default-a-7, .gutter-default-b-7, .gutter-margin-a-8, .gutter-margin-b-8 {
  /* Grid column base at a 3-column context */
  margin-left: 15px;
  margin-right: 15px;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
}

/* -------------------------------------------------------------------- *
 * Default gutter property after grid-init()
 */
.gutter-default-a-5 {
  /* Spanning 1 columns */
  width: 60px;
}

.gutter-default-b-5 {
  /* Spanning 2 columns */
  width: 150px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding after grid-init()
 */
.gutter-padding-a-6 {
  /* Spanning 1 columns */
  width: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-padding-b-6 {
  /* Spanning 2 columns */
  width: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Setting default gutter property to padding after grid-init()
 */
.gutter-default-a-7 {
  /* Spanning 1 columns */
  width: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-default-b-7 {
  /* Spanning 2 columns */
  width: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin after grid-init()
 */
.gutter-margin-a-8 {
  /* Spanning 1 columns */
  width: 60px;
}

.gutter-margin-b-8 {
  /* Spanning 2 columns */
  width: 150px;
}

/* -------------------------------------------------------------------- *
 * Again, now with a fluid grid
 * -------------------------------------------------------------------- */
.gutter-default-a-9, .gutter-default-b-9, .gutter-padding-a-10, .gutter-padding-b-10, .gutter-default-a-11, .gutter-default-b-11, .gutter-margin-a-12, .gutter-margin-b-12 {
  /* Grid column base at a 6-column context */
  margin-left: 2.77778%;
  margin-right: 2.77778%;
  float: left;
  /* Fixing double margin on IE6 */
  _display: inline;
}

/* -------------------------------------------------------------------- *
 * Default gutter property after grid-init()
 */
.gutter-default-a-9 {
  /* Spanning 3 of 6 columns */
  width: 44.44444%;
}

.gutter-default-b-9 {
  /* Spanning 6 of 6 columns */
  width: 94.44444%;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding after grid-init()
 */
.gutter-padding-a-10 {
  /* Spanning 3 of 6 columns */
  width: 44.44444%;
  padding-left: 2.77778%;
  padding-right: 2.77778%;
}

.gutter-padding-b-10 {
  /* Spanning 6 of 6 columns */
  width: 94.44444%;
  padding-left: 2.77778%;
  padding-right: 2.77778%;
}

/* -------------------------------------------------------------------- *
 * Setting default gutter property to padding after grid-init()
 */
.gutter-default-a-11 {
  /* Spanning 3 of 6 columns */
  width: 44.44444%;
  padding-left: 2.77778%;
  padding-right: 2.77778%;
}

.gutter-default-b-11 {
  /* Spanning 6 of 6 columns */
  width: 94.44444%;
  padding-left: 2.77778%;
  padding-right: 2.77778%;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin after grid-init()
 */
.gutter-margin-a-12 {
  /* Spanning 3 of 6 columns */
  width: 44.44444%;
}

.gutter-margin-b-12 {
  /* Spanning 6 of 6 columns */
  width: 94.44444%;
}