/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Georgia, serif;
}

.grid h1 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

.grid h2 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

.grid h3 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Georgia, serif;
}

/* --- Grid --- */

.grid {
  width: 1012px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 23px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 23px;
}

.grid-m3 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 23px;
}

.grid-m4 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 23px;
}

.grid-m5 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c5 {
  float: left;
  width: 23px;
}

.grid-m6 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c6 {
  float: left;
  width: 23px;
}

.grid-m7 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c7 {
  float: left;
  width: 23px;
}

.grid-m8 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c8 {
  float: left;
  width: 23px;
}

.grid-m9 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c9 {
  float: left;
  width: 23px;
}

.grid-m10 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c10 {
  float: left;
  width: 23px;
}

.grid-m11 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c11 {
  float: left;
  width: 23px;
}

.grid-m12 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c12 {
  float: left;
  width: 23px;
}

.grid-m13 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c13 {
  float: left;
  width: 23px;
}

.grid-m14 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c14 {
  float: left;
  width: 23px;
}

.grid-m15 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c15 {
  float: left;
  width: 23px;
}

.grid-m16 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c16 {
  float: left;
  width: 23px;
}

.grid-m17 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c17 {
  float: left;
  width: 23px;
}

.grid-m18 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c18 {
  float: left;
  width: 23px;
}

.grid-m19 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c19 {
  float: left;
  width: 23px;
}

.grid-m20 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c20 {
  float: left;
  width: 23px;
}

.grid-m21 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c21 {
  float: left;
  width: 23px;
}

.grid-m22 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c22 {
  float: left;
  width: 23px;
}

.grid-m23 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c23 {
  float: left;
  width: 23px;
}

.grid-m24 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c24 {
  float: left;
  width: 23px;
}