/**
* cSans Grid 1000-10-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:1020px;
	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; }
.col10 { width:1000px; }

.col,.col1,.col2,.col3,.col3c,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.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; }
.r-5 { margin-right:-490px; }
.r-6 { margin-right:-592px; }
.r-7 { margin-right:-694px; }
.r-8 { margin-right:-796px; }
.r-9 { margin-right:-898px; }

.r-1,.r-2,.r-3,.r-4,.r-5,.r-6,.r-7,.r-8,.r-9 { position:relative; }

.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-05 { margin-left:-51px; }
.l-1 { margin-left:-102px; }
.l-2 { margin-left:-204px; }
.l-3 { margin-left:-306px; }
.l-4 { margin-left:-408px; }
.l-5 { margin-left:-510px; }
.l-6 { margin-left:-612px; }
.l-7 { margin-left:-714px; }
.l-8 { margin-left:-816px; }
.l-9 { margin-left:-818px; }

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

/* 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. Paddings */
.p05 { padding:5px; }
.p1 { padding:10px; }
.p2 { padding:20px; }

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

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