/*===================
General body rules
===================*/
body {
  color:#000000; background: #6f9f6f;
  margin: 0em 0em 1em 0em;
  padding:0px;
  font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
/*===================
Main content rules
===================*/
#content {
  color:#000000; background: #FFFFFF url(spider.gif) no-repeat right bottom;
  width:90%;
  max-width: 70em;
  margin: 1.5em auto 1.5em auto;
  padding: .5em 1.25em 0em 1.25em;
  border: 2px solid #000;
  font-size: 100%;
  line-height:1.5;
}
/*===================
Footer Rules
===================*/
#footer {
margin:0;
padding:0em 0em .3em 0em;
width:75%;
font-size:95%;
line-height:1.3;
font-style:italic;
}
/*===================
Minimalist top navigation loosely
based on Jukka Korpela's site.
===================*/
#topnav {
	padding: .25em 0 0 0;
	margin: 0em;
	font-style:italic;
    font-size: 90%;
	}

#topnav ol {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#topnav ol li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	background-image: none;
	display: inline;
	}

/*===================
Heading Rules need to sort the duplicated stuff out!!!
===================*/
h1, h2, h3, h4, h5, h6 {
    color: black; 
    background:  #FFFFFF;
 } 
 
 h1.indexpage { 
    font-size: 190%; 
    font-weight: normal;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .2em;
    border-bottom: 1px solid #aaa;
    }  
    
h1 { 
    font-size: 190%; 
    font-weight: normal;
    margin: 0;
    padding: .2em 0em;
    border-bottom: 1px solid #aaa;
    }
    
h2 { 
    font-size: 150%;     
    font-weight: normal;
    margin: 0;
    padding: 0em 0em .2em 0em;
    border-bottom: 1px solid #aaa;
   }
   
h3 { 
   font-size: 132%;
   font-weight: normal;
   margin: 0;
   padding: 0;
   border-bottom: none;
   }
   
h4 { 
   font-size: 110%; 
   font-weight: normal;
   margin: 0;
   padding: 0;
   border-bottom: none;
   }
   
h5 {
    font-size: 100%; 
    margin: 0;
    padding-top: .5em;
    padding-bottom: .2em;
    border-bottom: none;
    font-weight: bold;}
    
h6 { 
    font-size: 80%;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .2em;
    border-bottom: none;
    font-weight: bold;
     }

/*===================
Link Rules (I think I ripped these off from Google :-)
===================*/
a:link {color:#00c; background: white;}
a:visited {color:#551a8b;background:white;}
a:active {color:#f00;background:white;}
/*===================
Blockquote Rules
===================*/

/*These rules lifted straight from:
http://simonwillison.net/2003/May/21/stylingBlockquotes/*/blockquote {
background: transparent url(quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(quoright.png) right bottom no-repeat;
  text-align:justify;
}

blockquote.other {
	padding-left: .5em;
	border-left: 1px solid #6f9f6f;
	background:none;
	}
/*===================
Table Rules: Stolen from the Wiki table css and modifed
===================*/

table {
  margin: 0;
  color:#000000;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  font-size: 95%;
  }
table a:link {color:#00c; background: #f9f9f9;}
table a:visited {color:#551a8b;background:#f9f9f9;}
table a:active {color:#f00;background:#f9f9f9;}


th, td{
  border: 1px #aaa solid;
  padding: 0.5em;
}

th {
  color:#000000;
  background: #f2f2f2;
  text-align: center;
  padding: 0.5em;
}

caption {
	padding: 0 0.6em 0.8em;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin-left: auto;
   margin-right: auto;
   color: black; background: transparent;
}
tfoot td {font-style:italic;}

/*===================
Indented list that I use for Bibliographies. Aim is to keep the
authors' names highlighted at different screen sizes using negative
text indent.
===================*/

#bibliography {
    margin-left:.75em;
    padding:0em .5em .5em 0em;
}
#bibliography ul {
	list-style: none;
	margin-left: 0;
	padding-left: .25em;
	text-indent: -1em;
	}
#bibliography ul li {	
   background-image: none;
}

/*===================
Rules for writing computer code
===================*/

/*Only used for code snippets withing text. Larger 'boxes' now
provided for with <pre>. */

code {
   margin:0;
   padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:100%;
}

/*The following alteration of <pre> generates the 'codebox' look
that I had before and preserves the bottom border with overflow:auto.
Make sure to not use <pre> for any other purpose :-) */

pre {
    padding: 1em;
    border: 1px dashed silver;
    color: black;
    background-color: #f9f9f9;
    overflow: auto;
	 font-family:"Courier New", Courier, monospace;
	 font-size:100%;
}

.variable {
	font-style:italic;
	color: #FF0000;
	font-weight:bold;
}

/*===================
Rules for the Troll, puppet pages
===================*/ 
 img.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center; 
}  
.centerwarning {
border: 4px solid #FF0000 ;
text-align: center;
width: 20em;
margin: .5em auto .5em auto;
text-transform: uppercase;
font-size: 150%;
font-weight:bold;
padding: .25em;
}
/*======================================
List Rules: Unordered / Ordered / Definition
======================================*/
ul {
  padding: .25em;
  margin: 0em 1.5em;
}
ul ul li {list-style-type:circle;}

ul ol li {list-style-type: lower-roman;}
/*This effect is used for the Homer page to differentiate
the nested list style-types. */

ol {list-style-type: decimal; padding-right:1.5em}
ol ol li {list-style-type: lower-roman;}

dl {
  margin: 0;
  padding: 0em 1.25em;
}
dt {
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: normal;
}
dd {
  margin: 0 0 .5em 0;
  padding: 0;
}

/* For the Troll /sock puppet pages */
dl.special {
  margin: 0;
  padding: 1em .5em .5em .5em;
}