/*
 * Moral Compass Stylesheet
 * v1.0
 */

/*-------------------- Reset  ---------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h4, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, section, article, header, footer, nav, aside, hgroup { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font-size:62.5%; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { text-decoration:none; }
del { text-decoration: line-through; }
table { border-collapse:collapse; border-spacing:0; }


/*-------------------- Clear  ---------------------*/
.clear { display:inline-block; }
.clear:after, body:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear { height:1%; }
.clear { display:block; }


/*-------------------- HTML5  ---------------------*/
section, article, header, footer, nav, aside, hgroup { display: block; }


/*-------------------- Layout ---------------------*/
body { margin:6.4em auto 3.2em auto; width:48em; text-align:center; color:#000; }


/*------------------ Typography -------------------*/
p, li { font:normal normal normal 1.4em/1.2em 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; padding:0 0 1.2em 0; }

em { font-style:italic; font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; }
strong { font-weight:bold; font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; }
small { font:normal normal normal 1em/1.6em 'Helvetica', Helvetica, Arial, sans-serif; }

h1,
h2 { font:normal normal normal 2.4em/1.35em 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; padding:0 0 0.667em 0; }
h1#start {  background:url('../2x150.jpg') repeat-x; padding:1.9em 0 2.1em 0; height:2.4em; margin:0 0 1.35em; color:#336633; font-style:italic; }

h3 { font:normal normal normal 1.2em/1.4em 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif; padding:0 0 1.4em 0; }
h3#sub { margin:-0.7em 0 3.5em 0; }

a:link,
a:visited { color:#000; text-decoration:underline; }
a:hover,
a:active { color:#333; text-decoration:underline; }