/**
* cSans Grid 950-24-10 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:950px;
	text-align:left;
	margin:0 auto;
	}

/* 2. DEBUG */

.grid	{ background-image:url(csans-grid-950-24-10.png); }

/* 3. LAYOUT */

/* 3.1. Columns */
.col1 { width:30px; }
.col2 { width:70px; }
.col3 { width:110px; }
.col4 { width:150px; }
.col5 { width:190px; }
.col5c { width:182px; }
.col6 { width:230px; }
.col7 { width:270px; }
.col8 { width:310px; }
.col9 { width:350px; }
.col10 { width:390px; }
.col11 { width:430px; }
.col12 { width:470px; }
.col13 { width:510px; }
.col14 { width:550px; }
.col15 { width:590px; }
.col16 { width:630px; }
.col17 { width:670px; }
.col18 { width:710px; }
.col19 { width:750px; }
.col20 { width:790px; }
.col21 { width:830px; }
.col22 { width:870px; }
.col23 { width:910px; }
.col24 { width:950px; }

.col1, .col2, .col3, .col4, .col5, .col5c, .col6, .col7, .col8, .col9, .col10,
.col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20,
.col21, .col22, .col23, .col24 {
	float:left;
	margin-right:10px;
	}
.col24	{ margin-right:0; }

/* 3.2. Space columns: Right */
.r-1		{ margin-right:-30px; }
.r-2		{ margin-right:-70px; }
.r-3		{ margin-right:-110px; }
.r-4		{ margin-right:-150px; }
.r-5		{ margin-right:-190px; }
.right.r-1	{ margin-right:-40px; }
.right.r-2	{ margin-right:-80px; }
.right.r-3	{ margin-right:-120px; }
.right.r-4	{ margin-right:-160px; }
.right.r-5	{ margin-right:-200px; }
.r-1, .r-2, .r-3, .r-4, .r-5 { position:relative; }

.r05	{ margin-right:20px; }
.r1	{ margin-right:50px; }
.r2	{ margin-right:90px; }
.r3	{ margin-right:130px; }
.r4	{ margin-right:170px; }
.r5	{ margin-right:210px; }
.r6	{ margin-right:250px; }
.r7	{ margin-right:290px; }
.r8	{ margin-right:330px; }
.r9	{ margin-right:370px; }
.r10	{ margin-right:410px; }
.r11	{ margin-right:450px; }
.r12	{ margin-right:490px; }
.r13	{ margin-right:530px; }
.r14	{ margin-right:570px; }
.r15	{ margin-right:610px; }
.r16	{ margin-right:650px; }
.r17	{ margin-right:690px; }
.r18	{ margin-right:730px; }
.r19	{ margin-right:770px; }
.r20	{ margin-right:810px; }
.r21	{ margin-right:850px; }
.r22	{ margin-right:890px; }

/* 3.3. Margin columns: Left */
.l-1	{ margin-left:-40px; }
.l-2	{ margin-left:-80px; }
.l-3	{ margin-left:-120px; }
.l-4	{ margin-left:-160px; }
.l-5	{ margin-left:-200px; }

.l05	{ margin-left:20px; }
.l1	{ margin-left:40px; }
.l2	{ margin-left:80px; }
.l3	{ margin-left:120px; }
.l4	{ margin-left:160px; }
.l5	{ margin-left:200px; }
.l6	{ margin-left:240px; }
.l7	{ margin-left:280px; }
.l8	{ margin-left:320px; }
.l9	{ margin-left:360px; }
.l10	{ margin-left:400px; }
.l11	{ margin-left:440px; }
.l12	{ margin-left:480px; }
.l13	{ margin-left:520px; }
.l14	{ margin-left:560px; }
.l15	{ margin-left:600px; }
.l16	{ margin-left:640px; }
.l17	{ margin-left:680px; }
.l18	{ margin-left:720px; }
.l19	{ margin-left:760px; }
.l20	{ margin-left:800px; }
.l21	{ margin-left:840px; }
.l22	{ margin-left:880px; }
.l23	{ margin-left:920px; }

/* 3.4. Margin 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. Margin 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. Content */
.p1	{ padding:10px; }
.p2	{ padding:20px; }

/* 4. HACKS */

.col1, .col2, .col3, .col4, .col5, .col5c, .col6, .col7, .col8, .col9, .col10, 
.col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20,
.col21, .col22, .col23, .col24 { _display:inline; } /* IE6 */

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