a:link {color:#a00;}

  a:visited {color:#815151;}

  a:hover, a.subfoot:hover, a.linknav:hover, a.sublinknav:hover {color:red;text-decoration:underline;}

  a:active {color:red;}

  body {
    margin:0;
    padding:0 50px 0 50px;
    background:#eee;
    margin-bottom:50px;
    color:#333;
    font-size:16px;
    font-family: /*"Lucida Grande", "Lucida Sans Unicode", "Gill Sans",*/ "Trebuchet MS", verdana, sans-serif;
    }
  
  
  .container {
    margin: 0 auto;
    background:white;
    border-left:1px solid #ccc; 
    border-right:1px solid #ccc; 
    border-bottom:1px solid #ccc;
    min-width: 500px;
    max-width: 800px;
  } * html .container { height: 1px; }

.container p {
  margin-bottom: 1em;
}
.skip {
  display: none;
}


  #sidebar {
    float: left;
    margin-bottom: 10px;
    width:170px;
    border-right:1px solid #ccc;
    font-size:0.8em;
    }

  #content {
    padding:10px;
    margin-left: 170px; 
    border-left:1px solid #ccc;
    min-height: 350px;
    } * html #content { height: 350px; }

h1 {
    font-size:1.8em;
    }
    
h2 {
    font-size:1.44em;
    color:#5e715e;
    }

h3 {
    font-size:1.22em;
    }
    
    
h1 a {
    font-weight:normal;
    text-decoration:none;
  }
    
#masthead h1, #masthead h2 {
    margin:1em .75em 1em .75em;
    line-height:100%;
    }

#masthead h2 {
  color: white;
}

  #masthead {
    background-color: #5e715e;
    border-bottom:1px solid #5e715e;
    padding-top:20px;
  }
  
  .pagetitle {
    font-size:150%;
    font-weight:bold;
  }

  .indent, .dent  {
    margin-left:20px;
    margin-right:20px;
  }
  
  a.subfoot, a.subfoot:link, a.subfoot:visited {
    font-size:11px;
    color:#666;
  }

  a.subfoot:hover {
    color:red;text-decoration:underline;
  }

  .footer {
    text-align: center;
    font-size:0.8em;
    margin-top:10px;
    margin-bottom:2px;
  }
  
#search {
  float: right;
}

.searchbox {
  width: 100px;
  background-color: rgb(238, 238, 238);
  font-size: 0.8em;
  font-family: verdana; 
  color: rgb(51, 51, 51);
}

.searchbutton {
  background-color: rgb(94, 113, 94); 
  color: white; 
  margin-right: 6px; 
  font-size: 0.8em; 
  font-family: verdana;
}
 
#wikiedit #text {
  width: 100%;
}

.message, .journal, .diary {
  padding: 3px;
  margin-bottom: .5em;
}

.message:nth-child(odd) {
  background-color: #f8f8f8;
}

.message:nth-child(even) {
  border-top: 1px dashed #e8e8e8;
  border-bottom: 1px dashed #e8e8e8;
}

.messageheader {
  float: right;
  font-size: 0.8em;
  background-color: #e8e8e8;
  border: 1px dotted;
  padding-left: 5px;
  padding-right: 5px;
  margin: -4px;
}
 
/* Navigation -----------------------------------------------------*/
.navigation {
  padding: 1em;
  text-align: center;
}

#navigation {
  width: 100%;  /* hack for opera7 */
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color:#8EA48E;
  padding: .2em 0em .2em 0em;
  font-family: arial, helvetica, sans-serif;
}

#navigation p {
  display: inline;
}

#navigation a {
  margin: 0;
  margin-left: -1px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  text-decoration: none;
  padding: .2em 1em .2em 1em;
  color: white;
}
  
#navigation a:hover {
  background: #369;
  color: #fff;
  }
  
#navigation b {
  display: none !important;
  }

#navigation strong {
  display: none !important;
  }


.pageactions
{
  text-align: right;
  padding: 0;
  margin: 0;
  margin-top: 1px;
  background: #FFA;
}

.pageactions a {
  border: 1px solid #8F8E82;
  padding-right: 0.5em; 
  padding-left: 0.5em;
  display: inline;
  text-decoration: none;
  font-weight: bold;
  font-variant: small-caps;
  color: #772;
  background: #FFA;
}
  
.pageactions a:hover {
  background: #FFA850 center center;
  color: #FFA;
  }
  
.pageactions b {
  display: none !important;
  }

.pageactions strong {
  display: none !important;
  }

.pageactions p {
  margin-bottom: 0;
}

pre {
    background-color:#F1F1DE;
    border: 1px solid #CCCC99;
  }

  .pullout {
    float:right; 
    display:block;
    width:35%;
    border:1px dotted #ccc; 
    margin:10px; 
    padding:6px;
  }
  
  pre {
    margin-left: 5px;
    margin-bottom: 1em !important;
    }
    
  dt { margin-left: 14px; font-weight: bold;}
  
    .textbox { background-color:#F1F1DE; border: 1px solid #CCCC99; padding: .5em; }

#pageheader { margin-bottom: 1em; }

#content ul li {
    margin:0;
    padding:0 0 .5em 0;
    line-height:1.3em;
  }

.titleline {
    border-bottom:1px dotted #ccc;
  }
  
.rss {
  color:white;
  background-color:#FF6600;
  border-color:#FF6600;
  border-style: outset;
  text-decoration:none !important;
  margin:0px;
  padding:2px 5px 2px 5px;
  border-width:2px;
  font-family:verdana, sans-serif;
  font-weight:bold;
  }
    
.rss:hover {
  background-color: #FF9900
  }
  
.rss:active {
  border-style:inset !important;
  }
  
#sidebar ul {
  margin: 0px 14px 0px 14px;
  padding-left: 0;
  list-style: none;
}

#sidebar li {
  margin:2px;
}

#sidebar li a {
    width: 100%;
    color:#5E715E;
  }

#sidebar li a:hover {
    color:red;
    text-decoration:underline;
    }

#sidebar li li li {
    display: none;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
    margin: 0;
    padding: 0;
}

#subnav li a {
    color:#5E715E;
    font-weight:bold;
    text-decoration:none;
  }
  
#subnav li a:hover {
    color:red;text-decoration:underline;
  }
  
#subnav li {
  margin-top:0px;
  margin-bottom:8px;
}

#subsubnav li a {
    color:#5E715E;
    font-weight:normal;
    text-decoration:underline;
  }
  
#subsubnav li a:hover {
    color:red;text-decoration:underline;
  }
  
#subsubnav li  {
  margin-top:4px;
  margin-bottom:4px;
}

hr {
  display:none;
}

#content hr {
  display: block;
  height: 2px;
  border: 0;
  border-bottom: 1px solid;
  width: 80%;
}

.codeform {margin:0;padding:0;}

.codetext {
  width:100%;
  height:35px;
  border:none;
  background-color:#ffc;
}

th {
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-size:1.07em;
  padding:4px;
}

.copyright {
  padding: 1em;
}

.sourcecode {
    font-family: Courier;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    color: black;
}

.code-comment { color: #505050; }
.code-quote   { color: green; }
.code-type1  { color: blue; }   /* keywords */
.code-type2  { color: blue; }   /* data types */
.code-type3  { color: maroon; } /* preprocessor */

.thumb {
  margin: 2px;
}

.wikitrail {
  text-align: center;
}

.centre {
  text-align: center;
}

.center {
  text-align: center;
}

.border {
  padding: 5px;
  border: 1px solid #000;
  background-color: #ff9;
}

.commentbox textarea {
  width:100%;
  height:100%; 
}