/* 99Lime.com HTML KickStart by Joshua Gatcke kickstart-grids.css DO NOT EDIT THIS FILE unless you know what you are doing. */ /*--------------------------------- GRID/COLUMNS ----------------------------------- tinyfluidgrid.com & girlfriendnyc.com with changes by 99Lime -----------------------------------*/ /* & Columns : 12 & Gutter %: 20% & MinWidth: 960px & MaxWidth: 1080px */ .col_1 { width: 6.6666666666667%; } .col_2 { width: 15%; } .col_3 { width: 23.333333333333%; } .col_4 { width: 31.666666666667%; } .col_5 { width: 40%; } .col_6 { width: 48.333333333333%; } .col_7 { width: 56.666666666667%; } .col_8 { width: 65%; } .col_9 { width: 73.333333333333%; } .col_10 { width: 81.666666666667%; } .col_11 { width: 90%; } .col_12 { width: 98.333333333333%; } .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { margin-left: 0.83333333333333%; margin-right: 0.83333333333333%; margin-top:8px; margin-bottom:8px; float: left; display: block; } .alpha{margin-left:0px;} .omega{margin-right:0px;} .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, *:first-child+html .clearfix{zoom:1} /* Viewable Grids To view your grids, add the class .visible to any grid container. This will add a background color so you can see the layout of your grids. */ .col_1.visible, .col_2.visible, .col_3.visible, .col_4.visible, .col_5.visible, .col_6.visible, .col_7.visible, .col_8.visible, .col_9.visible, .col_10.visible, .col_11.visible, .col_12.visible { background:#efefef; } /* Default .inner Padding The inside of a column is automatically wrapped with div.inner by Javascript. This allows for more flexible styling and layout without breaking your columns. */ .column .inner{ padding:10px; }