@import url('beta.css');

.header:after, #footer:after, .clfx:after { content: '.'; clear: both; display: block; visibility: hidden; font-size: 0; height: 0; }
html { background: #444; padding: 0 8%; }
body { font-family: 'Times New Roman', serif; font-size: 1.2em; margin: auto; padding: 120px 280px 60px 60px; background: #fff; max-width: 746px; min-height: 675px; border-width: 0px 1px 0 1px; border-style: solid; border-color: #000; position: relative; }

.header { background: #f3f3f3; color: #000; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #999;  }
#footer { background: #f3f3f3; color: #828282; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #ccc; font-size: 90%; }

.header { padding-top: .3em; }
.header p, #footer p { margin: .5em 2em; }
.header a, .header a:hover, #footer a { color: inherit; text-decoration: none; }
#footer a { color: #666; }
#footer a:hover { color: #333; text-decoration: underline; }
.header strong { font-size: 160%; border: 1px solid #000; padding: 1px 0 5px 10px; }
.header br { margin-bottom: .5em; }
.header em { font-style: normal; }
#logo { float: left; }
h1, h2, h3, h4, h5 { font-family: sans-serif; }
pre { line-height: 1.2; font-size: 100%; font-family: "Courier New", Courier, monospace; }
.code { margin: 2em 3em; border: 1px solid #ccc; background: #999; padding: 0 1.4em; max-height: 300px; overflow: auto; padding-left: 2.5em; }
.code li { border-left: 1px solid #999; padding-left: 2em; background: #f4f4f4; color: #fff; }
.code li code { background-color: inherit; color: #000; }
code { display: block; margin: 2em 3em; border: 1px solid #ccc; border-left-width: 10px; border-left-color: #999; background: #f4f4f4; padding: 0 1.4em; max-height: 300px; overflow: auto; }
p, dd, .section li { text-align: justify; line-height: 1.4; text-align: justify; }
dl, ul { margin-right: 3em; }
dt { font-weight: bold; margin-top: 1em; }
dd { margin-top: .5em; }

h1 + p, h2 + p, h3 + p { text-indent: 2em; }
h1 + p:first-letter, span.decorate { font-size: 200%; background: #444; color: #fff; border: 1px solid #000; padding: 0 .30em; margin-right: .12em; }
span.decorate { font-size: inherit; padding: 1px 7px 4px 10px; margin: 0; }
span.em { border-bottom: 1px solid #999; padding-bottom: 1px; }

span.title { border-bottom: 3px double #999; } 
q:before { content: '"'; }
q:after { content: '"'; }

.pager { margin: 1em 0; }
.promo { float: right; margin: 20px; }
.promo a { display: block; margin: 0; padding: 0; height: 60px; border: none; }
.promo img { display: block; margin: 0; padding: 0; border: none; }
.sponsor { display: block; clear: both; font-size: 13px; text-align: right; padding-right: 5px; color: #999; }
#promo { margin: 140px 20px 20px; position: absolute; top: 0pt; right: 0pt; z-index: 100; height: 600px; width: 240px; text-align: center; }
#promo a { display: block; margin: 0; padding: 0; text-decoration: none; }
#promo iframe { width: 240px; }
#promo form { margin-bottom: 20px; }
#promo p { text-align: left; }
#legal { float: right; }