html, body, div, span, object,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
  }
  body {
       line-height: 1;
       color: black;
       background: white;
       }
  ol, ul {
        list-style: none;
  }
  table {
        border-collapse: collapse;
        border-spacing: 0;
  }
  caption, th, td {
        text-align: left;
        font-weight: normal;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
        content: "";
  }
  blockquote, q {
        quotes: "" "";
  }

  /*****************
  * Main layout
  *
  */

  #header { 
                position: relative;
                min-height: 100px;
  }

  #main { 
        width: 980px;
        margin: 0 auto;
        }

  #content { 
           float:right;
           margin:15px 0 0 0;
           width:650px;
           }

  #sidebar { 
           display:inline;
           float:left;
           margin:15px 15px 0 0;
           width:280px;
           }

  /*****************
  * Nav
  *
  */
  
  #header {
	overflow: hidden;
  }
  
  #innerheader img {
	float: right;
	margin-top: 15px;
	}
  
  #header li {
  		font-family: "Gill Sans", "Lucina Sans", Lucinda, Helvetica, Arial, sans-serif;
		font-size: 1.2em;
	}
		   
  #nav {  
        position: absolute;
        left: 0;
        bottom: 0px;          
        z-index: 2;
        overflow: hidden;
  }
  .menu li {
        display: inline;
        float: left;
        margin: 0 8px 0 0;
		border: solid white 1px;
        }
  .menu a {
        display: block;
        padding: 2px 10px; 
        border: 3px solid #4082BF ;
        margin: 0;
        text-decoration: none;  
		background: transparent url('/images/wheel/trans90.png');
		background: rgba(255,255,255,0.8); /* Don't use images in supporting browsers */
        }  
   .menu a:hover {
		border-color: #136498;
    }   
  #skip.menu * { 
        border-top: 0; 
  }
  #nav.menu * { 
        border-bottom: 0;
  }                          
                   
  /*****************
  * Common elements
  *
  */

  /* TODO: Decide if these should be #sidebar prefixed */

  html {
	overflow-y: scroll;
  }
  
  body { 
       font-size: 62.5%;
       font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	   background: #4082bf url('/images/wheel/eye.png') 50% 0 no-repeat fixed;
              
  }

  #body {
		background: transparent url('/images/wheel/trans90.png');
		background: rgba(255,255,255,0.8); /* Don't use images in supporting browsers */
		color: black;
		overflow: hidden;
		padding: 0 15px 15px 15px;
  }

  em {
    font-style: italic;
  }
  
  strong {
    font-weight: bold;
  }
  
  h1, h2, h3, h4, h5, p.description, th{ 
     font-weight: bold;
     font-variant: small-caps;
     font-family: "Gill Sans", "Lucina Sans", Lucinda, Helvetica, Arial, sans-serif;
     margin: 10px 0 2px 0;
     letter-spacing: 1px;
  }

  caption {
	padding: 5px;
    font-variant: small-caps;
    font-family: "Gill Sans", "Lucina Sans", Lucinda, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	white-space: nowrap;
  }
  
  h1, h2, h3, h4, h5, p, blockquote {
  	 padding: 2px;
  }
  
  h1 {
     font-size: 1.8em;
  }

  h2 {
     font-size: 1.6em;
  }

  h3 {
	font-size: 1.4em;
  }
  
  h4  {
	font-size: 1.2em;
  }
  
  h5 {
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
  }
  
  p.description {
     font-size: 1.4em;
     font-weight: normal;
     margin: 4px 0;
  }

  p.dateline {
     font-family: "Gill Sans", "Lucina Sans", Lucinda, Helvetica, Arial, sans-serif;
     font-style: italic;
     margin-top: 4px;
  }

  p { 
    margin: 8px 0;
    line-height: 1.2;
    font-size: 1.4em;
  }

  p + p {
    text-indent: 0ex;
  }

  #body li {
	font-size: 1.2em;
	line-height: 1.2;
	padding: 3px 0;
	margin-left: 20px;
  }

  #body li li, #body li p {
	font-size: 1em;
  }
  
  ul, ol {
	list-style-position: inside;
  }
  
  #body ol li {
	list-style: decimal;
  }
  
  #body ul li {
	list-style: circle;
  }
  
  #body ul li li {
	list-style: square;
  } 
 
  #body ul li li  li{
	list-style: disc;
  }
  
  #body ul li li li li {
	list-style: circle;
  }
  
  
  pre, code {
	font-family: monaco, "andale mono ipa", consolas, "bitstream vera sans mono", "andale mono", courier, "lucinda console", "courier new", monospace;
  }
  
  pre {
	font-size: 1.2em;
  }
  
  blockquote {
    font-family: "Gill Sans", "Lucina Sans", Lucinda, Helvetica, Arial, sans-serif;
    margin: 8px 24px;
    text-align: justify;
    font-size: 0.85em;
  }

  table {
	border: solid 1px #4082BF;
  }
  
  caption {
	text-align: center;
  }
  
  th {
	background: #4082BF;
	color: white;
	vertical-align: middle;
  }
  
  td, th { 
     line-height: 1.1;
     letter-spacing: 0px;
     font-size: 1.4em;
     padding: 3px;
  }

  tr.good, tr.good td {
	background-color: #c3f5cb;
	color: black;
  }
  
  
  tr.bad, tr.bad td {
	background-color: #faa3bb;
	color: black;
  }
  
  /*****************
  * Sidebar sections
  *
  */

  #feeds table { 
               margin: 4px auto;
  }

  #feeds table td { 
                  vertical-align: middle;
                  }
                  
                  

.miniFlickr {
  margin: 0;
  padding: 0;
  list-style: none !important;
  overflow: hidden;
}

.miniFlickr li {
   float: left;
   margin: 0 !important;
   padding: 5px 0 !important;
   list-style: none !important;
   width: 90px;
}

.miniFlickr li img {
  border: solid #4082bf 1px;
}

  /*****************
  * Special
  *
  */
  
.fragment {
	background: #4082BF;
	color: white;
}

.image, .centre, .center {
	text-align: center;
}

.alignleft { float: left; }

.alignright { float: right; }

.lowdata {
	margin-left: auto;
	margin-right: auto;
}


#footer { padding-top: 0.5em; color: white; }
#footer * { color: white; }
#footer .left { float: left; }
#footer .right { float: right; }