/*!
 * PHP CSS GRID GENERATOR
 * Copyright (c) 2012 Bill Brown <macnimble@gmail.com>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
**/

/**
 * Grid Details:
 *   Column Count:        12
 *   Master Width:        1002px
 *   Column Width:        54px
 *   Master Gutter Width: 12px
 *   Column Gutter Width: 30px
 *   Generated:           2012-Aug-29 1:03:38 PM
**/

[data-layout-grid] { padding: 1px 0; }

[data-layout-grid]:after,
[data-layout-grid-colgroup]:after,
[data-layout-grid-colspan]:after
{
  clear:                                both;
  content:                              '';
  display:                              block;
}
[data-layout-grid] [data-layout-grid-push],
[data-layout-grid] [data-layout-grid-pull]               { position: relative }
[data-layout-grid="12cols"]
{
  width:                                1002px;
}
[data-layout-grid] [data-layout-grid-colgroup] [data-layout-grid-colspan]
{
  display:                              inline;
  float:                                left;
  margin-left:                          12px;
}
[data-layout-grid="12cols"] [data-layout-grid-colgroup] [data-layout-grid-colgroup]>[data-layout-grid-colspan]
{
  margin-left:                          0;
}
[data-layout-grid="12cols"] [data-layout-grid-colgroup]>[data-layout-grid-colspan]+[data-layout-grid-colspan]
{
  margin-left:                          30px;
}
[data-layout-grid='12cols'] [data-layout-grid-colspan='1'] { width: 54px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='2'] { width: 138px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='3'] { width: 222px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='4'] { width: 306px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='5'] { width: 390px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='6'] { width: 474px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='7'] { width: 558px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='8'] { width: 642px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='9'] { width: 726px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='10'] { width: 810px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='11'] { width: 894px; }
[data-layout-grid='12cols'] [data-layout-grid-colspan='*'] { width: 978px; }

[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='1'] { margin-left: 84px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='2'] { margin-left: 168px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='3'] { margin-left: 252px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='4'] { margin-left: 336px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='5'] { margin-left: 420px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='6'] { margin-left: 504px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='7'] { margin-left: 588px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='8'] { margin-left: 672px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='9'] { margin-left: 756px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='10'] { margin-left: 840px; }
[data-layout-grid='12cols'] [data-layout-grid-colgroup] [data-layout-grid-prefix='11'] { margin-left: 924px; }

[data-layout-grid='12cols'] [data-layout-grid-suffix='1'] { margin-right: 84px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='2'] { margin-right: 168px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='3'] { margin-right: 252px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='4'] { margin-right: 336px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='5'] { margin-right: 420px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='6'] { margin-right: 504px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='7'] { margin-right: 588px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='8'] { margin-right: 672px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='9'] { margin-right: 756px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='10'] { margin-right: 840px; }
[data-layout-grid='12cols'] [data-layout-grid-suffix='11'] { margin-right: 924px; }

[data-layout-grid='12cols'] [data-layout-grid-push='1'] { left: 84px; }
[data-layout-grid='12cols'] [data-layout-grid-push='2'] { left: 168px; }
[data-layout-grid='12cols'] [data-layout-grid-push='3'] { left: 252px; }
[data-layout-grid='12cols'] [data-layout-grid-push='4'] { left: 336px; }
[data-layout-grid='12cols'] [data-layout-grid-push='5'] { left: 420px; }
[data-layout-grid='12cols'] [data-layout-grid-push='6'] { left: 504px; }
[data-layout-grid='12cols'] [data-layout-grid-push='7'] { left: 588px; }
[data-layout-grid='12cols'] [data-layout-grid-push='8'] { left: 672px; }
[data-layout-grid='12cols'] [data-layout-grid-push='9'] { left: 756px; }
[data-layout-grid='12cols'] [data-layout-grid-push='10'] { left: 840px; }
[data-layout-grid='12cols'] [data-layout-grid-push='11'] { left: 924px; }

[data-layout-grid='12cols'] [data-layout-grid-pull='1'] { left: -84px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='2'] { left: -168px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='3'] { left: -252px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='4'] { left: -336px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='5'] { left: -420px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='6'] { left: -504px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='7'] { left: -588px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='8'] { left: -672px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='9'] { left: -756px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='10'] { left: -840px; }
[data-layout-grid='12cols'] [data-layout-grid-pull='11'] { left: -924px; }