/* reset.css (from Blueprint CSS Framework 0.7.1 screen.css)*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}




/* setup ------------------------- */
body { 
	font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #7E6581;
	background: #eee url('/images/shared/bg.jpg') repeat-x;
}

div.clearing {
	clear: both;
}




/* typography + links ------------------------- */

/* links */
a {
	text-decoration: none;
	color: #7E6581;
	padding: 2px;
	border-bottom: 1px solid #DCD7E0;
}
p a:visited { border-bottom: 1px dotted #DCD7E0; }
p a:hover {
	color: #fff;
	background: #C3ACC4;
	border-bottom: 1px solid #C3ACC4;
}
div.main a { padding: 1px; }
a.noborder { border: none;}

/* general typography */

h1, h2, h3, h4, h5, h6, p, li, blockquote {
	font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #684f40;
	text-align: left;
	margin: 6px 0 6px 0;
}

.page_inside p {
	margin-bottom: 18px;
}

h2 {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.8em;
	margin-top: 24px;
	font-weight: bold;
	color: #fd8413;
}

h3, h4 {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.8em;
	margin: 6px 0 0 0;
}

em { font-style: italic; }

.sc {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.8em;
}

/* color changes */

.callout {
	color: #FF9C37;
	font-weight: bold;
}

.match_color {
	color: #62586e;
}

.light {
	color: #DCD7E0;
}

/* special cases */

h4 + p {
	margin-top: 0;
}

p.attribution {
	margin: -18px 0 18px 0;
	text-align: right;
	font-style: italic;
}




/* page layout ------------------------- */

div#content {
	width: 880px;
	margin: 70px auto auto auto;
	padding: 50px 60px 60px 50px;
	border: 1px solid #eee;
	background: #fff;
}


/* top of page + navbar */

div#header {
	margin: 0 0 30px 0;
}

div#navbar {
	width:823px; 
	height: 58px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #B8B2BA;
	border-bottom: 1px solid #B8B2BA;
}
div#navbar > div {
	float: left;
}

#header a, #header a:hover, #navbar a, #navbar a:hover {
	border: none;
	background: none;
	padding: none;
}

#page_front #navbar {
	margin-left: 10px;
}


/* footer */
div#footer {
	width: 775px;
	margin: 20px auto 50px auto;
}
#footer > p {
	text-align: center;
}
#footer a {
	border: none;
}