a { color: #22aaff; text-decoration: none; }
a:hover { color: #0088dd; }

img { border: none; }

.date { font-size: 90%; }

.meta .gravatar { margin: 2px 10px 5px 0px; padding: 0px 0 0 0; width: 55px; text-align: left; float: left; }

#footer { clear: both; padding-top: 2.5em; text-align: center; margin: 1.5em 25px; }

div#footer ul { list-style: none; padding: 0px; margin: 0px; }
div#footer ul li { display: inline; margin: 0px 1em; white-space: nowrap; }

.pagination { clear: both; text-align: center; font-size: 1em; padding: 1.5em 0px; margin-left: -0.3em; }
.pagination a { margin: 0px 0.3em; padding: 2px 0.5em; }
.pagination a:hover, .pagination a:active { text-decoration: underline; }
.pagination span.current { border: 1px solid; border-color: #22aaff; color: #666666; margin: 0px 0.3em; padding: 2px 0.4em; }
.pagination span.disabled { padding: 2px 0.5em; color: #666666; margin: 0px 0.3em; }

hr { display: none; }


body { font-family: "Arial",  sans-serif; font-size: 0.9em; padding: 0px; margin: 0px; line-height: 1.4em; color: #666666; border-top: 1px #2AF solid; border-bottom: 2px #2AF solid; }

#container { border-bottom: 1px #2AF solid; }

p { padding: 0px; margin: 0.4em 10px 0.2em 0px; }

#header { position: relative; border-bottom: 1px #2AF solid; }
#header .root a { background-image: url('/images/2009/plasticpilots-header.png'); background-repeat: no-repeat; background-position: bottom 20px; width: 700px; height: 56px; display: block; }
#header span { display: none; }

#about { position: absolute; top: 0px; right: 34px; color: #08D; max-width: 1100px; }

h1, h2, h3, h1 a, h2 a, h3 a { margin: 0px; padding: 0 0 0.2em 0; font-weight: bold; color: #2AF; }

.error, .notice { border-style: solid; border-color: #44ccff; border-width: 1px; color: #0055aa; font-weight: bold; padding: 5px; }

#container { clear: both; }

#content { margin: 40px 0 20px 0; padding: 0 30px 0 30px; max-width: 1040px; }

#navigation { position: absolute; max-width: 1100px; top: 25px; line-height: 32px; margin: 0 0 0 380px; right: 0px; }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation ul li { font-size: 25px; display: inline; margin: 0 30px 0 0; padding: 2px 3px 1px 3px; text-transform: lowercase; white-space: nowrap; }

#subnavigation li, #footer li { display: inline; }

#advertisement { padding: 5px 10px 0 25px; }
#advertisement ul { margin: 0; display: inline; width: 30%; float: left; }


#login { height: 0px; overflow: hidden; padding: 0px 1em; margin-top: 0.5em; opacity: .95; filter: alpha(opacity=95); }
#login form { padding: 0.3em 0px 0.3em 0px; margin: 0px 0px 0.3em 0px; }
#login input[type="text"] { font-weight: bold; color: #286180; width: 220px; }
#login input[type="password"] { width: 220px; }

form { max-width: 680px; }
form em, form strong { background-color: white; color: #286180; padding: 2px 3px 1px 3px; }
form input[type="text"] { color: #0088dd; }
form input#title { font-weight: bold; color: #0088dd; }
form a.button { color: #51732B; }
form label { margin-top: 0.3em; margin-bottom: 0px; vertical-align: text-bottom; }
form label.inline { margin-right: 0.3em; display: inline; }


.c_sites .site, #sites .site { margin: 0 0 0 auto; padding: 0 0 20px 0; max-width: 640px; min-height: 70px; clear: both; }
.c_sites .site .description, #sites .site .description { margin: 40px 0 20px 0; max-width: 400px; float: left; text-align: left; }
.c_sites .site h1, .c_sites .site h2, .c_sites .site h3, #sites .site h1, #sites .site h2, #sites .site h3 { position: absolute; left: 25px; margin: 0; padding: 0; }

#sites .site .meta { text-align: right; margin: 0 auto 0 auto; }
#sites .site .meta .thumb { margin: 0 0 4px 20px; }
#sites .site h2 { font-size: 40px; }

.c_sites h1 { font-size: 40px; }
.c_sites h2 { font-size: 25px; }
.c_sites #content > .site .meta { position: relative; min-height: 200px; clear: both; }
.c_sites #content > .site .meta * { max-width: 400px; }
.c_sites #content > .site .meta .description { float: none; }
.c_sites #content > .site .meta #assets { position: absolute; top: 0; right: 0; }
.c_sites #content > .site .meta #assets .asset { margin: 0 0 10px 0; }
.c_sites #content > .site .meta #meta, .c_sites #content > .site .meta #comments, .c_sites #content > .site .meta #new_comment { clear: both; }


.c_posts .post, #posts .post { margin: 0 0 0 auto; padding: 40px 0 20px 0; max-width: 840px; min-height: 70px; clear: both; }
.c_posts .post .excerpt, .c_posts .post .body, #posts .post .excerpt, #posts .post .body { max-width: 400px; }
.c_posts .post h1, .c_posts .post h2, .c_posts .post h3, #posts .post h1, #posts .post h2, #posts .post h3 { position: absolute; left: 25px; margin: -40px 0 0 0; padding: 0; }

#posts .post h2, #posts h1 h2 { font-size: 40px; }
