* {
  background-color: transparent;
  background-repeat: repeat;
  border: none;
  color: inherit;
  font: inherit;
  font-size: 1em;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: static;
  text-align: inherit;
  text-decoration: none;
  text-indent: 0
}

address {
  font-style: normal
}

hr {
  height: 0
}

html {
  background: #d0ffee;
  overflow-y: scroll;
}

body {
  background: #fff;
  margin: 1em auto;
  width: 80%;
  padding: 1em 2em;
}

h1 {
  font-family: arial, sans-serif;
  font-size: 6em;
  font-weight: bold;
  letter-spacing: -.03125em;
  margin: 0 0 .25em 0
}

h1 img { margin: 0 .24em 0 0 } 
h1 a { color: #d02c2c; }

h3 {
  margin: 1em 0 0 0;
  font-family: Arial;
  font-weight: bold
}

h3 span { color: #ccc }

ul#navigation { float: left }

ul#navigation li { display: inline }

ul#navigation li a {
  color: #20b17c;
  display: block;
  font-family: verdana, sans-serif;
  font-size: .75em;
  margin: 0 0 .25em 0;
  padding: .25em .5em;
  text-decoration: underline
}

ul#navigation strong { font-weight: bold }

ul#navigation li a:hover, ul#navigation li a.active {
  text-decoration: none
}

div#contentwrapper{
  font-family: georgia, sans-serif;
  margin: 0 0 0 7.5em;
  padding: 0em 0;
}

h2 {
  font-family: Arial;
  font-size: 1.5em;
  margin: 0 0 .5em 0
}

div#contentwrapper a {
  color: #20b17c;
  text-decoration: underline 
}

div#contentwrapper p {
  line-height: 1.25em;
  font-family: verdana, tahoma, helvetica, sans-serif;
  font-size: .85em;
  margin: 0 0 1em 0
}

div#contentwrapper ul {
  line-height: 1.25em;
  font-family: verdana, tahoma, helvetica, sans-serif;
  font-size: .85em;
  margin: 1em 0;
}

div#contentwrapper strong { font-weight: bold }
div#contentwrapper em { font-style: italic }

div#contentwrapper a:hover {
  text-decoration: none 
}


div#contentwrapper ul { line-height: 1.5em }

div#contentwrapper ul li { 
}

div#contentwrapper ul.gallery img { 
  border: .0625em solid #ccc;
  height: 5em;
  margin: 0 .25em .25em 0
}

div#contentwrapper ol { margin: 0 0 0 1em }

div#contentwrapper ol li { 
  list-style: square;
  line-height: 1.5em 
}

div.adsense { 
  float: right;
  height: 3.75em;
  margin: 1em 0 0 0;
  width: 29.25em;
  overflow: hidden
}

pre {
  background: #000;
  color: #fff;
  font-family: "Courier New", monospace;
  font-size: .75em;
  padding: 1em
}

div#footer{
  text-align: right
}

div#footer p {
  font-size: .65em;
  font-family: verdana;
  margin: 0 0 .5em 0
}

table {
  border: .0625em solid #eee;
  border-spacing: 0;
  font-size: .75em;
  font-family: Arial;
  margin: 1em 0 0 0
}

th, td { padding: .25em }

th {
  background: #eee;
  font-weight: bold;
  text-align: left
}

input[type="text"] {
  background: #eee;
  border: .0625em solid #ccc
}

button { 
  background: #000;
  color: #fff 
}

.screenshot {
  width: 525px;
  margin: 0 0 1em 0
}

.warning { color: #d00 }

div#contentwrapper ul li {
  margin-left: 1em;
  list-style: square;
}