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

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

/* -------------------------------------------------------------------- *
 * Forcing gutter property: padding
 */
.gutter-padding-a-2 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

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

/* -------------------------------------------------------------------- *
 * Setting default gutter property to padding
 */
.gutter-default-a-3 {
  /* Spanning 1 columns */
  width: 60px;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

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

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

.gutter-margin-b-4 {
  /* Spanning 2 columns */
  width: 150px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

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

/* -------------------------------------------------------------------- *
 * 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;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gutter-margin-b-12 {
  /* Spanning 6 of 6 columns */
  width: 94.44%;
  float: left;
  margin-left: 2.77%;
  margin-right: 2.77%;
}