/* @override http://test.hit-new.techprogress.org/libraries/grid.css */

/* halfinten.org grid
 *
 * standard 12 column grid array
 * 60 wide, 20 margin, 10 outer
 * full width: 960px
 *
 * grid arrangement:
 *
 *	1	2	3	4	5	6	7	8	9	10	11	12
 *	60	140	220	300	380	460	540	620	700	780	860	940
 */
 
/* bring an element into the grid */
.grid					{ margin: 0 10px; float: left; display: block; }

/* make sure the element contains all floating elements */
.grid.container			{ overflow: hidden; }

/* create a clear also */
.grid.clear				{ clear: both; }

/* basic margin handling */
.grid.flushleft				{ margin-left: 	0; }
.grid.flushright			{ margin-right:	0; }
.grid.flush					{ margin-left: 0; margin-right: 0;}


/* grid widths
 *
 * the basic grid element commands
 */
.grid.width-one					{ width:  60px; }
.grid.width-two					{ width: 140px; }
.grid.width-three				{ width: 220px; }
.grid.width-four				{ width: 300px; }
.grid.width-five				{ width: 380px; }
.grid.width-six					{ width: 460px; }
.grid.width-seven				{ width: 540px; }
.grid.width-eight				{ width: 620px; }
.grid.width-nine				{ width: 700px; }
.grid.width-ten					{ width: 780px; }
.grid.width-eleven				{ width: 860px; }
.grid.width-full,																/* synonym for twelve */
.grid.width-twelve				{ width: 940px; clear: both; float: none; }		/* full width doesn't float and clears fully */


/* offsets
 *
 * how much to extend the left margin, to push it off the
 * preceding column. basic offsets include the outermargin
 */
.grid.offset-one				{ margin-left:  80px; }
.grid.offset-two				{ margin-left: 160px; }
.grid.offset-three				{ margin-left: 240px; }
.grid.offset-four				{ margin-left: 320px; }
.grid.offset-five				{ margin-left: 400px; }
.grid.offset-six				{ margin-left: 480px; }
.grid.offset-seven				{ margin-left: 560px; }
.grid.offset-eight				{ margin-left: 640px; }
.grid.offset-nine				{ margin-left: 720px; }
.grid.offset-ten				{ margin-left: 800px; }
.grid.offset-eleven				{ margin-left: 880px; clear: both; float: none; }	/* this must also span the full width */

/* offsets with flushes */
.grid.offset-one.flushleft		{ margin-left:  70px; }
.grid.offset-two.flushleft		{ margin-left: 150px; }
.grid.offset-three.flushleft	{ margin-left: 230px; }
.grid.offset-four.flushleft		{ margin-left: 310px; }
.grid.offset-five.flushleft		{ margin-left: 390px; }
.grid.offset-six.flushleft		{ margin-left: 470px; }
.grid.offset-seven.flushleft	{ margin-left: 550px; }
.grid.offset-eight.flushleft	{ margin-left: 630px; }
.grid.offset-nine.flushleft		{ margin-left: 710px; }
.grid.offset-ten.flushleft		{ margin-left: 790px; }
.grid.offset-eleven.flushleft	{ margin-left: 870px; }								/* this will get its clear and float from above */

/* offset + width full clears */
.grid.offset-one.width-eleven,
.grid.offset-two.width-ten,
.grid.offset-three.width-nine,
.grid.offset-four.width-eight,
.grid.offset-five.width-seven,
.grid.offset-six.width-six,
.grid.offset-seven.width-five,
.grid.offset-eight.width-four,
.grid.offset-nine.width-three,
.grid.offset-ten.width-two		{ float: none; clear: both; }