/* LAYOUT */
html, 
body {color: #FFF; background: #000 url("rainclouds.jpg") fixed; font-family: "Times New Roman", Times, Georgia, serif}

h1 {text-align: center; font-size: x-large; font-weight: bold; letter-spacing: 1px; text-decoration: none}
h1 a:visited {font-style: normal; text-decoration: none; color: #3038ff}
h1 a:hover {font-style: normal; text-decoration: none; color: #000}

a {font-style: normal; text-decoration: none; color: #3038ff}
a[rel~="met"]:after {content: " *";}
a.feed {padding-right: 22px; background: transparent url(/images/feed.png) no-repeat center right}
a.valid {padding-right: 22px; background: transparent url(/images/valid.png) no-repeat center right}
a.support {padding-right: 22px; background: transparent url(/images/firefox.png) no-repeat center right}
a:visited {font-style: italic; text-decoration: none; color: #79F}
a:hover {color: #000; background-color: #C0C0C0}

q {font-size: small; color: #c0c0c0; display: block; text-align: right}
#header div {text-align: right}
#header br {display: none}

#skiplinks {text-align: center; width: 100%}
#skiplinks h2 {display: none}
#skiplinks ul {height: 1em; margin: 0; padding: 0}
#skiplinks ul>li {display: none; margin: 0 1em}
#skiplinks li a {padding: 0 1em}
#skiplinks li,
#skiplinks ul:hover li {display: inline}


#comments form label {display: block; position: relative; margin: 0.2em 0}
#comments form input {position: absolute; left: 8em}

.more,
.post_title p {margin: 0; padding: 0 0 0 1em; color: #ccc}
.post_title abbr {border: none}
small {font-size: small; color: #808080}

h2 {font-family: "Times New Roman", Times, Georgia, serif; font-size: medium; text-align: center; color: #C0C0C0; border-bottom: 1px dotted #F00}
h3 {font-size: medium; font-weight: bold; padding-left: 1.2em; letter-spacing: normal; margin: 1em 0 0.2em 0}
h2 a:visited, h3 a:visited {font-style: normal}
#admin_display h3 {padding-left: 0}
#admin_display .gravatar {float: left}
h3 small {display: block}
h4 {font-size: medium; font-weight: bold; letter-spacing: normal; margin: 1em 0 0.2em 0}

p {text-align: justify}
.excerpt {margin: 0 5%}

blockquote {position: relative; margin-bottom: 2em}
.admin_comment {padding: 0.2em; border: 1px dotted red}

ul {list-style-type: none; margin-left: 2px; padding-left: 0}
dl ul {list-style-type: disc; margin-left: 2em}

code {display: block; background-color: #202020; white-space: nowrap; overflow: auto; width: 90%; margin-left: 2em; padding-left: 0.5em}

img {border: none; cursor: auto}

#content img {display: block; margin:auto}
#stuff img {display: block; margin:auto}
#content img.inline {display: inline}
#content .gravatar {position: absolute; left: -35px}
#smileys ul {list-style-type: none}
#about kbd {border-bottom: 1px dotted #F00}


/* FORMS */
form p {margin: 0; padding: 0}
button {text-align: center}
label, 
input, 
textarea {text-align: left}
input, 
textarea {background: transparent none; border: 1px solid #3038ff; color: #F00}
	#content textarea {width: 90%}
fieldset, 
input radio {border: none}
legend {font-weight: bold}
	#searchform legend {display: none}
input:focus, 
textarea:focus {background-color: #eee; color: #f00}
label:hover, 
input:hover, 
textarea:hover {background-color: #ccc; color: #000}

a, 
a img, 
label {cursor: crosshair}
a img {border: 2px solid #3038ff}
a img:hover {padding: 0 1em; background-color: #ccc}

.admin {color: red}
a.admin:visited {font-style: normal; text-decoration: none; color: #F00}
.admin[href*="suppr"]:hover {text-decoration: line-through}
.center {text-align: center}

#navig, #content, #links {position:absolute; top:auto; height:auto; margin:0; padding:0}
#header {position: relative; left: 20%; width:60%}
#navig {left:2%; width:16%; text-align: right}
#content {left:20%; width:60%}
#links {left:82%; width:16%}