/* 
	Copyright © 2009 Gary Barton

	This code may be freely used and modified 
	as long as this text remains intact.

	Gary Barton (http://vapho.com)

	Version 0.1 
*/

/* --- top level styles --- */

html {
	font-size: 100%;
	min-height: 101%;
}

body {
	font-size: /* 62.5% */ 75%; /* Base on 10 pt type so em calculations are easier */
	padding: 0 1em;
}

/* --- basic grid style settings --- */

/* Use on every grid div */
.grid {
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
	/* padding-top: 1em; */
}

/* Use on the last grid div in a line */
.end {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* --- 960 grid widths --- * /

.whole		{ width: 94em }

.onehalf	{ width: 46em }

.onethird	{ width: 30em }
.twothirds	{ width: 62em }

.onefourth	{ width: 22em }
.threefourths	{ width: 70em }

.onefifth	{ width: 17.2em }
.twofifths	{ width: 36.4em }
.threefifths	{ width: 55.6em }
.fourfifths	{ width: 74.8em }

.onesixth	{ width: 14em }
.fivesixths	{ width: 78em }

.oneeighth	{ width: 10em }
.threeeights	{ width: 34em }
.fiveeights	{ width: 58em }
.seveneights	{ width: 82em }

.onetwelfth	{ width: 6em }
.fivetwelfths	{ width: 38em }
.seventwelfths	{ width: 54em }
.eleventwelfths	{ width: 86em }

.onesixteenth	{ width: 4em }
.threesixteenths{ width: 16em }
.fivesixteenths	{ width: 28em }
.sevensixteenths{ width: 40em }
.ninesixteenths	{ width: 52em }
.elevensixteenths { width: 64em }
.thirteensixteenths { width: 76em }
.fifteensixteenths { width: 88em }

/ * 720 grid widths * /

.whole		{ width: 70em }

.onehalf	{ width: 34em }

.onethird	{ width: 22em }
.twothirds	{ width: 46em }

.onefourth	{ width: 16em }
.threefourths	{ width: 52em }

.onefifth	{ width: 12.4em }
.twofifths	{ width: 26.8em }
.threefifths	{ width: 41.2em }
.fourfifths	{ width: 55.6em }

.onesixth	{ width: 10em }
.fivesixths	{ width: 58em }

.oneeighth	{ width: 7em }
.threeeights	{ width: 25em }
.fiveeights	{ width: 43em }
.seveneights	{ width: 61em }

/ * 670 */

.whole		{ width: 648px }

.onehalf	{ width: 31.5em }

.onethird	{ width: 22em }
.twothirds	{ width: 46em }

.onefourth	{ width: 14.75em }
.threefourths	{ width: 48.25em }

.onefifth	{ width: 12.4em }
.twofifths	{ width: 26.8em }
.threefifths	{ width: 41.2em }
.fourfifths	{ width: 55.6em }

.onesixth	{ width: 10em }
.fivesixths	{ width: 58em }

.oneeighth	{ width: 7em }
.threeeights	{ width: 25em }
.fiveeights	{ width: 43em }
.seveneights	{ width: 61em }

/* -- */