/**
* cSans Layout 950-24-10 v0.2
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at license.txt
*/

/*
========================================================================================== PAGE
*/

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

/*
========================================================================================== DEBUG
*/

.grid	{ /* Show the grid in the background */
	background-image: url(grid_950-24-10.png);
	}


/*
========================================================================================== LAYOUT
*/


/* 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; }


/* Columns properties */
.border	{ padding-right:4px; margin-right:5px; border-right:1px solid #ccc; } /* Insert a line between two columns */
.cborder { padding-right:24px; margin-right:25px; border-right:1px solid #ccc; } /* Insert a line between two columns (1 col) */


/* 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;
	}

.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; }


/* 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; }

.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; }


/* 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; }


/* 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; }



/*
========================================================================================== IE 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 {
	_overflow-x: hidden; /* Only IE6 */
	_display: inline; /* Only IE6 */
	}
	
.l-1, .l-2, .l-3, .l-4, .l-5 {
	_position:relative; /* Only IE6 */
	}