/* --------------- global items --------------- */

html {
  font: medium sans-serif
}

body {
  margin-left : 0; 
  margin-right : 0; 
  background-color: #DFE5F2;
}

/* ----------------- article ------------------ */

article {
  background-color: #FFF;
  height: 24em;
  padding: 0.5em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-box-shadow: 0 0 8px #039;
  border-style: outset;
  border-width: 1px;
  display: block;
  line-height: 1.4;
  font-size: 160%;
  color: #000;
  margin: 0em 2em 1em 1em;
  z-index: 0;
  padding-left: 1.5em;
}

body > article header {
  font-size: 200%;
  margin-top: .4em;
  margin-left: -0.2em;
  margin-bottom: 0.8em;
  text-indent: -28px;
  display: block;
  font-style: italic;
  color: #049;
  clear: both;
}

body > article header h3 {
  font-family: Georgia, "New Century Schoolbook", sans-serif;
  font-size: 60%;
  margin: 0;
  text-indent: -28px;
  border-bottom: 1px solid #BFCCE5
}

h3:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAACe0lEQVR42m2TX0jTYRSGH23WZk7n7Lc5JTeYpUtjGFaMsgsx+2MEGURpRUElZVAidNVlERkRXUgYg7BcdBUkZlhSoYYgFA5nbli6XaTNbW25nDOn62Lzp0vfq4+Pw/N973vOSZpfmI8Sl9Paz5ilHoCsLcVk7LpM2DPG3HgXoT9R0vWlFB29xkolrQS8OiegMh4kXV9KxP2ZNG8PAL9yTwMgGTSTbKjEePGpCEheOni+DQFgqGkid/cJfKM2XH4l054wqQqBnWdvIas2szjyloB7UgRIlg4p8k0UF2xktKuZoK0TgB2Nr/k59B5H23VCAQ+CsYoUQZpgQQQo1BrsES3CjzYimjJMDc/i97UgzcBhPo9k0IyiYCsKtWa1BXtfB2pVFJtjBkmWNuGVwr1HMDa0A+CeSkqwIAJSeq8S0hyn4MITJt630P/gjFho7+vA33qM8Ob9qFVRRp7fSLRg77Yw6wlTEm+RVN7OmKUe++OTyLK1OD+9Iae8DsOBWIsDd0twWvvRGU0xQHBihIXMApGqM5qAZhY6T4HXRX71zYT++yU5rHcNgNEUs5CqEAgFg2JBwD3JmKUel1/JlLQMd19rQiapcjmhgGc5A9W2cjIjE9i7LQCix/KmLxhqmgAYbn8ozov7+1cEY9VyBkL+dnyH7zPb2Yh1vAtVuJf5ytsE3JMo1BpkmiKC1pcMA38/3kG351Dc5n+j7LT283vgEWneHmyOGfHLecp1pAtSkpV5zOnrKKyoXXsXljTeso/pZF1smYI+Ah/uIcvWJuzAqklcqTl9HYudjXg25BHxuZD6HWgvvVirdG1AYUUtwyEv/nj6+VfeJYzvSv0Di/D1FSRhBIIAAAAASUVORK5CYII=); /* /images/intertwingly.png */
  padding-right: 0.5em;
}

/* ------------------- links ------------------ */

a {
  color: #049;
  font-weight: bold;
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:visited {
  color: #409;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ------------------ images ------------------ */

img {
  border: 0;
}

img.floatright {
  padding-left: 1em;
  float: right;
}

img.floatleft {
  float: left;
  padding-right: 1em;
  padding-bottom: 0.2em;
}


/* ------------------ banner ------------------ */

body > header h1 {
  text-decoration: none;
  color : #FE1; 
}

body > header h1 a {
  text-decoration: none;
  color : #FE1; 
}

body > header h1 a:hover {
  text-decoration: none;
}

body > header h1 a:visited {
  text-decoration: none;
  color : #FE1; 
}

h1 {
  float: left;
  padding-left : 3%; 
  margin: 0;
  color : #E54; 
  font-family: Georgia, "New Century Schoolbook", sans-serif;
  font-style: italic;
  line-height: 0.7em;
  font-size: 340%;

}

body > header {
  padding-top : .4em; 
  margin: -0.5em 0 1.53em 0;
  background : #039
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABlAgMAAADxHmFWAAAADFBMVEUAM5lccLgSP58AAAAaP+aoAAAACXBIWXMAAABIAAAASABGyWs+AAAAEUlEQVR42mNgoBFoAGIHemIAulkHgZMPx4IAAAAASUVORK5CYII=) repeat-x; /* /images/blueback.png */
  color : #FFF; 
  display: block;
}

body > header p {
  padding: 0 0 0 5em;
  margin: 0;
  font-family: Geneva, Lucida, Helvetica, sans-serif;
  clear: both;
}

time {
  float: right;
  margin-top: -1.2em;
  margin-right: 0.5em;
  color: #BFCCE5;
}

/* --------------- center area --------------- */

pre.code, blockquote.code {
  margin: 1em;
  background-color: #FED;
  border-style: solid;
  border-width: 1px;
  border-color: #48C;
  padding: 0.5em;
  overflow: auto;
}

code {
  /* font-family: Courier, Helvetica, serif; */
  font-family: monospace, serif;
}

dd {
  margin-bottom: 1em
}

ul li {
  padding-bottom: 0.5em;
}

ul.compact li {
  line-height: 1.2;
}

p.code {font-family: monospace}

fieldset { border:1px solid red; margin-top: 1em }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #F00;
  color:#F00;
  font-size:90%;
  text-align:right;
}

strong {
  color: #F44;
}

/* --------------- footer area --------------- */

footer svg {
  position: fixed;
  bottom: 20px;
  right : 1em;
  height: 14em;
  opacity: 0.3;
}