html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

@font-face { font-family: Andika; src: url('../fonts/AndBasR.ttf') format("opentype"); }

body { line-height: 1.5; font-family: Andika, sans-serif; color: #333333; font-size: 100%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

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

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

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

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

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; 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 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

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

.quiet { color: #666666; }

.loud { color: #111111; }


.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }

div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }

hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }

hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; background: #fff; color: #fff; }

body .clear { clear: both; }
body .nowrap { white-space: nowrap; }
body .clearfix { overflow: hidden; display: inline-block; }
body .clearfix { display: block; }
body .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
body .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
body .first { margin-left: 0; padding-left: 0; }
body .last { margin-right: 0; padding-right: 0; }
body .top { margin-top: 0; padding-top: 0; }
body .bottom { margin-bottom: 0; padding-bottom: 0; }
body .showgrid { background: url('../images/grid.png?1251678370'); }
body .error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
body .error a { color: #8a1f11; }
body .notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
body .notice a { color: #514721; }
body .success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
body .success a { color: #264409; }
body .hide { display: none; }
body .highlight { background: yellow; }
body .added { background: #006600; color: white; }
body .removed { background: #990000; color: white; }

form label { font-weight: bold; }
form fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
form legend { font-weight: bold; font-size: 1.2em; }
form input.text, form input.title, form input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
form input.title { font-size: 1.5em; }
form input[type=checkbox], form input.checkbox, form input[type=radio], form input.radio { position: relative; top: 0.25em; }
form textarea { margin: 0.5em 0; padding: 5px; }
form select { margin: 0.5em 0; }
form fieldset { border: 1px solid #cccccc; }
form input.text, form input.title, form textarea, form select { border: 1px solid #bbbbbb; }
form input.text:focus, form input.title:focus, form textarea:focus, form select:focus { border: 1px solid #666666; }
form input.text, form input.title { width: 300px; }
form textarea { width: 390px; height: 250px; }

body a { color: red; background-color: #fff; padding: 1px 6px; text-decoration: none; }
body a:visited { color: red; }
body a:focus { color: #ff9999; }
body a:hover { color: white; }
body a:active { color: #ff3333; }
body #page { margin: auto; width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
body #page { display: block; }
body header, body footer { display: inline; float: left; margin-right: 10px; width: 950px; }
* html body header, * html body footer { overflow-x: hidden; }
body header #meta, body footer #meta { padding-bottom: 2em; }
body header #site, body footer #site { font-size: 2em; }
body header #site a, body footer #site a { color: inherit; text-decoration: inherit; cursor: inherit; background-color: inherit; padding: inherit; }
body header #categories ul, body footer #categories ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
body header #categories ul li, body footer #categories ul li { list-style-type: none; margin-left: 0px; }
body header #categories ul li, body footer #categories ul li { margin: 0px; padding: 0px; display: inline; }
body aside { display: inline; float: left; margin-right: 10px; width: 310px; }
* html body aside { overflow-x: hidden; }
body section { display: inline; float: left; margin-right: 0; width: 950px; }
* html body section { overflow-x: hidden; }
body article { display: inline; float: left; margin-right: 0; width: 950px; }
* html body article { overflow-x: hidden; }
body article .created_at { display: inline; float: left; margin-right: 10px; width: 150px; }
* html body article .created_at { overflow-x: hidden; }
body article .title { display: inline; float: left; margin-right: 10px; width: 470px; font-size: 1em; }
* html body article .title { overflow-x: hidden; }

div.highlight { background-color: #fff; }