/*!
 * 996 Grid System 1.0.0
 * 
 * Copyright (c) 2009 Massimo Lombardo. All rights reserved.
 * This code is dual licensed under the MIT and GPL licenses.
 * See LICENSE or http://lab.unwiredbrain.com/996gs
 */

.container { margin-left: auto; margin-right: auto; width: 996px; }
.sgb { background-image: url(/a/i/996-18b.png); }
.sgw { background-image: url(/a/i/996-18w.png); }

/* [g]rid */
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 { display: inline; float: left; position: relative; margin-right: 12px; }
.g1  { width:  6em; } /*  1 column  +  0 spaces */
.g2  { width: 13em; } /*  2 columns +  1 spaces */
.g3  { width: 20em; } /*  3 columns +  2 spaces */
.g4  { width: 27em; } /*  4 columns +  3 spaces */
.g5  { width: 34em; } /*  5 columns +  4 spaces */
.g6  { width: 41em; } /*  6 columns +  5 spaces */
.g7  { width: 48em; } /*  7 columns +  6 spaces */
.g8  { width: 55em; } /*  8 columns +  7 spaces */
.g9  { width: 62em; } /*  9 columns +  8 spaces */
.g10 { width: 69em; } /* 10 columns +  9 spaces */
.g11 { width: 76em; } /* 11 columns + 10 spaces */
.g12 { width: 83em; } /* 12 columns + 11 spaces */

/* [p]refix */
.p1  { padding-left:  7em; } /*  1 column  +  1 space  */
.p2  { padding-left: 14em; } /*  2 columns +  2 spaces */
.p3  { padding-left: 21em; } /*  3 columns +  3 spaces */
.p4  { padding-left: 28em; } /*  4 columns +  4 spaces */
.p5  { padding-left: 35em; } /*  5 columns +  5 spaces */
.p6  { padding-left: 42em; } /*  6 columns +  6 spaces */
.p7  { padding-left: 49em; } /*  7 columns +  7 spaces */
.p8  { padding-left: 56em; } /*  8 columns +  8 spaces */
.p9  { padding-left: 63em; } /*  9 columns +  9 spaces */
.p10 { padding-left: 70em; } /* 10 columns + 10 spaces */
.p11 { padding-left: 77em; } /* 11 columns + 11 spaces */

/* [s]uffix */
.s1  { padding-right:  7em; } /*  1 column  +  1 space  */
.s2  { padding-right: 14em; } /*  2 columns +  2 spaces */
.s3  { padding-right: 21em; } /*  3 columns +  3 spaces */
.s4  { padding-right: 28em; } /*  4 columns +  4 spaces */
.s5  { padding-right: 35em; } /*  5 columns +  5 spaces */
.s6  { padding-right: 42em; } /*  6 columns +  6 spaces */
.s7  { padding-right: 49em; } /*  7 columns +  7 spaces */
.s8  { padding-right: 56em; } /*  8 columns +  8 spaces */
.s9  { padding-right: 63em; } /*  9 columns +  9 spaces */
.s10 { padding-right: 70em; } /* 10 columns + 10 spaces */
.s11 { padding-right: 77em; } /* 11 columns + 11 spaces */

/* pus[h] */
.h1  { left:  7em; } /*  1 column  +  1 space  */
.h2  { left: 14em; } /*  2 columns +  2 spaces */
.h3  { left: 21em; } /*  3 columns +  3 spaces */
.h4  { left: 28em; } /*  4 columns +  4 spaces */
.h5  { left: 35em; } /*  5 columns +  5 spaces */
.h6  { left: 42em; } /*  6 columns +  6 spaces */
.h7  { left: 49em; } /*  7 columns +  7 spaces */
.h8  { left: 56em; } /*  8 columns +  8 spaces */
.h9  { left: 63em; } /*  9 columns +  9 spaces */
.h10 { left: 70em; } /* 10 columns + 10 spaces */
.h11 { left: 77em; } /* 11 columns + 11 spaces */

/* pul[l] */
.l1  { left:  -7em; } /*  1 column  +  1 space  */
.l2  { left: -14em; } /*  2 columns +  2 spaces */
.l3  { left: -21em; } /*  3 columns +  3 spaces */
.l4  { left: -28em; } /*  4 columns +  4 spaces */
.l5  { left: -35em; } /*  5 columns +  5 spaces */
.l6  { left: -42em; } /*  6 columns +  6 spaces */
.l7  { left: -49em; } /*  7 columns +  7 spaces */
.l8  { left: -56em; } /*  8 columns +  8 spaces */
.l9  { left: -63em; } /*  9 columns +  9 spaces */
.l10 { left: -70em; } /* 10 columns + 10 spaces */
.l11 { left: -77em; } /* 11 columns + 11 spaces */

.last { margin-right: 0; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix { height: 1%; }
.hidden { position: absolute; left: -99999em; }