/**
 * Theme Grid Styles
 * 
 * Styles for setting up a structural grid.
 * 
 * @package WordPress
 * @subpackage My Theme
 * @author 5 Inline
 */

/**
 * Lines and Units, used for horizontally lining up elements.
 */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow:hidden;}
.lastUnit:after,.last:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;margin-bottom:20px;}
.unit{float:left;}
.rt,.alignright { float: right; }
.lt,.alignleft { float: left; }

/**
 * Flexible grid layouts, for internal structure. 
 */
.g1of1{float:none;}
.g1of2,.g2of4,.g3of6,.g4of8,.g6of12{width:50%;}
.g1of3,.g2of6,.g3of9,.g4of12{width:33.33333%;}
.g2of3,.g4of6,.g6of9,.g8of12{width:66.66666%;}
.g1of4,.g2of8,.g3of12{width:25%;}
.g3of4,.g6of8,.g9of12{width:75%;}
.g1of5,.g2of10{width:20%;}
.g2of5,.g4of10{width:40%;}
.g3of5,.g6of10{width:60%;}
.g4of5,.g8of10{width:80%;}
.g1of6,.g2of12{width:16.66666%;}
.g5of6,.g10of12{width:83.33333%;}
.g1of7{width:14.28571%;}
.g2of7{width:28.57143%;}
.g3of7{width:42.85714%;}
.g4of7{width:57.14285%;}
.g5of7{width:71.42857%;}
.g6of7{width:85.71428%;}
.g1of8{width:12.5%;}
.g3of8{width:37.5%;}
.g5of8{width:62.5%;}
.g7of8{width:87.5%;}
.g1of9{width:11.11111%;}
.g2of9{width:22.22222%;}
.g4of9{width:44.44444%;}
.g5of9{width:55.55555%;}
.g7of9{width:77.77778%;}
.g8of9{width:88.88889%;}
.g1of10{width:10%;}
.g3of10{width:30%;}
.g5of10{width:50%;}
.g7of10{width:70%;}
.g9of10{width:90%;}
.g1of11{width:9.0909%;}
.g2of11{width:18.18181%;}
.g3of11{width:27.27272%;}
.g4of11{width:36.36363%;}
.g5of11{width:45.45454%;}
.g6of11{width:54.54545%;}
.g7of11{width:63.63636%;}
.g8of11{width:72.72727%;}
.g9of11{width:81.81818%;}
.g10of11{width:90.90909%;}
.g1of12{width:8.33333%;}
.g5of12{width:41.666666%;}
.g7of12{width:58.33333%;}
.g11of12{width:91.66666%;}

/**
 * Percentage 12-column based grid (default when no column parent set)
 */
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12,.grid12,.grid13,.grid14,.grid15,.grid16 {margin-left: 1.041666%; margin-right: 1.041666%;}
.column12 .grid0,  .grid0 {width:0%;}
.column12 .grid1,  .grid1 {width:6.25333%;}
.column12 .grid2,  .grid2 {width:14.58333%;}
.column12 .grid3,  .grid3 {width:22.91666%;}
.column12 .grid4,  .grid4 {width:31.25333%;}
.column12 .grid5,  .grid5 {width:39.58666%;}
.column12 .grid6,  .grid6 {width:47.91666%;}
.column12 .grid7,  .grid7 {width:56.21666%;}
.column12 .grid8,  .grid8 {width:64.58666%;}
.column12 .grid9,  .grid9 {width:72.91666%;}
.column12 .grid10, .grid10 {width:81.25333%;}
.column12 .grid11, .grid11 {width:89.58666%;}
.column12 .grid12, .grid12 {width:97.91666%;}

/**
 * Percentage 16-column based grid
 */
.column16 .grid0  {width:0%;}
.column16 .grid1  {width:4.16666%;}
.column16 .grid2  {width:10.41666%;}
.column16 .grid3  {width:16.66666%;}
.column16 .grid4  {width:22.91666%;}
.column16 .grid5  {width:29.91666%;}
.column16 .grid6  {width:35.41666%;}
.column16 .grid7  {width:41.66666%;}
.column16 .grid8  {width:47.91666%;}
.column16 .grid9  {width:54.16666%;}
.column16 .grid10 {width:60.41666%;}
.column16 .grid11 {width:66.66666%;}
.column16 .grid12 {width:72.91666%;}
.column16 .grid13 {width:79.91666%;}
.column16 .grid14 {width:85.41666%;}
.column16 .grid15 {width:91.66666%;}
.column16 .grid16 {width:97.91666%;}

