/* Based on default.css - the default BlazeBlogger theme
 * Copyright (C) 2009 Jaromir Hradilek
 *
 * This has been heavily tweaked by Andrew Holmes to make the toki theme
 * The font family type was copied from daringfireball.net cos I like it.
 * Other ideas were taken from camendesign.com, and anything broken or
 * clumsily done were probably done by me. Hey, go easy on me, I'm new
 * to this whole web malarkey!
 *
 * One final note: This doesn't work in IE7 or under as those browsers
 * are simply broken. It *nearly* works in IE8 and 9, only the footnote
 * <hr> tag is a bit messed up (doesn't align to the left). I'm not 
 * gonna fix it as if you're still running those browsers you deserve 
 * everything you get (yeah yeah I know, I'm anti MS...)
 *
 * Ok, one more final note: this whole mess actually validates as 
 * proven by the w3c
 *
 */


body {
/*  margin: 0px 0px 10px 0px;
  padding: 0px; */
  background: #000000;
  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: small;
}

/* the main page with the big toki cog */
#frontpage {
  text-align: center;
  margin-top: 50px;
  color: #FFFFFF;
}

#wrapper {
  margin: auto;
  padding: 0px;
  background-color: #000000;
}

#heading {
  text-align: center;
  margin-top: 50px;
}

#heading a, #heading h1 {
  color: #FFFFFF;
}

#heading a:hover {
  text-decoration: underline;
}

/* the list of pages top left */
#menu {
  text-align: left;
  position: absolute;
  float: left;
  margin-left: 30px;
  background-color: transparent;
  font-size: large;
}

#menu ul {
  list-style: none;
}

#menu a {
  color: #FFFFFF;
  text-decoration: none;
}

#menu a:hover {
  background-color: #808080;
}

#menu h2 {
  color: #4e9a06;
  font-size: small;
}

/* the actual content of the blog */
#content {
  float: left;
  text-align: left;
  color: #FFFFFF;
  margin-left: 250px;
  margin-right: 100px;
}

#content h3 {
  color: #4e9a06;
  font-style: italic;
}

#content h2.post {
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #4e9a06;
}

#content h2.post a {
  color: #4e9a06;
}

#content h2.post a:hover {
  text-decoration: none;
  background-color: transparent;
}

#content a {
  color: #808080;
  text-decoration: none;
}

#content a:hover {
  color: #FFFFFF;
  background-color: #808080;
}

#content pre {
  color: #4e9a06;
}

/* The small italic date string */
#content .information {
  font-size: x-small;
  color: #FFFFFF;
  font-style: italic;
}

#content .footnote {
  font-size: 80%;
}

#content .footnote hr {
  width: 50%;
  margin-left: 0;
}

/* Quotes */
#content .quote {
  color: #4e9a06;
  margin-left: 20px;
  margin-right: 20px;
  font-style: italic;
}

#centre-image {
  text-align: center;
}

/* the "archive" links below the menu */
#sidebar {
  text-align: left;
  position: absolute;
  float: left;
  background-color: transparent;
  margin-top: 250px;
  margin-left: 30px;
  font-size: small;
}

#sidebar ul {
  list-style: none;
}

#sidebar h2 {
  color: #4e9a06;
  font-size: small;
}

#sidebar a {
  color: #FFFFFF;
  text-decoration: none;
}

#sidebar a:hover {
  background-color: #808080;
}

/* copyright etc */
#footer {
  text-align: right;
  font-size: x-small;
  margin-right: 100px;
  color: #4e9a06;
}

#footer a {
  color: #808080;
  text-decoration: none;
}

#footer a:hover {
  color: #FFFFFF;
  background-color: #808080;
}

/* This is my Linux on PPC page which I didn't want
 * as a dated part of the blog etc so it gets it's 
 * own special style sheet (which is a copy of the 
 * main blog anyway)*/
#powerpc {
  color: #FFFFFF;
  float: left;
  text-align: left;
  margin-left: 250px;
  margin-right: 100px;
}

#powerpc h2 {
  color: #4e9a06;
}

#powerpc h3 {
  color: #FFFFFF;
}

#powerpc pre {
  color: #4e9a06;
}

#powerpc a {
  color: #808080;
  text-decoration: none;
}

#powerpc a:hover {
  color: #FFFFFF;
  background-color: #808080;
}

/* 404 error page */
#notfound {
  float: left;
  text-align: left;
  color: #4e9a06;
  margin-left: 450px;
  margin-right: 100px;
  margin-top: 50px;
  font-size: large;
  font-style: italic;
}