body {
  font-family: Arial, sans-serif;
  font-size: small;
}

h1 {
  border-bottom: 4px black solid;
  font-size: large;
  text-align: center;
}

h2 {
  font-size: medium;
  background: gray;
  color: white;
  padding: 2px 2px 2px 5px;
  background-image: url(http://www.darryl.cain.com.au/images/grey-right-top.png);
  background-repeat: no-repeat;
  background-position: top right;
  border-bottom: inset thin black;
}

h3 {
  font-size: medium;
  text-decoration: underline;
}

h4 {
  font-size: small;
  text-decoration: underline;
}

li
{
  list-style-image: url(/images/gray-circle.png);
}

li:hover
{
  list-style-image: url(/images/dull-green-circle.png);
}

#footer
{
  text-align: center;
  border-top: thin #DCDCDC solid;
}

#footer ul li
{
  display: inline;
  list-style: none;
}

#footer ul li a img
{
  border: none;
}

.quote {
  border: solid thin black;
  margin: 10px;
  padding: 10px;
  background: teal;
  color: white; 
  white-space: pre;
}

.code {
  white-space: pre;
  font-family: Courier, sans-serif;
  border: solid thin black;
  padding: 10px;
  margin: 10px;
  color: black;
  background: white;
  overflow: auto;
}

.red {
  color: red;
  background-color: inherit;
}

.green {
  color: green;
  background-color: inherit;
}

.strike {
  text-decoration: line-through;
}

.pointer {
  cursor: pointer;
}