/* Colours are #111, #569, #78a and #fff */

/* Global
================================================*/
* {
   margin:0;
   padding:0;
}
body,
/*html {background:#eee url(/i/bg.gif);}*/
html {background:#eee;}
body {
   padding:0 15px 15px;
   color:#111;
   font:76%/150% "Lucida Grande","Microsoft Sans Serif",Geneva,Verdana,Arial,Helvetica,sans-serif;
}

/* Main layout
================================================*/
#page {
   margin:0 auto;
   max-width:70em;
   /* test */
   /*background:#fff url(/i/separator.gif) repeat-y 67% 0;*/
   background:#fff;
   border:1px solid #78a;
   border-width:0 1px 1px;
   position:relative;
}

#header {
   margin: 0px;
   padding: 10px;
   border: 1px solid #569;
   background: #78a;
   height: 1.5em;
   color: #fff;
   font-size: 60px;
   font-weight: bold;
   letter-spacing: -0.1em;
   line-height:100%;
}
#subheader {
   text-align: right;
   font-size: 30px;
   font-weight: normal;
   letter-spacing: 0em;
}
#menu {
   margin: 0px;
   padding: 0px 5px;
   height: 20px;
   background: #569;
   color: #fff;
   border-top: 1px solid #111;
   border-bottom: 1px solid #111;
}

#main {
   clear: both;
}

#sidebar {
   font-size:0.94em;
   line-height:1.3em;
   float:left;
   width:29%;
   margin: 0 0 0 0;
   padding: 1em 0 1em 2%;
}

#body {
   float:right;
   width:59%;
   margin:1em 4% 1em 0;
   overflow:hidden;
   border-left: 1px solid #78a;
   padding-left: 4%;
}

#footer {
   clear:both;
   background:#fff;
   padding:1em;
   text-align:right;
   font-size:0.94em;
   border-top:1px solid #78a;
}

#content {
   margin-top: 0.5em;

}
#furtherreading {
   border-bottom:thin solid #78a;
   padding-bottom: 0.75em;
   margin-bottom: 0.75em;
}
.advert {
   clear:both;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
#sidebar>.advert {
   margin-top: 2em;
}

/* Links
================================================*/
a:link,
a:visited {
   color:#569;
   font-weight:bold;
   text-decoration:none;
   padding:0px 0px 0;
   margin:0 0px;
   border-bottom:1px dotted #111;
   }
a:visited {color:#78a;}
a:focus,
a:hover {
   color:#78a;
   background:#ffd;
   border-color:#580801;
   border-bottom-style:solid;
   }
#menu a:link,
#menu a:visited {color: #fff; border: 0px;}
#menu a:hover {background:transparent;}
a.imglink:link,
a.imglink:visited {border:0;}
a.imglink:hover {background:transparent;}

/* Headings
================================================*/
h1,h2,h3,h4,h5,h6 {
   font-weight:normal;
   color:#569;
   font-family:Helvetica,Arial,Geneva,sans-serif;
   }
h1 {
   font-size:1.6em;
   margin:0 0 0.625em;
   text-shadow:2px 2px 2px #ccc;
   line-height:130%;
   border-bottom: 1px solid #569;
   }
h2 {
   font-size:1.2em;
   margin:1.2em 0 0;
   font-weight:bold;
   }
h3 {
   font-size:1em;
   font-weight:bold;
}
h2 a:link,
h2 a:visited,
h2 a:hover {
   font-weight:normal;
   color:#000;
   padding:0;
   margin:0;
   }

/* Lists
================================================*/
dl,
ol,
ul {margin:0 0 1em;}
dl {margin-top:-0.5em;}
dt {
   font-weight:bold;
   margin:0.5em 0 0;
   }
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
   padding:0 0 0 2.5ex;
   list-style:square;
   }
ol {padding:0 0 0 6ex;}
li {margin:0 0 0.5em;}
.code {
   border:1px solid #ddd;
   padding:3px 5px 3px 35px;
   font-family:Courier;
   list-style-type:decimal-leading-zero;
   }
