/* --------------------------------------------------------------
 * @file			 grid.css
 * @package    css
 * @author     blueprintcss.org, grid960.gs
 * @author     abteilungweb.de
 
-------------------------------------------------------------- */

/* Containers
----------------------------------------------------------------------------------------------------*/
.container { 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,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,grid_25 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }
.grid_25 { margin:0; clear:both; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 { width:20px; }
.grid_2 { width:60px; }
.grid_3 { width:100px; }
.grid_4 { width:140px; }
.grid_5 { width:180px; }
.grid_6 { width:220px; }
.grid_7 { width:260px; }
.grid_8 { width:300px; }
.grid_9 { width:340px; }
.grid_10 { width:380px; }
.grid_11 { width:420px; }
.grid_12 { width:460px; }
.grid_13 { width:500px; }
.grid_14 { width:540px; }
.grid_15 { width:580px; }
.grid_16 { width:620px; }
.grid_17 { width:660px; }
.grid_18 { width:700px; }
.grid_19 { width:740px; }
.grid_20 { width:780px; }
.grid_21 { width:820px; }
.grid_22 { width:860px; }
.grid_23 { width:900px; }
.grid_24 { width:940px; }
.grid_25 { width:960px; }

/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 { padding-left:40px; }
.prefix_2 { padding-left:80px; }
.prefix_3 { padding-left:120px; }
.prefix_4 { padding-left:160px; }
.prefix_5 { padding-left:200px; }
.prefix_6 { padding-left:240px; }
.prefix_7 { padding-left:280px; }
.prefix_8 { padding-left:320px; }
.prefix_9 { padding-left:360px; }
.prefix_10 { padding-left:400px; }
.prefix_11 { padding-left:440px; }
.prefix_12 { padding-left:480px; }
.prefix_13 { padding-left:520px; }
.prefix_14 { padding-left:560px; }
.prefix_15 { padding-left:600px; }
.prefix_16 { padding-left:640px; }
.prefix_17 { padding-left:680px; }
.prefix_18 { padding-left:720px; }
.prefix_19 { padding-left:760px; }
.prefix_20 { padding-left:800px; }
.prefix_21 { padding-left:840px; }
.prefix_22 { padding-left:880px; }
.prefix_23 { padding-left:920px; }

/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 { padding-right:40px; }
.suffix_2 { padding-right:80px; }
.suffix_3 { padding-right:120px; }
.suffix_4 { padding-right:160px; }
.suffix_5 { padding-right:200px; }
.suffix_6 { padding-right:240px; }
.suffix_7 { padding-right:280px; }
.suffix_8 { padding-right:320px; }
.suffix_9 { padding-right:360px; }
.suffix_10 { padding-right:400px; }
.suffix_11 { padding-right:440px; }
.suffix_12 { padding-right:480px; }
.suffix_13 { padding-right:520px; }
.suffix_14 { padding-right:560px; }
.suffix_15 { padding-right:600px; }
.suffix_16 { padding-right:640px; }
.suffix_17 { padding-right:680px; }
.suffix_18 { padding-right:720px; }
.suffix_19 { padding-right:760px; }
.suffix_20 { padding-right:800px; }
.suffix_21 { padding-right:840px; }
.suffix_22 { padding-right:880px; }
.suffix_23 { padding-right:920px; }

/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 { left:40px; }
.push_2 { left:80px; }
.push_25 { left:100px; }
.push_3 { left:120px; }
.push_4 { left:160px; }
.push_5 { left:200px; }
.push_6 { left:240px; }
.push_7 { left:280px; }
.push_8 { left:320px; }
.push_9 { left:360px; }
.push_10 { left:400px; }
.push_11 { left:440px; }
.push_12 { left:480px; }
.push_13 { left:520px; }
.push_14 { left:560px; }
.push_15 { left:600px; }
.push_16 { left:640px; }
.push_17 { left:680px; }
.push_18 { left:720px; }
.push_19 { left:760px; }
.push_20 { left:800px; }
.push_21 { left:840px; }
.push_22 { left:880px; }
.push_23 { left:920px; }

/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 { left:-40px; }
.pull_2 { left:-80px; }
.pull_3 { left:-120px; }
.pull_4 { left:-160px; }
.pull_5 { left:-200px; }
.pull_6 { left:-240px; }
.pull_7 { left:-280px; }
.pull_8 { left:-320px; }
.pull_9 { left:-360px; }
.pull_10 { left:-400px; }
.pull_11 { left:-440px; }
.pull_12 { left:-480px; }
.pull_13 { left:-520px; }
.pull_14 { left:-560px; }
.pull_15 { left:-600px; }
.pull_16 { left:-640px; }
.pull_17 { left:-680px; }
.pull_18 { left:-720px; }
.pull_19 { left:-760px; }
.pull_20 { left:-800px; }
.pull_21 { left:-840px; }
.pull_22 { left:-880px; }
.pull_23 { left:-920px; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }