/**
* cSans Grid 1000-10-20 v0.3
* 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:900px;
	text-align:left;
	margin:0 auto;
	}

/* 2. DEBUG */

.grid	{ background-image:url(csans-grid-1000-10-20.png); }

/* 3. LAYOUT */

/* 3.1. Columns */
.col1 { width:82px; }
.col2 { width:184px; }
.col3 { width:286px; }
.col3c { width:320px; }
.col4 { width:388px; }
.col5 { width:490px; }

.col6 { width:592px; }
.col7 { width:694px; }
.col8 { width:796px; }
.col9 { width:898px; }
.col90 { width:900px; }
.col10 { width:1000px; }

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

/* 3.2. Margin columns: Right */
.r-1		{ margin-right:-82px; }
.r-2		{ margin-right:-184px; }
.r-3		{ margin-right:-286px; }
.r-4		{ margin-right:-388px; }
.right.r-1	{ margin-right:-102px; }
.right.r-2	{ margin-right:-204px; }
.right.r-3	{ margin-right:-306px; }
.right.r-4	{ margin-right:-408px; }
.r-1, .r-2, .r-3, .r-4 { position:relative; }

.r_1	{ margin-right:10px; }
.r_2	{ margin-right:20px; }
.r_3	{ margin-right:30px; }
.r_4	{ margin-right:40px; }
.r_5	{ margin-right:50px; }

.r05	{ margin-right:51px; }
.r1	{ margin-right:122px; }
.r2	{ margin-right:224px; }
.r3	{ margin-right:326px; }
.r4	{ margin-right:428px; }
.r5	{ margin-right:530px; }
.r6	{ margin-right:632px; }
.r7	{ margin-right:734px; }
.r8	{ margin-right:836px; }

/* 3.3. Margin columns: Left */
.l-1	{ margin-left:-102px; }
.l-2	{ margin-left:-204px; }
.l-3	{ margin-left:-306px; }
.l-4	{ margin-left:-408px; }
.l-1, .l-2, .l-3, .l-4 { position:relative; }

.l05	{ margin-left:51px; }
.l1	{ margin-left:102px; }
.l2	{ margin-left:204px; }
.l3	{ margin-left:306px; }
.l4	{ margin-left:408px; }
.l5	{ margin-left:510px; }
.l6	{ margin-left:612px; }
.l7	{ margin-left:714px; }
.l8	{ margin-left:816px; }
.l9	{ margin-left:918px; }

/* 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; }
.t-5{ margin-top:-5px;}
/* 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; }
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}

/* 4. HACKS */

.col1, .col2, .col3, .col3c, .col4, .col5, .col5c, .col6, .col7, .col8, .col9,.col90,
.col10 { _display:inline; } /* IE6 */

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