* { margin: 0; padding: 0; }

.clear { clear: both; }

body { font-family: Helvetica, Arial, sans-serif; background-color: #1e3c42; text-align: center; font-size: 11pt; height: 100%; padding: 4em; background-image: url(/lost-gradient.jpg); background-repeat: repeat-x; background-position: bottom; }
body .container { margin: 0 auto; text-align: left; width: 520px; }
body .container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
body #header { background-image: url(/lost-polarbear.png); background-repeat: no-repeat; background-position: right top; height: 250px; margin-bottom: -2em; }
body #header .widget { padding-top: 2em; height: 8em; text-transform: uppercase; color: #fff; font-size: 110%; }
body #header .widget a { color: #fff; }
body #header .widget .question { font-size: 205%; }
body #header .widget .question a { text-decoration: none; color: #8d9b9e; }
body #header .widget #answer { font-size: 420%; line-height: 1em; padding-right: 5px; margin-bottom: -8px; float: left; }
body #header .widget .reason { font-size: 98%; width: 12em; float: left; color: #8d9b9e; }
body #header .widget #countdown { font-weight: normal; clear: both; }
body #header .widget #countdown strong { font-size: 220%; font-weight: normal; }
body #content { clear: both; }
body #content #teaser { text-align: center; padding-top: 50px; line-height: 40px; }
body #content #teaser h2 { padding: 10px 0 0 0; margin: 0; }
body #content .pagination { padding-top: 1em; padding-bottom: 1em; }
body #content .pagination:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
body #content .pagination a { display: block; padding: 5px; background-color: white; }
body #content .help { padding: 10px; margin-bottom: 10px; background-image: url(/bottomline.jpg); background-repeat: no-repeat; background-position: center bottom; color: #516f75; }
body #content .help a { color: #405e64; }
body #content .help h3 { padding-bottom: 10px; font-size: 110%; color: #516f75; }
body #content .help h3 a { color: #405e64; }
body #content .help dl { margin: 0; padding: 0; }
body #content .help dl dd, body #content .help dl dt { margin: 0; padding: 0; }
body #content .help dl dt { float: left; font-size: 160%; width: .7em; color: #84a2a8; font-weight: bold; }
body #content .help dl dd { padding-bottom: 5px; font-size: 85%; line-height: 1.4em; margin-left: 1.7em; color: #516f75; }
body #content .help dl dd:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
body #content .help dl dd a { color: #405e64; }
body #content .help dl dd .or { color: #84a2a8; }
body #content .menu h3 { float: left; background-color: #8d9b9e; text-transform: uppercase; font-size: 85%; margin-right: 5px; }
body #content .menu h3 a { text-decoration: none; color: #1e3c42; display: block; padding: 10px 10px 5px 10px; }
body #content .menu h3.active { background-color: #fff; }
body #content .posts, body #content .episodes, body #content .tags { clear: both; background-color: #fff; color: #1e3c42; padding-bottom: 10px; }
body #content .posts a, body #content .episodes a, body #content .tags a { color: #1e3c42; }
body #content .posts h2, body #content .episodes h2, body #content .tags h2 { font-size: 85%; font-weight: normal; text-transform: uppercase; padding: 10px 10px 0 10px; color: #8d9b9e; }
body #content .posts .post, body #content .posts .episode, body #content .episodes .post, body #content .episodes .episode, body #content .tags .post, body #content .tags .episode { text-align: left; position: relative; padding: 10px 10px 0 10px; }
body #content .posts .post span.spoiler, body #content .posts .episode span.spoiler, body #content .episodes .post span.spoiler, body #content .episodes .episode span.spoiler, body #content .tags .post span.spoiler, body #content .tags .episode span.spoiler { background-color: #1e3c42; }
body #content .posts .post span.spoiler:hover, body #content .posts .episode span.spoiler:hover, body #content .episodes .post span.spoiler:hover, body #content .episodes .episode span.spoiler:hover, body #content .tags .post span.spoiler:hover, body #content .tags .episode span.spoiler:hover { background-color: #fff; }
body #content .posts .post p.body, body #content .posts .episode p.body, body #content .episodes .post p.body, body #content .episodes .episode p.body, body #content .tags .post p.body, body #content .tags .episode p.body { font-size: 110%; padding-bottom: .3em; margin-left: 58px; }
body #content .posts .post p.meta, body #content .posts .episode p.meta, body #content .episodes .post p.meta, body #content .episodes .episode p.meta, body #content .tags .post p.meta, body #content .tags .episode p.meta { margin-left: 58px; font-size: 80%; text-transform: uppercase; color: #8d9b9e; }
body #content .posts .post p.meta a, body #content .posts .episode p.meta a, body #content .episodes .post p.meta a, body #content .episodes .episode p.meta a, body #content .tags .post p.meta a, body #content .tags .episode p.meta a { color: #8d9b9e; }
body #content .posts .post p.meta:after, body #content .posts .episode p.meta:after, body #content .episodes .post p.meta:after, body #content .episodes .episode p.meta:after, body #content .tags .post p.meta:after, body #content .tags .episode p.meta:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
body #content .posts .post .avatar, body #content .posts .episode .avatar, body #content .episodes .post .avatar, body #content .episodes .episode .avatar, body #content .tags .post .avatar, body #content .tags .episode .avatar { float: left; padding-right: 10px; }
body #content .posts .episode h3, body #content .episodes .episode h3, body #content .tags .episode h3 { float: left; padding-right: 10px; font-size: 250%; width: 3.6em; text-align: right; }
body #content .posts .episode h3 a, body #content .episodes .episode h3 a, body #content .tags .episode h3 a { text-decoration: none; color: #8d9b9e; }
body #content .posts .episode p.body, body #content .episodes .episode p.body, body #content .tags .episode p.body { margin-left: 8em; }
body #content .posts .episode p.meta, body #content .episodes .episode p.meta, body #content .tags .episode p.meta { margin-left: 12em; }
body #content .tags { padding: 10px; }
body #content .tags a.tag { text-decoration: none; display: block; float: left; padding-right: 10px; color: #2f5b64; font-size: 85%; }
body #content .tags a.tag span { color: #1e3c42; font-size: 135%; text-decoration: underline; }
body #content .widget { clear: both; padding: 10px; background-color: #fff; color: #1e3c42; }
body #content .widget:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
body #content .widget .widget_intro { width: 240px; float: left; padding-right: 10px; }
body #content .widget .widget_intro h2 { font-size: 105%; padding-bottom: .5em; }
body #content .widget .widget_intro textarea { width: 100%; font-size: 65%; border-style: solid; border-color: #84b0b9; border-width: 1px; font-family: Monaco, monospace; height: 8em; text-align: left; overflow: auto; line-height: 1.3em; }
body #content .widget .widget_container { width: 250px; float: left; }
body #footer { padding-top: 10px; clear: both; color: #fff; }
body #footer a { color: #fff; }
body #footer p { text-align: right; }
body #footer #also { text-align: left; padding-left: 10px; float: left; }