html, body, div, span, applet, object, iframe, h1, h2, h3, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* Base Grid inspired from Blueprint Grid */

body { margin: 10px; }

#Container { width: 975px; margin: 0 auto; }

body { color: #222; background: #fff; font-family: georgia, times, sans-serif; font-size: 16px; font-weight: normal; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

label { display: block; }

ul { list-style: none; }

li { margin-bottom: 10px; }

#Container { padding-left: 60px; }

#Header { float: left; margin-right: 0px; width: 900px; }
#Header .title { float: left; margin-right: 10px; width: 390px; height: 50px; padding: 20px 0 10px 0; }
#Header .title h1 { font-size: 146.154%; display: inline; }
#Header .account { float: left; margin-right: 0px; width: 500px; text-align: right; }
#Header .openid_identifier { background: url(/images/login-bg.gif) no-repeat; background-color: #fff; backgroung-position: 0 50%; color: #000; padding-left: 18px; width: 150px; }

#Main { float: left; margin-right: 0px; width: 900px; }
#Main .content { float: left; margin-right: 10px; width: 470px; padding-right: 50px; }
#Main .content h1 { display: inline; }
#Main .content h2 { display: inline; font-size: 153.846%; }
#Main .content .post, #Main .content .page { margin-bottom: 40px; }
#Main .content .post ol, #Main .content .post ul, #Main .content .post dl, #Main .content .page ol, #Main .content .page ul, #Main .content .page dl { margin-left: 2em; }
#Main .content .post ul li, #Main .content .page ul li { list-style: disc outside; }
#Main .content .post p a, #Main .content .page p a { text-decoration: underline; }
#Main .content .post textarea, #Main .content .page textarea { width: 100%; }
#Main .content .post h1, #Main .content .page h1 { font-size: 153.846%; font-weight: bold; }
#Main .content .post h2, #Main .content .page h2 { margin-top: 17px; display: block; }
#Main .content .post span.date, #Main .content .page span.date { font-size: 69.231%; float: right; margin-top: 6px; }
#Main .content .post div.control, #Main .content .page div.control { float: left; text-align: right; margin-left: -65px; margin-top: -16px; }
#Main .content .post div.control ol, #Main .content .post div.control ul, #Main .content .post div.control dl, #Main .content .page div.control ol, #Main .content .page div.control ul, #Main .content .page div.control dl { margin: 0px; }
#Main .content .post div.control ul li, #Main .content .page div.control ul li { list-style: none; }
#Main .content .post p, #Main .content .page p { font-size: 123.077%; line-height: 140%; margin: 10px 0 10px 0; text-align: justify; }
#Main .content .post pre, #Main .content .page pre { font-family: courier; margin: 10px 0 10px 0; background-color: #EEE; overflow: auto; }
#Main .content .title { margin-bottom: 20px; }
#Main .content .title h1 { font-size: 76.923%; }
#Main .content .new_comment textarea { height: 10em; }
#Main .content .edit_page textarea, #Main .content .edit_post textarea { height: 340px; width: 100%; }
#Main .content .datum p { text-align: right; font-size: 92.308%; }
#Main .content #comments h2 { font-size: 138.462%; display: block; margin-bottom: 20px; }
#Main .content #comments h3 { display: block; margin-bottom: 0px; }
#Main .content #comments p { font-size: 107.692%; margin-top: 4px; margin-bottom: 5px; }
#Main .content #comments .datetime { font-size: 69.231%; text-align: right; }
#Main .content #comments .datetime a { text-decoration: none; }
#Main .content #comments .datetime a:hover { text-decoration: underline; }
#Main .content .openid_identifier { background: url(/images/login-bg.gif) no-repeat; background-color: #fff; backgroung-position: 0 50%; color: #000; padding-left: 18px; width: 150px; width: 200px; }
#Main .subnavi { float: left; margin-right: 10px; width: 230px; padding-right: 30px; }
#Main .subnavi h5 { margin-bottom: 10px; }
#Main .subnavi h5 img { margin: 0 0 0 4px; }
#Main .subnavi li { list-style: disc inside; }
#Main .navigation { float: left; margin-right: 0px; width: 40px; }
#Main .navigation ul { margin: 0; }

#Footer { float: left; margin-right: 0px; width: 900px; border-top: 1px solid; padding: 8px 0 18px 0; margin-top: 20px; }
