/* -------------------------------------------------------------------- *
 *  Micro Clearfix 
 *  http://nicolasgallagher.com/micro-clearfix-hack/
 */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- *
 * Static grid
 * -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- *
 * Default gutter property
 */
.gutter-default-2 {
  /* Spanning 2 columns */
  width: 150px;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-default-3 {
  /* Spanning 3 columns */
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding
 */
.gutter-padding-2 {
  /* Spanning 2 columns */
  width: 150px;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-padding-3 {
  /* Spanning 3 columns */
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin
 */
.gutter-margin-2 {
  /* Spanning 2 columns */
  width: 150px;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-margin-3 {
  /* Spanning 3 columns */
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Trying again, using grid-init()
 * -------------------------------------------------------------------- */
.gutter-default-2, .gutter-default-3 {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Default gutter property after grid-init()
 */
.gutter-default-2 {
  /* Spanning 2 columns */
  width: 150px;
}

.gutter-default-3 {
  /* Spanning 3 columns */
  width: 240px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding after grid-init()
 */
.gutter-padding-2 {
  /* Spanning 2 columns */
  width: 150px;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-padding-3 {
  /* Spanning 3 columns */
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin after grid-init()
 */
.gutter-margin-2 {
  /* Spanning 2 columns */
  width: 150px;
  margin-left: 15px;
  margin-right: 15px;
}

.gutter-margin-3 {
  /* Spanning 3 columns */
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
}

/* -------------------------------------------------------------------- *
 * Again, now with a fluid grid
 * -------------------------------------------------------------------- */
.gutter-default-2, .gutter-default-3 {
  float: left;
  margin-left: 2.77%;
  margin-right: 2.77%;
}

/* -------------------------------------------------------------------- *
 * Default gutter property after grid-init()
 */
.gutter-default-2 {
  /* Spanning 2 of 6 columns */
  width: 27.77%;
}

.gutter-default-3 {
  /* Spanning 3 of 6 columns */
  width: 44.44%;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding after grid-init()
 */
.gutter-padding-2 {
  /* Spanning 2 of 6 columns */
  width: 27.77%;
  padding-left: 2.77%;
  padding-right: 2.77%;
}

.gutter-padding-3 {
  /* Spanning 3 of 6 columns */
  width: 44.44%;
  padding-left: 2.77%;
  padding-right: 2.77%;
}

/* -------------------------------------------------------------------- *
 * Forcing gutter property: margin after grid-init()
 */
.gutter-margin-2 {
  /* Spanning 2 of 6 columns */
  width: 27.77%;
  margin-left: 2.77%;
  margin-right: 2.77%;
}

.gutter-margin-3 {
  /* Spanning 3 of 6 columns */
  width: 44.44%;
  margin-left: 2.77%;
  margin-right: 2.77%;
}