/**
* cSans Grid 940-12-20 v0.4
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. PAGE */

.page	{
	width:940px;
	text-align:left;
	margin:0 auto;
	}

/* 2. DEBUG */

.grid	{ background-image:url(csans-grid-940-12-20.png); }

/* 3. LAYOUT */

/* 3.1. Columns & containers */
.col1,.con1 { width:60px; }
.col2,.con2 { width:140px; }
.col3,.con3 { width:220px; }
.col4,.con4 { width:300px; }
.col5,.con5 { width:380px; }
.col5c { width:172px; }
.col6,.con6 { width:460px; }
.col7,.con7 { width:540px; }
.col8,.con8 { width:620px; }
.col9,.con9 { width:700px; }
.col10,.con10 { width:780px; }
.col11,.con11 { width:860px; }
.col12,.con12 { width:940px; }

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
	float:left;
	margin-right:20px;
	}
.col12	{ margin-right:0; }

.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12 {
	float:left;
	position:relative;
	left:-10px;
	padding:10px;
	}

/* 3.2. Space columns: Right */
.r-1		{ margin-right:-60px; }
.r-2		{ margin-right:-140px; }
.r-3		{ margin-right:-220px; }
.r-4		{ margin-right:-300px; }
.right.r-1	{ margin-right:-80px; }
.right.r-2	{ margin-right:-160px; }
.right.r-3	{ margin-right:-240px; }
.right.r-4	{ margin-right:-320px; }
.r-1, .r-2, .r-3, .r-4 { position:relative; }

.r05	{ margin-right:40px; }
.r1	{ margin-right:100px; }
.r2	{ margin-right:180px; }
.r3	{ margin-right:260px; }
.r4	{ margin-right:340px; }
.r5	{ margin-right:420px; }
.r6	{ margin-right:500px; }
.r7	{ margin-right:580px; }
.r8	{ margin-right:660px; }
.r9	{ margin-right:740px; }
.r10	{ margin-right:820px; }

/* 3.3. Space columns: Left */
.l-1	{ margin-left:-80px; }
.l-2	{ margin-left:-160px; }
.l-3	{ margin-left:-240px; }
.l-4	{ margin-left:-320px; }

.l05	{ margin-left:40px; }
.l1	{ margin-left:80px; }
.l2	{ margin-left:160px; }
.l3	{ margin-left:240px; }
.l4	{ margin-left:320px; }
.l5	{ margin-left:400px; }
.l6	{ margin-left:480px; }
.l7	{ margin-left:560px; }
.l8	{ margin-left:640px; }
.l9	{ margin-left:720px; }
.l10	{ margin-left:800px; }
.l11	{ margin-left:880px; }

/* 3.4. Space columns: top */
.t1	{ margin-top:10px; }
.t2	{ margin-top:20px; }
.t3	{ margin-top:30px; }
.t4	{ margin-top:40px; }
.t5	{ margin-top:50px; }
.t6	{ margin-top:60px; }
.t7	{ margin-top:70px; }
.t8	{ margin-top:80px; }
.t9	{ margin-top:90px; }
.t10	{ margin-top:100px; }

/* 3.5. Space columns: bottom */
.b1	{ padding-bottom:10px; }
.b2	{ padding-bottom:20px; }
.b3	{ padding-bottom:30px; }
.b4	{ padding-bottom:40px; }
.b5	{ padding-bottom:50px; }
.b6	{ padding-bottom:60px; }
.b7	{ padding-bottom:70px; }
.b8	{ padding-bottom:80px; }
.b9	{ padding-bottom:90px; }
.b10	{ padding-bottom:100px; }

/* 3.6. Paddings */
.p1	{ padding:10px; }
.p2	{ padding:20px; }

/* 4. HACKS */

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12 { _display:inline; } /* IE5-6 */

.l-1, .l-2, .l-3, .l-4 { *position:relative; } /* IE */

/* IE5 & IE6 (non-quirks mode) */
.con1 { \width:80px; w\idth:60px; }
.con2 { \width:160px; w\idth:140px; }
.con3 { \width:240px; w\idth:220px; }
.con4 { \width:320px; w\idth:300px; }
.con5 { \width:400px; w\idth:380px; }
.con6 { \width:480px; w\idth:460px; }
.con7 { \width:560px; w\idth:540px; }
.con8 { \width:640px; w\idth:620px; }
.con9 { \width:720px; w\idth:700px; }
.con10 { \width:800px; w\idth:780px; }
.con11 { \width:880px; w\idth:860px; }
.con12 { \width:960px; w\idth:940px; }