/**
 * Acumen for Magento
 * Made by Gravity Department (http://gravitydept.com)
 * Distributed by ThemeForest (http://themeforest.net)
 *
 * @author     Brendan Falkowski
 * @package    gravdept_acumen
 * @copyright  Copyright 2010 Brendan Falkowski (http://brendanfalkowski.com)
 * @license    All rights reserved.
 * @version    1.0.0
 */


/**
 * 960 grid
 * 12 columns
 * 50px column width
 * 30px gutter
 * 15px edge
 */


/* Containers
----------------------------------------------------------------------------------------------------*/

.block { display:block; width:960px; margin:0 15px; }
.block:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }  /* clear in advance */

.grid { display:block; width:960px; margin:0 auto; }
.grid:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }  /* clear in advance */

.block .grid,
.grid .grid
	{ width:auto; }   /* nested grid */


/* Grid Columns
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
	{ display:inline; float:left; position:relative; margin-left:15px; margin-right:15px; }

.grid .grid_1 { width:50px; }
.grid .grid_2 { width:130px; }
.grid .grid_3 { width:210px; }
.grid .grid_4 { width:290px; }
.grid .grid_5 { width:370px; }
.grid .grid_6 { width:450px; }
.grid .grid_7 { width:530px; }
.grid .grid_8 { width:610px; }
.grid .grid_9 { width:690px; }
.grid .grid_10 { width:770px; }
.grid .grid_11 { width:850px; }
.grid .grid_12 { width:930px; }


/* Nested Grid
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left:0; }  /* first */
.omega { margin-right:0; }  /* last */


/* Prefix Padding
----------------------------------------------------------------------------------------------------*/

.grid .prefix_1 { padding-left:80px; }
.grid .prefix_2 { padding-left:160px; }
.grid .prefix_3 { padding-left:240px; }
.grid .prefix_4 { padding-left:320px; }
.grid .prefix_5 { padding-left:400px; }
.grid .prefix_6 { padding-left:480px; }
.grid .prefix_7 { padding-left:560px; }
.grid .prefix_8 { padding-left:640px; }
.grid .prefix_9 { padding-left:720px; }
.grid .prefix_10 { padding-left:800px; }
.grid .prefix_11 { padding-left:880px; }


/* Suffix Padding
----------------------------------------------------------------------------------------------------*/

.grid .suffix_1 { padding-right:80px; }
.grid .suffix_2 { padding-right:160px; }
.grid .suffix_3 { padding-right:240px; }
.grid .suffix_4 { padding-right:320px; }
.grid .suffix_5 { padding-right:400px; }
.grid .suffix_6 { padding-right:480px; }
.grid .suffix_7 { padding-right:560px; }
.grid .suffix_8 { padding-right:640px; }
.grid .suffix_9 { padding-right:720px; }
.grid .suffix_10 { padding-right:800px; }
.grid .suffix_11 { padding-right:880px; }


/* Push Position
----------------------------------------------------------------------------------------------------*/

.grid .push_1 { left:80px; }
.grid .push_2 { left:160px; }
.grid .push_3 { left:240px; }
.grid .push_4 { left:320px; }
.grid .push_5 { left:400px; }
.grid .push_6 { left:480px; }
.grid .push_7 { left:560px; }
.grid .push_8 { left:640px; }
.grid .push_9 { left:720px; }
.grid .push_10 { left:800px; }
.grid .push_11 { left:880px; }


/* Pull Position
----------------------------------------------------------------------------------------------------*/

.grid .pull_1 { left:-80px; }
.grid .pull_2 { left:-160px; }
.grid .pull_3 { left:-240px; }
.grid .pull_4 { left:-320px; }
.grid .pull_5 { left:-400px; }
.grid .pull_6 { left:-480px; }
.grid .pull_7 { left:-560px; }
.grid .pull_8 { left:-640px; }
.grid .pull_9 { left:-720px; }
.grid .pull_10 { left:-800px; }
.grid .pull_11 { left:-880px; }


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

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

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