/*
 * Copyright 2007 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/**
 * CSS Inlay
 * Fixed templates
 * @author ddiaz@google.com (Dustin Diaz)
 * @author elsigh@google.com (Lindsey Simon)
 * @fileoverview
 * The nature of these templates is to have one unit be a fixed width
 * and the supplementary unit to take up the rest of the width
 * of its parents' container.
 *
 * Sample Usage:
  <div class="g-section g-tpl-180">
    <div class="g-unit g-first">
      <p>
        Lorem Ipsum...
      </p>
    </div>
    <div class="g-unit">
      <p>
        Lorem Ipsum...
      </p>
    </div>
  </div>
 */

/* Document container designed for 1024x768 */
/* TODO(ux-webdev): convert this to a straight px value - em assumes reset. */
.g-doc-1024 {
  width: 73.074em;
  min-width: 950px; /* min-width doesn't work in IE6 */
  margin: 0 auto;
  text-align: left;
}
/* IE 6 */
* html .g-doc-1024 {
  width: 71.313em;
}
/* IE 7 */
*+html .g-doc-1024 {
  width: 71.313em;
}

/* Document container designed for 800x600 */
/* TODO(ux-webdev): convert this to a straight px value - em assumes reset. */
.g-doc-800 {
  width: 57.69em;
  min-width: 750px; /* min-width doesn't work in IE6 */
  margin: 0 auto;
  text-align: left;
}
/* IE 6 */
* html .g-doc-800 {
  width: 56.3em;
}
/* IE 7 */
*+html .g-doc-800 {
  width: 56.3em;
}

/* 160px */
.g-tpl-160 .g-unit,
.g-unit .g-tpl-160 .g-unit,
.g-unit .g-unit .g-tpl-160 .g-unit,
.g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
  margin: 0 0 0 160px;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-160 .g-first,
.g-unit .g-unit .g-tpl-160 .g-first,
.g-unit .g-tpl-160 .g-first,
.g-tpl-160 .g-first {
  margin: 0;
  width: 160px;
  float: left;
}

/* 160px alt */
.g-tpl-160-alt .g-unit,
.g-unit .g-tpl-160-alt .g-unit,
.g-unit .g-unit .g-tpl-160-alt .g-unit,
.g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit {
  margin: 0 160px 0 0;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-160-alt .g-first,
.g-unit .g-unit .g-tpl-160-alt .g-first,
.g-unit .g-tpl-160-alt .g-first,
.g-tpl-160-alt .g-first {
  margin: 0;
  width: 160px;
  float: right;
}

/* 180px */
.g-tpl-180 .g-unit,
.g-unit .g-tpl-180 .g-unit,
.g-unit .g-unit .g-tpl-180 .g-unit,
.g-unit .g-unit .g-unit .g-tpl-180 .g-unit {
  margin: 0 0 0 180px;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-180 .g-first,
.g-unit .g-unit .g-tpl-180 .g-first,
.g-unit .g-tpl-180 .g-first,
.g-tpl-180 .g-first {
  margin: 0;
  width: 180px;
  float: left;
}

/* 180px alt */
.g-tpl-180-alt .g-unit,
.g-unit .g-tpl-180-alt .g-unit,
.g-unit .g-unit .g-tpl-180-alt .g-unit,
.g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit {
  margin: 0 180px 0 0;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-180-alt .g-first,
.g-unit .g-unit .g-tpl-180-alt .g-first,
.g-unit .g-tpl-180-alt .g-first,
.g-tpl-180-alt .g-first {
  margin: 0;
  width: 180px;
  float: right;
}

/* 300px */
.g-tpl-300 .g-unit,
.g-unit .g-tpl-300 .g-unit,
.g-unit .g-unit .g-tpl-300 .g-unit,
.g-unit .g-unit .g-unit .g-tpl-300 .g-unit {
  margin: 0 0 0 300px;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-300 .g-first,
.g-unit .g-unit .g-tpl-300 .g-first,
.g-unit .g-tpl-300 .g-first,
.g-tpl-300 .g-first {
  margin: 0;
  width: 300px;
  float: left;
}

/* 300px alt */
.g-tpl-300-alt .g-unit,
.g-unit .g-tpl-300-alt .g-unit,
.g-unit .g-unit .g-tpl-300-alt .g-unit,
.g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit {
  margin: 0 300px 0 0;
  width: auto;
  float: none;
}
.g-unit .g-unit .g-unit .g-tpl-300-alt .g-first,
.g-unit .g-unit .g-tpl-300-alt .g-first,
.g-unit .g-tpl-300-alt .g-first,
.g-tpl-300-alt .g-first {
  margin: 0;
  width: 300px;
  float: right;
}