/* --------------------------------------------------------------
	grid.css
	Sets up a grid to use for columns

	Partly based on Blueprint CSS
-------------------------------------------------------------- */

.content { width:880px; margin: 0 auto; }

/* Sets up basic grid floating and margin. */
.column, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }


/* Use these classes to set the width of a column. */
.grid-1 {width: 30px;}

.grid-2 {width: 70px;}
.grid-3 {width: 110px;}
.grid-4 {width: 150px;}
.grid-5 {width: 190px;}
.grid-6 {width: 230px;}
.grid-7 {width: 265px;}
.grid-8 {width: 310px;}
.grid-9 {width: 350px;}
.grid-10 {width: 390px;}
.grid-11 {width: 430px;}
.grid-12 {width: 470px;}
.grid-13 {width: 510px;}
.grid-14 {width: 550px;}
.grid-15 {width: 565px;}
.grid-16 {width: 630px;}
.grid-17 {width: 670px;}
.grid-18 {width: 710px;}
.grid-19 {width: 750px;}
.grid-20 {width: 790px;}
.grid-21 {width: 830px;}
.grid-22 {width:880px; margin-right:0;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .content:after, .content-box:after, .content-box-border:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .content, .content-box, .content-box-border {display: block;}