/**
 * Fixed 12-column based grid (960.gs, default when no column parent set)
 */
.fixed .grid1,.grid1.fixed,.fixed .grid2,.grid2.fixed,.fixed .grid3,.grid3.fixed,.fixed .grid4,.grid4.fixed,.fixed .grid5,.grid5.fixed,.fixed .grid6,.grid6.fixed,.fixed .grid7,.grid7.fixed,.fixed .grid8,.grid8.fixed,.fixed .grid9,.grid9.fixed,.fixed .grid10,.grid10.fixed,.fixed .grid11,.grid11.fixed,.fixed .grid12,.grid12.fixed,.fixed .grid12,.grid12.fixed,.fixed .grid13,.grid13.fixed,.fixed .grid14,.grid14.fixed,.fixed .grid15,.grid15.fixed,.fixed .grid16,.grid16.fixed {margin-left: 10px; margin-right: 10px;}

.fixed .column12 .grid0, .column12 .grid0.fixed, .fixed .grid0, .grid0.fixed {width:0px;}
.fixed .column12 .grid1, .column12 .grid1.fixed, .fixed .grid1, .grid1.fixed {width:60px;}
.fixed .column12 .grid2, .column12 .grid2.fixed, .fixed .grid2, .grid2.fixed {width:140px;}
.fixed .column12 .grid3, .column12 .grid3.fixed, .fixed .grid3, .grid3.fixed {width:220px;}
.fixed .column12 .grid4, .column12 .grid4.fixed, .fixed .grid4, .grid4.fixed {width:300px;}
.fixed .column12 .grid5, .column12 .grid5.fixed, .fixed .grid5, .grid5.fixed {width:380px;}
.fixed .column12 .grid6, .column12 .grid6.fixed, .fixed .grid6, .grid6.fixed {width:460px;}
.fixed .column12 .grid7, .column12 .grid7.fixed, .fixed .grid7, .grid7.fixed {width:540px;}
.fixed .column12 .grid8, .column12 .grid8.fixed, .fixed .grid8, .grid8.fixed {width:620px;}
.fixed .column12 .grid9, .column12 .grid9.fixed, .fixed .grid9, .grid9.fixed {width:700px;}
.fixed .column12 .grid10, .column12 .grid10.fixed, .fixed .grid10, ..grid10.fixed {width:780px;}
.fixed .column12 .grid11, .column12 .grid11.fixed, .fixed .grid11, ..grid11.fixed {width:860px;}
.fixed .column12 .grid12, .column12 .grid12.fixed, .fixed .grid12, ..grid12.fixed {width:940px;}

/**
 * Fixed 16-column based grid (960.gs)
 */
.fixed .column16 .grid0, .column16 .grid0.fixed   {width:0%;}
.fixed .column16 .grid1, .column16 .grid1.fixed   {width:40px;}
.fixed .column16 .grid2, .column16 .grid2.fixed   {width:100px;}
.fixed .column16 .grid3, .column16 .grid3.fixed   {width:160px;}
.fixed .column16 .grid4, .column16 .grid4.fixed   {width:220px;}
.fixed .column16 .grid5, .column16 .grid5.fixed   {width:280px;}
.fixed .column16 .grid6, .column16 .grid6.fixed   {width:340px;}
.fixed .column16 .grid7, .column16 .grid7.fixed   {width:400px;}
.fixed .column16 .grid8, .column16 .grid8.fixed   {width:460px;}
.fixed .column16 .grid9, .column16 .grid9.fixed   {width:520px;}
.fixed .column16 .grid10, .column16 .grid10.fixed {width:580px;}
.fixed .column16 .grid11, .column16 .grid11.fixed {width:640px;}
.fixed .column16 .grid12, .column16 .grid12.fixed {width:700px;}
.fixed .column16 .grid13, .column16 .grid13.fixed {width:760px;}
.fixed .column16 .grid14, .column16 .grid14.fixed {width:820px;}
.fixed .column16 .grid15, .column16 .grid15.fixed {width:880px;}
.fixed .column16 .grid16, .column16 .grid16.fixed {width:940px;}