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

































body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

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

body .container { width: 470px; margin: 0 auto; overflow: hidden; display: inline-block; }
body .container { display: block; }
body .column, body div.span-1, body div.span-2, body div.span-3, body div.span-4, body div.span-5, body div.span-6, body div.span-7, body div.span-8, body div.span-9, body div.span-10, body div.span-11, body div.span-12 { display: inline; float: left; margin-right: 10px; }
* html body .column, * html body div.span-1, * html body div.span-2, * html body div.span-3, * html body div.span-4, * html body div.span-5, * html body div.span-6, * html body div.span-7, * html body div.span-8, * html body div.span-9, * html body div.span-10, * html body div.span-11, * html body div.span-12 { overflow-x: hidden; }
body .last, body div.last { margin-right: 0; }
body .span-1 { width: 30px; }
body .span-2 { width: 70px; }
body .span-3 { width: 110px; }
body .span-4 { width: 150px; }
body .span-5 { width: 190px; }
body .span-6 { width: 230px; }
body .span-7 { width: 270px; }
body .span-8 { width: 310px; }
body .span-9 { width: 350px; }
body .span-10 { width: 390px; }
body .span-11 { width: 430px; }
body .span-12, body div.span-12 { width: 470px; margin: 0; }
body input.span-1, body textarea.span-1, body select.span-1 { width: 30px !important; }
body input.span-2, body textarea.span-2, body select.span-2 { width: 70px !important; }
body input.span-3, body textarea.span-3, body select.span-3 { width: 110px !important; }
body input.span-4, body textarea.span-4, body select.span-4 { width: 150px !important; }
body input.span-5, body textarea.span-5, body select.span-5 { width: 190px !important; }
body input.span-6, body textarea.span-6, body select.span-6 { width: 230px !important; }
body input.span-7, body textarea.span-7, body select.span-7 { width: 270px !important; }
body input.span-8, body textarea.span-8, body select.span-8 { width: 310px !important; }
body input.span-9, body textarea.span-9, body select.span-9 { width: 350px !important; }
body input.span-10, body textarea.span-10, body select.span-10 { width: 390px !important; }
body input.span-11, body textarea.span-11, body select.span-11 { width: 430px !important; }
body input.span-12, body textarea.span-12, body select.span-12 { width: 470px !important; }
body .append-1 { padding-right: 40px; }
body .append-2 { padding-right: 80px; }
body .append-3 { padding-right: 120px; }
body .append-4 { padding-right: 160px; }
body .append-5 { padding-right: 200px; }
body .append-6 { padding-right: 240px; }
body .append-7 { padding-right: 280px; }
body .append-8 { padding-right: 320px; }
body .append-9 { padding-right: 360px; }
body .append-10 { padding-right: 400px; }
body .append-11 { padding-right: 440px; }
body .prepend-1 { padding-left: 40px; }
body .prepend-2 { padding-left: 80px; }
body .prepend-3 { padding-left: 120px; }
body .prepend-4 { padding-left: 160px; }
body .prepend-5 { padding-left: 200px; }
body .prepend-6 { padding-left: 240px; }
body .prepend-7 { padding-left: 280px; }
body .prepend-8 { padding-left: 320px; }
body .prepend-9 { padding-left: 360px; }
body .prepend-10 { padding-left: 400px; }
body .prepend-11 { padding-left: 440px; }
body .pull-1, body .pull-2, body .pull-3, body .pull-4, body .pull-5, body .pull-6, body .pull-7, body .pull-8, body .pull-9, body .pull-10, body .pull-11, body .pull-12 { display: inline; float: left; position: relative; }
body .pull-1 { margin-left: -40px; }
body .pull-2 { margin-left: -80px; }
body .pull-3 { margin-left: -120px; }
body .pull-4 { margin-left: -160px; }
body .pull-5 { margin-left: -200px; }
body .pull-6 { margin-left: -240px; }
body .pull-7 { margin-left: -280px; }
body .pull-8 { margin-left: -320px; }
body .pull-9 { margin-left: -360px; }
body .pull-10 { margin-left: -400px; }
body .pull-11 { margin-left: -440px; }
body .pull-12 { margin-left: -480px; }
body .push-1, body .push-2, body .push-3, body .push-4, body .push-5, body .push-6, body .push-7, body .push-8, body .push-9, body .push-10, body .push-11, body .push-12 { display: inline; float: right; position: relative; }
body .push-1 { margin: 0 -40px 1.5em 40px; }
body .push-2 { margin: 0 -80px 1.5em 80px; }
body .push-3 { margin: 0 -120px 1.5em 120px; }
body .push-4 { margin: 0 -160px 1.5em 160px; }
body .push-5 { margin: 0 -200px 1.5em 200px; }
body .push-6 { margin: 0 -240px 1.5em 240px; }
body .push-7 { margin: 0 -280px 1.5em 280px; }
body .push-8 { margin: 0 -320px 1.5em 320px; }
body .push-9 { margin: 0 -360px 1.5em 360px; }
body .push-10 { margin: 0 -400px 1.5em 400px; }
body .push-11 { margin: 0 -440px 1.5em 440px; }
body .push-12 { margin: 0 -480px 1.5em 480px; }
body .showgrid { background: url(/images/grid.png); }
body .container { width: 470px; margin: 0 auto; overflow: hidden; display: inline-block; padding-left: 60px; padding-right: 60px; }
body .container { display: block; }
body .container #header { display: inline; float: left; margin-right: 10px; width: 470px; margin-top: 10pt; }
* html body .container #header { overflow-x: hidden; }
body .container #header h1 { float: left; margin-bottom: 0; }
body .container #header #site-actions { float: right; margin: 0; padding: 0; border: 0; overflow: hidden; display: inline-block; }
body .container #header #site-actions { display: block; }
body .container #header #site-actions li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
body .container #header #site-actions li.first { padding-left: 0px; }
body .container #header #site-actions li.last { padding-right: 0px; }
body .container #header sup { color: red; }
body .container #sub-header { display: inline; float: left; margin-right: 10px; width: 470px; }
* html body .container #sub-header { overflow-x: hidden; }
body .container #sub-header h2 { float: left; }
body .container #main-content { display: inline; float: left; margin-right: 0; width: 470px; margin-bottom: 15pt; }
body .container #main-content a { text-decoration: none; }
body .container #main-content a:hover { text-decoration: underline; }
* html body .container #main-content { overflow-x: hidden; }
body .container #main-content #haiku-content { display: inline; float: left; margin-right: 0; width: 470px; }
* html body .container #main-content #haiku-content { overflow-x: hidden; }
body .container #main-content .haiku-left-side { display: inline; float: left; margin-right: 10px; width: 30px; }
* html body .container #main-content .haiku-left-side { overflow-x: hidden; }
body .container #main-content .haiku-right-side { display: inline; float: left; margin-right: 0; width: 30px; }
* html body .container #main-content .haiku-right-side { overflow-x: hidden; }
body .container #main-content .haiku-index, body .container #main-content .haiku-show { display: inline; float: left; margin-right: 10px; width: 390px; font-size: 16pt; }
* html body .container #main-content .haiku-index, * html body .container #main-content .haiku-show { overflow-x: hidden; }
body .container #main-content .haiku-sign-up, body .container #main-content .haiku-sign-up-confirmation { display: inline; float: left; margin-right: 10px; width: 390px; position: relative; font-size: 12pt; }
* html body .container #main-content .haiku-sign-up, * html body .container #main-content .haiku-sign-up-confirmation { overflow-x: hidden; }
body .container #main-content .haiku-sign-up input[type=text], body .container #main-content .haiku-sign-up input[type=password], body .container #main-content .haiku-sign-up-confirmation input[type=text], body .container #main-content .haiku-sign-up-confirmation input[type=password] { border: 1px solid #A4A4A4; font-size: 10pt; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; }
body .container #main-content .haiku-sign-up .cc-contrib, body .container #main-content .haiku-sign-up-confirmation .cc-contrib { font-size: 9pt; }
body .container #main-content .haiku-sign-up .cc-contrib .contrib_check_box, body .container #main-content .haiku-sign-up-confirmation .cc-contrib .contrib_check_box { display: inline; float: left; margin-right: 10px; width: 30px; }
* html body .container #main-content .haiku-sign-up .cc-contrib .contrib_check_box, * html body .container #main-content .haiku-sign-up-confirmation .cc-contrib .contrib_check_box { overflow-x: hidden; }
body .container #main-content .haiku-sign-up .cc-contrib .contrib_info, body .container #main-content .haiku-sign-up-confirmation .cc-contrib .contrib_info { display: inline; float: left; margin-right: 0; width: 350px; }
* html body .container #main-content .haiku-sign-up .cc-contrib .contrib_info, * html body .container #main-content .haiku-sign-up-confirmation .cc-contrib .contrib_info { overflow-x: hidden; }
body .container #main-content .haiku-sign-up .password_repeat, body .container #main-content .haiku-sign-up-confirmation .password_repeat { font-size: 8pt; }
body .container #main-content .haiku-sign-up .help, body .container #main-content .haiku-sign-up-confirmation .help { font-size: 10pt; }
body .container #main-content .haiku-sign-up .haiku-sign-up-poem, body .container #main-content .haiku-sign-up-confirmation .haiku-sign-up-poem { font-size: 12pt; margin: 10pt auto 10pt; width: 99.5%; height: 60px; font-family: Arial, Helvetica, san-serif; }
body .container #main-content .haiku-sign-up .haiku-sticky-note, body .container #main-content .haiku-sign-up-confirmation .haiku-sticky-note { position: relative; background: url(/images/sticky-note.png) no-repeat; width: 100px; height: 97px; }
body .container #main-content .haiku-sign-up .haiku-sticky-note .haiku-stick-note-text, body .container #main-content .haiku-sign-up-confirmation .haiku-sticky-note .haiku-stick-note-text { position: absolute; width: 60px; height: 60px; margin: 15px 20px 10px 20px; font-size: 8pt; }
body .container #main-content .haiku-sign-up #user_fullname_note, body .container #main-content .haiku-sign-up-confirmation #user_fullname_note { position: absolute; top: -20px; left: -100px; }
body .container #main-content .haiku-sign-up #haiku_poem_note, body .container #main-content .haiku-sign-up-confirmation #haiku_poem_note { position: absolute; top: 40px; left: 390px; }
body .container #main-content .haiku-sign-up #user_haimei_note, body .container #main-content .haiku-sign-up-confirmation #user_haimei_note { position: absolute; top: -20px; left: -100px; }
body .container #main-content .haiku-sign-up #user_password_note, body .container #main-content .haiku-sign-up-confirmation #user_password_note { position: absolute; top: -20px; left: 390px; }
body .container #main-content .haiku-sign-up #user_email_note, body .container #main-content .haiku-sign-up-confirmation #user_email_note { position: absolute; top: -2px; left: 390px; }
body .container #main-content .haiku-sign-up #user_cc_license_note, body .container #main-content .haiku-sign-up-confirmation #user_cc_license_note { position: absolute; top: -20px; left: -100px; }
body .container #main-content .haiku-sign-up .para, body .container #main-content .haiku-sign-up-confirmation .para { position: relative; margin-bottom: 1.5em; }
body .container #main-content .haiku-new { display: inline; float: left; margin-right: 10px; width: 390px; margin: 0 auto; text-align: center; }
* html body .container #main-content .haiku-new { overflow-x: hidden; }
body .container #main-content .haiku-list { display: inline; float: left; margin-right: 10px; width: 390px; margin: 0 auto; text-align: left; }
* html body .container #main-content .haiku-list { overflow-x: hidden; }
body .container #main-content .haiku-partial { margin-top: 10pt; }
body .container #main-content .haiku-input { text-align: left; font-size: 16pt; margin: 10pt auto 10pt; width: 99.5%; height: 100px; font-family: Arial, Helvetica, san-serif; }
body .container #main-content .haiku-input-spinner { background: transparent url(/images/spinner.gif) no-repeat scroll 100% 0; }
body .container #main-content .haiku-new-submit { display: inline; float: left; margin-right: 10px; width: 190px; text-align: left; }
* html body .container #main-content .haiku-new-submit { overflow-x: hidden; }
body .container #main-content .haiku-new-haimei { display: inline; float: left; margin-right: 0; width: 190px; text-align: right; }
* html body .container #main-content .haiku-new-haimei { overflow-x: hidden; }
body .container #main-content .haiku-new-haimei input { width: 100pt; }
body .container #main-content .haiku-options { font-size: 10pt; text-align: right; }
body .container #main-content .haiku-partial-author { text-align: right; font-size: 10pt; }
body .container #main-content #haiku-form-errors { display: inline; float: left; margin-right: 10px; width: 390px; font-size: 10pt; }
* html body .container #main-content #haiku-form-errors { overflow-x: hidden; }
body .container #main-content #haiku-form-errors #haiku-instructions-message { display: inline; float: left; margin-right: 10px; width: 190px; text-align: left; }
* html body .container #main-content #haiku-form-errors #haiku-instructions-message { overflow-x: hidden; }
body .container #main-content #haiku-form-errors #haiku-help-message { display: inline; float: left; margin-right: 0; width: 190px; text-align: right; }
* html body .container #main-content #haiku-form-errors #haiku-help-message { overflow-x: hidden; }
body .container #main-content .pagination { text-align: center; margin-top: 20px; font-size: 10pt; }
body .container #main-content .haiku-new-form { display: inline; float: left; margin-right: 10px; width: 390px; margin: 0 auto; text-align: center; }
* html body .container #main-content .haiku-new-form { overflow-x: hidden; }
body .container #main-content .haiku-new-form .haiku-new-form-feedback { display: inline; float: left; margin-right: 10px; width: 30px; }
* html body .container #main-content .haiku-new-form .haiku-new-form-feedback { overflow-x: hidden; }
body .container #main-content .haiku-new-form .haiku-new-form { display: inline; float: left; margin-right: 0; width: 430px; }
* html body .container #main-content .haiku-new-form .haiku-new-form { overflow-x: hidden; }
body .container #main-content .haiku-input-haimei { color: gray; text-align: right; font-size: 10pt; }
body .container #footer { display: inline; float: left; margin-right: 0; width: 470px; }
* html body .container #footer { overflow-x: hidden; }
body .container #footer #legalese { text-align: center; display: inline; float: left; margin-right: 0; width: 470px; }
* html body .container #footer #legalese { overflow-x: hidden; }
