/**
* cSans Grid 940-16-20 v0.2
* 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-16-20.png); }

/* 3. LAYOUT */

/* 3.1. Columns & containers */
.col1,.con1 { width:40px; }
.col2,.con2 { width:100px; }
.col3,.con3 { width:160px; }
.col3c { width:300px; }
.col4,.con4 { width:220px; }
.col5,.con5 { width:280px; }
.col5c { width:172px; }
.col6,.con6 { width:340px; }
.col7,.con7 { width:400px; }
.col8,.con8 { width:460px; }
.col9,.con9 { width:520px; }
.col10,.con10 { width:580px; }
.col11,.con11 { width:640px; }
.col12,.con12 { width:700px; }
.col13,.con13 { width:760px; }
.col14,.con14 { width:820px; }
.col15,.con15 { width:880px; }
.col16,.con16 { width:940px; }

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

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

/* 3.2. Space columns: Right */
.r-1		{ margin-right:-40px; }
.r-2		{ margin-right:-100px; }
.r-3		{ margin-right:-160px; }
.r-4		{ margin-right:-220px; }
.r-5		{ margin-right:-280px; }
.right.r-1	{ margin-right:-60px; }
.right.r-2	{ margin-right:-120px; }
.right.r-3	{ margin-right:-180px; }
.right.r-4	{ margin-right:-240px; }
.right.r-5	{ margin-right:-300px; }
.r-1, .r-2, .r-3, .r-4, .r-5 { position:relative; }

.r05	{ margin-right:30px; }
.r1	{ margin-right:80px; }
.r2	{ margin-right:140px; }
.r3	{ margin-right:200px; }
.r4	{ margin-right:260px; }
.r5	{ margin-right:320px; }
.r6	{ margin-right:380px; }
.r7	{ margin-right:440px; }
.r8	{ margin-right:500px; }
.r9	{ margin-right:560px; }
.r10	{ margin-right:620px; }
.r11	{ margin-right:680px; }
.r12	{ margin-right:740px; }
.r13	{ margin-right:800px; }
.r14	{ margin-right:860px; }

/* 3.3. Space columns: Left */
.l-1	{ margin-left:-60px; }
.l-2	{ margin-left:-120px; }
.l-3	{ margin-left:-180px; }
.l-4	{ margin-left:-240px; }
.l-5	{ margin-left:-300px; }

.l05	{ margin-left:30px; }
.l1	{ margin-left:60px; }
.l2	{ margin-left:120px; }
.l3	{ margin-left:180px; }
.l4	{ margin-left:240px; }
.l5	{ margin-left:300px; }
.l6	{ margin-left:360px; }
.l7	{ margin-left:420px; }
.l8	{ margin-left:480px; }
.l9	{ margin-left:540px; }
.l10	{ margin-left:600px; }
.l11	{ margin-left:660px; }
.l12	{ margin-left:720px; }
.l13	{ margin-left:780px; }
.l14	{ margin-left:840px; }
.l15	{ margin-left:900px; }

/* 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,.col13,.col14,.col15,.col16,
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12,.con13,.con14,.con15,.con16 { _display:inline; } /* IE5-6 */

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

/* IE5 & IE6 (non-quirks mode) */
.con1 { \width:60px; w\idth:40px; }
.con2 { \width:120px; w\idth:100px; }
.con3 { \width:180px; w\idth:160px; }
.con4 { \width:240px; w\idth:220px; }
.con5 { \width:300px; w\idth:280px; }
.con6 { \width:360px; w\idth:340px; }
.con7 { \width:420px; w\idth:400px; }
.con8 { \width:480px; w\idth:460px; }
.con9 { \width:540px; w\idth:520px; }
.con10 { \width:600px; w\idth:580px; }
.con11 { \width:660px; w\idth:640px; }
.con12 { \width:720px; w\idth:700px; }
.con13 { \width:780px; w\idth:760px; }
.con14 { \width:840px; w\idth:820px; }
.con15 { \width:900px; w\idth:880px; }
.con16 { \width:960px; w\idth:940px; }