/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* =Containers --------------------------------------------------------------------------------*/ .container_16{margin-left:auto;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 Columns --------------------------------------------------------------------------------*/ .container_16 .grid_4{width:220px;} .container_16 .grid_8{width:460px;} .container_16 .grid_12{width:700px;} .container_16 .grid_16{width:940px;} .container_16 .grid_1{width:40px;} .container_16 .grid_2{width:100px;} .container_16 .grid_3{width:160px;} .container_16 .grid_5{width:280px;} .container_16 .grid_6{width:340px;} .container_16 .grid_7{width:400px;} .container_16 .grid_9{width:520px;} .container_16 .grid_10{width:580px;} .container_16 .grid_11{width:640px;} .container_16 .grid_13{width:760px;} .container_16 .grid_14{width:820px;} .container_16 .grid_15{width:880px;} /* =Prefix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .prefix_4{padding-left:240px;} .container_16 .prefix_1{padding-left:60px;} .container_16 .prefix_2{padding-left:120px;} .container_16 .prefix_3{padding-left:180px;} /* =Suffix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .suffix_4{padding-right:240px;} .container_16 .suffix_1{padding-right:60px;} .container_16 .suffix_2{padding-right:120px;} .container_16 .suffix_3{padding-right:180px;} /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;} .clearfix{display:inline-block;} * html .clearfix{height:1%;} .clearfix{display:block;}