/* reset all margins and paddings on block level elements so we can force an 18px line grid */
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
				margin: 0;
				padding: 0;
				color: #fff;
			}
			
			body {
				/* sets a background grid to tile for line spacing (borrowed from Alist Apart */
				/*background: #fff url('http://www.alistapart.com/d/settingtypeontheweb/images/gridbg.gif') left 7px; */
				font-size: 75%;
			}
			
			html>body 
			{
				font: 75%/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
				/* our base font is 12px so our base measure is 1.5 times 12 which is 18 */
			}
			
			/* set the measure - the lenghth of the line 30 times the size of the font.*/
			p {
				line-height: 1.5em;
				font-size: 1em;
				margin-top: 1.5em;
				margin-bottom: 1.5em;
				
				/* width should be 2-3 alphabets in length (58 - 72 chars)*/
				
				max-width: 60em;
			}
			
			h1, h2, h3, h4, h5, h6 {
				font-family: helvetica, arial, verdana, sans-serif;
			}
			
			/* the heading sizes have a nice relationship with the base font size */
			h1 {
				font-size: 218%;
				font-size: 300%;
				font-weight: bold
			}

			h2 {
				font-size: 164%;
				margin-top: 10px;
			}

			h3 {
				font-size: 155%;
			}

			h4 {
				font-size: 118%;
			}		
			/* magic rule: base font size / desired font size = size in ems.  Do the same with the margins.*/