.code code {font-family:Courier;}
.code li {
   padding:0 5px;
   margin:2px 0;
   background:#f7f7f5;
   }
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
   font-weight:bold;
   color:#600;
   }
.code em {
   font-style:normal;
   font-weight:bold;
   color:#600;
   }

#menu ul {
list-style: none;
padding: 0;
margin: 0;
}

#menu li { 
   float: left;
   border-right: 1px solid #fff;
   float: left;
   padding: 0 5px;
   margin-top: 4px;
   text-align: center;
   display: block;
   line-height: 1em;
}


#menu li.last {  
 border-right: none;
}

/* Data tables
================================================*/
table {
   /*margin:0 0 1.5em;*/
   margin-left: auto; margin-right: auto;
   border-collapse:separate;
   border-spacing:0;
   border-bottom:1px solid #ccc;
   }
caption {
   font-weight:bold;
   text-align:left;
   margin:0;
   padding:0.5em 0;
   }
th {
   font-weight:bold;
   }
th,
td {
   padding:0.25em 0.5em 0.25em 0;
   text-align:left;
   vertical-align:top;
   border-top:1px solid #ccc;
   }

/* Quotations
================================================*/
blockquote {
   margin:1em 0;
   padding-left:30px;
   color:#555;
   background:url(http://www.catnip.org.uk/images/blockquote.png) top left no-repeat;
   font-style: italic;
   }
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */
.bq-cite {margin:1em 0;}
.bq-cite div {
   margin-left:30px;
   font-size:0.94em;
   }
.bq-cite blockquote {margin-bottom:0;}
.bq-cite cite {font-style:normal;}

img {
   border: 0px none;
}


img.block { 
   margin-left: auto; 
   margin-right: auto;
   display: block;
}
.mediaobject img { 
   max-width: 100%;
}

.entry img {
   max-width: 100%;
}

.entry img:hover {
   max-width: none;
}


pre {
   padding: 1em;
   border: 1px solid #78a;
   background-color: #eee;
   line-height:1.3em;
   font-size:1.1em;
}


/* Docbook classes
================================================*/
.filename { font-family: monospace; } 
.option { font-family: monospace; }
.userinput { font-weight: bold; }
.pubdate { 
   margin-top: -1.5em; 
   font-size: 80%; 
}
.note { 
   border: thin solid #78a; 
   padding-left: 0.5em;
   padding-top: 0.25em;
}
.note h2 { 
    margin-top: 0em;
    float: left;
   padding-right: 0.5em;
 }
 .sidebar {
    margin: 0em 0.5em;
    padding:0.5em;  
    border: thin solid #569; 
 }
.sidebar h2 { 
    margin-top: 0em;
 }

object {
   margin-left: auto;
   margin-right: auto;
   display: block;
}
.book {
   margin-left: auto;
   margin-right: auto;
   display: block;
   text-align: center;
   margin-bottom: 1.5em;
}
.donation {
   margin-left: auto;
   margin-right: auto;
   display: block;
   text-align: center;
   margin-bottom: 1.5em;
}
.advert {
   margin-left: auto;
   margin-right: auto;
   display: block;
}

p {
   margin-bottom: 0.7em;
}
.jobTitle { font-weight: bold; color: #78a; }
.employer { font-weight: bold; color: #78a; }
.blosxomComment { 
   border-bottom: thin solid #78a; 
   padding-bottom: 0.5em;
   margin-bottom: 0em;
   margin-top: 0.5em;
}

#tagcloud {
     text-align: right;
       text-justify: inter-word;
    }

    #tagcloud a.smallestTag { display: none; font-size: xx-small; }
    #tagcloud a.smallTag    { font-size: x-small; }
    #tagcloud a.mediumTag   { font-size: small; }
    #tagcloud a.bigTag      { font-size: medium; }
    #tagcloud a.biggestTag  { font-size: medium; }
    #tagcloud a.hugeTag     { font-size: large; }
    #tagcloud a.hugestTag   { font-size: large; }
    #tagcloud a.mostHugeTag { font-size: x-large; }