/* Stylesheet */

* {
  margin: 0;
  padding: 0;
  border: 0;
  position: static;
  float: none;
  clear: none;
  color: inherit;
  background: transparent;
  font: inherit;
}


/* Outer Edge */

html {
  margin: 0;
  padding: 1.5em;
  border: 0;
  background: #FFFFFF;
  color: #000000;
  font: 1em sans-serif;
}

body {
  margin: 0;
  padding: 2.75em 1.5em 1.5em;
  -moz-border-radius: 0 1em 0 0;
  border: 0;
  background: #CCFFCC;
  color: #000000;
}


/* Link Colours */

:link {
  color: #0000FF;
  background: transparent;
}

:visited {
  color: #800080;
  background: transparent;
}

:link:hover, :visited:hover {
  color: #FF0000;
  background: transparent;
}



/* Top header */

h1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  margin: 0;
  padding: 0.25em;
  letter-spacing: 0.2em;
  font: 900 3em monospace;
  white-space: nowrap;
  z-index: 1;
}

h1:after {
  content: '_';
  text-decoration: blink;
  padding-left: 0.25em;
}

.header {
  background: white;
  border: solid black;
  margin: 1em 1em 2em 1em;
  padding: 0.3em 1em;
  position: absolute;
  right: 1em;
  top: 1em;
  -moz-border-radius: 1em;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
}


/* Markup */

p, address, div, dl {
  display: block;
  margin: 1em 0;
}

ol, ul {
   margin: 1em 0 1em 2em;
   display: margin;
}

blockquote {
   margin: 1em 0 1em 3em;
   display: margin;
}

dt {
  margin: 0.5em 0 0 0;
  display: block;
  font-weight: bolder;
}

dt + dt {
  margin: 0;
}

dd {
  margin: 0 0 0.5em 2em;
  display: block;
}

input[type=submit] {
  border: outset medium;
  padding: 0.1em;
  border-color: #669966;
  background: #669966;
  color: #FFFFFF;
  width: 7em;
  text-align: center;
}

input[type=submit]:active {
  border-style: inset inset solid solid;
  padding: 0.2em 0 0 0.2em;
}

select {
  background: #FFFFFF;
  color: #000000;
}

select * {
  display: block ! important;
}

option {
  display: list-item ! important;
  list-style: inside;
  padding: 0 1em 0 0.2em ! important;
}

input[type=text], input[type=password] {
  border: solid thin;
  padding: 0.1em 0.25em;
}

h2 {
  font: 700 1em sans-serif;
  margin: 2em 2em 0.75em -2em;
  padding: 0.1em 1em 0.1em 1em;
  border: solid thin #000000;
  -moz-border-radius: 1em;
  background: #669966;
  color: #FFFFFF;
}

code, pre, samp, kbd {
  font: 1em monospace;
}

cite, em, var {
  font-style: italic;
}

strong {
  font-weight: bolder;
}


/* Posts */

.post {
  margin: 1em 0 2em 0;
  padding: 1em;
  border: solid medium;
  -moz-border-radius: 1em;
  background: #FFFFFF;
  color: #000000;
}

.post h2 {
  margin: -1.8em 2em 0.75em -3em;
}

.post h2[title]:after {
  display: block;
  font: 100 0.7em/1 sans-serif;
  content: attr(title) ' ago';
  height: 1em;
  margin: -0.6em 0 -0.6em 4em;
  padding: 0.1em 1em;
  -moz-border-radius: 100%;
  width: 10em;
  color: white;
  background: #336633;
}

.post h2 [rel="bookmark"] {
  float: right;
  font: 100 small-caps oblique 0.8em/1.25em sans-serif;
  text-transform: lowercase;
  margin: 0.1em 0.25em 0 1em;
  color: #FFFFFF;
  background: transparent;
  text-decoration: none;
  white-space: nowrap;
}

.post h2 [rel="bookmark"]:before {
  content: 'Permalink: ';
  text-transform: none;
}

.post > :last-child {
  margin-bottom: 0;
}

form.post h2 input {
  display: block;
  width: 100%;
}

form.post h2 [rel="bookmark"] {
  display: none;
}

form.post textarea {
  display: block;
  width: 100%;
  border: inset thin;
  font: 1em monospace;
}

.post .pingbacks {
  font: small-caps 100 0.75em sans-serif;
  margin: 0 -1.334em -1em -1.334em;
  padding: 0 1.25em;
  border-top: solid thin;
}

.post .pingbacks > * {
  display: block;
  margin: 0 0 0 2em;
}

.post .pingbacks a:not([href^="?"]):after {
  content: ': ' attr(title);
}

.post .trackback {
  font: small-caps 100 0.75em sans-serif;
  text-align: right;
  text-transform: lowercase;
}


/* Navigation */

.navigation > * * {
  display: inline; 
}

.navigation form {
  margin: 0 0.5em;
}

.navigation input[type=text] {
  vertical-align: -0.3em;
}


/* Footer */

.footer {
  margin: 2em -1em -0.75em -1em;
  border-top: solid;
  padding: 0.5em 1em 0 1em;
}

.footer p {
  margin: 0;
}

.footer a {
  margin: 1em;
}

.footer a:first-child {
  margin-left: 0;
}

.footer a:last-child {
  margin-right: 0;
}
