* { margin: 0; padding: 0 } body { width: 40em; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; color: #333; background-color: #fff } header { margin: 1em 0 } header ul { list-style: none; padding: 0 } header li { display: inline; padding: 0 0.5em } header li:first-child { padding: 0 } .content h1 { font-size: 1.7em; line-height: initial } .content h2 { font-size: 1.4em } .content p { margin: 1em 0 } .content #reverse { unicode-bidi: bidi-override; direction: rtl } .content .strike { text-decoration: line-through } .content .date { font-family: 'Courier New', Courier, monospace; padding-bottom: 0.5em; padding-right: 0.5em; color: #999; display: block } .page .layout { margin: 1em 0; border-style: none } .page .layout td { vertical-align: top; padding: 0 0.5em 0 0 } .page .layout td .key { color: #999; font-weight: bold } .post p { hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; text-align: justify } .post img { display: block; margin: 1em 0 } .post tt { font-family: 'Courier New', Courier, monospace; color: #900 } .post pre { margin: 1em 0; font-family: 'Courier New', Courier, monospace; overflow-x: scroll } .post hr { margin: 1em 0; border: none; border-top: 2px #999 solid } .post blockquote { padding: 0 0 0 1em; border-left: 8px #999 solid } .post dd { padding: 0.5em 1em; text-align: justify } .post a:link { color: #009 } .post a:visited { color: #333 } .post ul { margin: 1em 0 1em 1em; text-align: justify } .post li { margin: 0.25em 0 } .post table { margin: 1em 0; border: 1px #333 solid; border-collapse: collapse } .post table td, .post table th { padding: 0 0.1em } .post table.footnote { border: none; border-top: 1px #999 solid; display: block; margin: 0.5em 0; padding-top: 1em } .post table.footnote ~ .footnote { border-top: none; padding-top: 0 } .post table.footnote td { padding: 0; padding-right: 0.5em } @media (max-width: 800px) { body { width: 90% } }