/*
			16 columns grid:
			width:40px
			margin:20px;
			page-width:960px;

			container width = (16 * 60)-20 = 940 px;
*/

body {min-width:960px;}
#container {width:100%;margin:0 auto;}
.wrap {width:940px;padding:30px;margin:0 auto;background:#fff;border-radius:20px;}


#article,#side,div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {float:left;margin-right:20px;}
#side,.last, div.last {margin-right:0;}

.span-1 {width:40px;}
.span-2 {width:100px;}
.span-3 {width:160px;}
.span-4,#side {width:220px;}
.span-5 {width:280px;}
.span-6 {width:340px;}
.span-7 {width:400px;}
.span-8 {width:460px;}
.span-9 {width:520px;}
.span-10 {width:580px;}
.span-11 {width:640px;}
.span-12, #article {width:700px;}
.span-13 {width:760px;}
.span-14 {width:820px;}
.span-15 {width:880px;}
.span-16 {width:940px;margin:0;}

.add-1  {padding-right:60px;}
.add-2  {padding-right:120px;}
.add-3  {padding-right:180px;}
.add-4  {padding-right:240px;}
.add-5  {padding-right:300px;}
.add-6  {padding-right:360px;}

.pre-1  {padding-left:60px;}
.pre-2  {padding-left:120px;}
.pre-3  {padding-left:180px;}
.pre-4  {padding-left:240px;}

.pull-025 {margin-left:-15px;}
.pull-050 {margin-left:-30px;}
.pull-075 {margin-left:-45px;}
.pull-1 {margin-left:-60px;}
.pull-2 {margin-left:-120px;}
.pull-3 {margin-left:-180px;}
.pull-4 {margin-left:-240px;}

.pull-025, .pull-050, .pull-075, .pull-1, .pull-2, .pull-3, .pull-4 {position:relative;}

.push-025 {margin:0 -15px 0 15px;}
.push-050 {margin:0 -30px 0 30px;}
.push-075 {margin:0 -45px 0 45px;}
.push-1 {margin:0 -60px 0 60px;}
.push-2 {margin:0 -120px 0 120px;}
.push-3 {margin:0 -180px 0 180px;}
.push-4 {margin:0 -240px 0 240px;}

.push-025, .push-050, .push-075, .push-1, .push-2, .push-3, .push-4 {float:right;position:relative;}

* html .clear {height:1%;}
.clear {display:block;clear:both;}