/* 960 Grid System ~ Core CSS.
 * Learn more ~ http://960.gs/
 * Licensed under GPL and MIT.
 */

/* Container */

.container_16                   {margin-left:0; margin-right:auto; width:960px}

/* Grid >> Global */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16                        {display:inline; float:left; margin-left:10px; margin-right:10px}

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */

.alpha                          {margin-left:0}
.omega                          {margin-right:0}

/* Grid >> 16 column */

.container_16 .grid_1           {width:40px}
.container_16 .grid_2           {width:100px}
.container_16 .grid_3           {width:160px}
.container_16 .grid_4           {width:220px}
.container_16 .grid_5           {width:280px}
.container_16 .grid_6           {width:340px}
.container_16 .grid_7           {width:400px}
.container_16 .grid_8           {width:460px}
.container_16 .grid_9           {width:520px}
.container_16 .grid_10          {width:580px}
.container_16 .grid_11          {width:640px}
.container_16 .grid_12          {width:700px}
.container_16 .grid_13          {width:760px}
.container_16 .grid_14          {width:820px}
.container_16 .grid_15          {width:880px}
.container_16 .grid_16          {width:940px}

/* Prefix Extra Space */

.container_16 .prefix_1         {padding-left:60px}
.container_16 .prefix_2         {padding-left:120px}
.container_16 .prefix_3         {padding-left:180px}
.container_16 .prefix_4         {padding-left:240px}
.container_16 .prefix_5         {padding-left:300px}
.container_16 .prefix_6         {padding-left:360px}
.container_16 .prefix_7         {padding-left:420px}
.container_16 .prefix_8         {padding-left:480px}
.container_16 .prefix_9         {padding-left:540px}
.container_16 .prefix_10        {padding-left:600px}
.container_16 .prefix_11        {padding-left:660px}
.container_16 .prefix_12        {padding-left:720px}
.container_16 .prefix_13        {padding-left:780px}
.container_16 .prefix_14        {padding-left:840px}
.container_16 .prefix_15        {padding-left:900px}

/* Suffix Extra Space */

.container_16 .suffix_1         {padding-right:60px}
.container_16 .suffix_2         {padding-right:120px}
.container_16 .suffix_3         {padding-right:180px}
.container_16 .suffix_4         {padding-right:240px}
.container_16 .suffix_5         {padding-right:300px}
.container_16 .suffix_6         {padding-right:360px}
.container_16 .suffix_7         {padding-right:420px}
.container_16 .suffix_8         {padding-right:480px}
.container_16 .suffix_9         {padding-right:540px}
.container_16 .suffix_10        {padding-right:600px}
.container_16 .suffix_11        {padding-right:660px}
.container_16 .suffix_12        {padding-right:720px}
.container_16 .suffix_13        {padding-right:780px}
.container_16 .suffix_14        {padding-right:840px}
.container_16 .suffix_15        {padding-right:900px}

/* Grid >> table */

th,
td {padding-left:10px;padding-right:10px}

td.grid_16,
th.grid_16,
td.grid_15,
th.grid_15,
td.grid_14,
th.grid_14,
td.grid_13,
th.grid_13,
td.grid_12,
th.grid_12,
td.grid_11,
th.grid_11,
td.grid_10,
th.grid_10,
td.grid_9,
th.grid_9,
td.grid_8,
th.grid_8,
td.grid_7,
th.grid_7,
td.grid_6,
th.grid_6,
td.grid_5,
th.grid_5,
td.grid_4,
th.grid_4,
td.grid_3,
th.grid_3,
td.grid_2,
th.grid_2,
td.grid_1,
th.grid_1                       {display:table-cell; float:none; margin:0}

td.alpha,
th.alpha                        {padding-left:0}

td.omega,
th.omega                        {padding-right:0}

/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

.clear                          {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}


.clearfix:after                 {clear:both; content:'.'; display:block; visibility:hidden; height:0}
.clearfix                       {display:inline-block}
* html .clearfix                {height:1%}
.clearfix                       {display:block}
*/

/* http://cthedot.de/static/xbrowsertests/floatx.html */

* html .clearfix {height:1%}
* + html .clearfix {display:inline-block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}