body {
	margin: 10px;
	padding: 0;
	font: small/1.75em 'Lucida Grande', Lucida, Verdana, Arial, sans-serif; /* Advantage: Allows users to change text size and size are relative to body */
	/* font: 11px/22px 'Lucida Grande', Lucida, Verdana, Arial, sans-serif; *** NOTE *** set pixel size - IE can't resize */
	text-align: center;
	}

#wrap { 
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 90%; /* 90% of "small" is closest to 11px */
	text-align: left;
	} 

#header {
	margin: 0;
	padding: 20px;
	background-color: #369;
	}
	
#content{
	margin: 0;
	padding: 0;
	width: 70%;
	float: right;
	}
	
#sidebar {
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
	background-color: #9c3;
	}

#footer {
	margin: 0;
	padding: 20px;
	clear: both;
	font-size: 90%; /* relative to its parent (#wrap) */
	background-color: #cc9;
	}
	
div.pad {
	margin: 0;
	padding: 20px;
	}


/* typography + titles
-------------------------------------- */

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 250%; }

h2 { font-size: 200%; }

h3 { font-size: 170%; }


/* links 

*** REMEMBER LOVE/HATE (link, visited, hover, active) ***

-------------------------------------- */

a:link { color: #9c3; }

a:visited { color: #999; }

a:hover, a:active { color: #666; }