/**
 * @file
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */
/**
 * Convert px to em
 * Stolen from https://github.com/stubbornella/oocss, modified with default value
 *
 * @param $px - the value in pixel you want to convert
 * @param $context - the context in pixel e.g. you want to set margin on your text,
 * and font size on your text is equivalent to 14px, then your context is 14.
 */
/**
 * Override moblle padding
 */
/* line 12, ../sass/wireframes.scss */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}
/* line 23, ../sass/wireframes.scss */
.lt-ie8 .with-wireframes #header, .lt-ie8
.with-wireframes #main, .lt-ie8
.with-wireframes #content, .lt-ie8
.with-wireframes #navigation, .lt-ie8
.with-wireframes .region-sidebar-first, .lt-ie8
.with-wireframes .region-sidebar-second, .lt-ie8
.with-wireframes #footer, .lt-ie8
.with-wireframes .region-bottom {
  border: 1px solid #ccc;
  /* IE6/7 do not support the outline property. */
}