<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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;
}

/* typography.css */
html {
font-size: 100.01%;
}

body {
font-size: 75%;
color: #222;
background: #fff;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #111;
}

h1 {
font-size: 2.4em;
line-height: 1;
margin-bottom: 0.5em;
}

h2 {
font-size: 2em;
margin-bottom: 0.75em;
}

h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}

h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}

h5 {
font-size: 1em;
margin-bottom: 1.5em;
}

h6 {
font-size: 1em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}

p {
margin: 0 0 1.5em;
font-size:  1.3em;
}

p img.left {
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}

p img.right {
float: right;
margin: 1.5em 0 1.5em 1.5em;
}

a:focus, a:hover {
color: #141414;
text-decoration: underline;
}

a {
color: #4e483d;
text-decoration: none;
}

blockquote {
margin:  1.5em;
color:  #666;
font-style: italic;
}

strong {
font-weight: bold;
}

em, dfn {
font-style: italic;
}

dfn {
font-weight: bold;
}

sup, sub {
line-height: 0;
}

abbr, acronym {
border-bottom: 1px dotted #666;
}

address {
margin: 0 0 1.5em;
font-style: italic;
}

del {
color: #666;
}

pre {
margin: 1.5em 0;
white-space: pre;
}

pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}

li ul, li ol {
margin: 0;
padding:  0;
}

ul, ol {
margin: 0 0 1.5em;
padding:  0;
}

ul {
list-style-type: none;
}

ol {
list-style-type: decimal;
}

dl {
margin: 0 0 1.5em 0;
}

dt {
font-size: 1.5em;
}

dl dt {
font-weight: bold;
}

dd {
margin-left: 1.5em;
font-size: 1.3em;
}

table {
margin-bottom: 1.4em;
width: 100%;
}

th {
font-weight: bold;
}

thead th {
background: #c3d9ff;
}

th, td, caption {
padding: 4px 10px 4px 5px;
}

tr.even td {
background: #e5ecf9;
}

tfoot {
font-style: italic;
}

caption {
background: #eee;
}

.small {
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}

.large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}

.hide {display: none;}

.quiet {color: #666;}

.loud {color: #000;}

.highlight {background: #ff0;}

.first {
margin-left: 0;
padding-left: 0;
}

.last {
margin-right: 0;
padding-right: 0;
}

.top {
margin-top: 0;
padding-top: 0;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}

.right {float: right;}

.left {float: left;}

.clear {clear: both;}

.text_left {text-align: left;}

.text_right {text-align: right;}

.text_center {text-align: center;}

.underline {text-decoration: underline;}

.rednote {color: #e01000;}