body { 
  background: #336;
  font-family: sans-serif, serif;
  text-align: center;
  color: #EEE;
}

p#heading {
  padding: 15px 0 5px; 
  text-align: center; 
  width: 80%;
  margin: 1em 10% 2em;
  color: #CCC; 
  letter-spacing: 0.5em; 
  text-transform: lowercase; 
  font: bold 25px sans-serif; 
  height: 28px; 
  vertical-align: middle; 
  white-space: nowrap;
  border-top: 3px dashed #99B;
  border-bottom: 3px dashed #99B;
}

p#backtop { 
  top: 0;
  left: 0;
  margin: 0;
  background: #66B url(images/backtopcorner.png) bottom right no-repeat;
  float: left; 
  margin: -1px 0 0 -1px;
  padding: 3px 2em 3px 1em;
  vertical-align: middle; 
  text-align: center; 
  font-size: 110%; 
  color: #CCC;
  font-weight: bold;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: absolute; /* IE fix */
}
p#backbottom { 
  left: 0;
  margin:  10px 0 0 -10px;
  background: #66B url(images/backbottomcorner.png) top right no-repeat;
  float: left; 
  padding: 3px 2em 3px 1em;
  vertical-align: middle; 
  text-align: center; 
  font-size: 110%; 
  color: #CCC;
  font-weight: bold;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: absolute; /* IE fix */
}

div.title { 
  background: #66B url(images/corner.png) top left no-repeat;
  float: left; 
  width: 150px; 
  margin: -1px 0 0 -1px;
  padding: 3px 1em 3px 1em;
  vertical-align: middle; 
  text-align: center; 
  font-size: 110%; 
  color: #CCC;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #336;
  border-left: 1px solid #336;
  border-width: 1px 1px 1px 0;
  font-weight: bold;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: relative; /* IE fix */
}

div.caption { 
  background: #222 url(images/captioncorner.png) top left no-repeat;
  text-indent: 5px;
  text-align: left;
  letter-spacing: .05em;
  margin: 0 0 10px 185px;
  height: 1.2em;
  padding: 3px 1em 3px 1em;
  letter-spacing: .1em;
}

div.subtitle { 
  background: #446 url(images/subcorner.png) top left no-repeat;
  float: left; 
  width: 200px;
  margin: -1px 0 0 -1px;
  padding: 3px 1em 3px 1em;
  text-align: center;
  border-bottom: 1px solid #99B;
  border-right: 1px solid #99B;
  border-top: 1px solid #000;
  border-width: 1px 1px 1px 0;
  font-weight: bold;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: relative; /* IE fix */
}

/*
div.subtitle a { 
  
}
div.subtitle a:link {
  color: white;
}
div.subtitle a:visited {
  color: #BBC;
}
div.subtitle a:link:hover {
  color: #FF0;
}
div.subtitle a:visited:hover {
  color: #CC0;
}
*/

div.subcaption { 
  background: #224 url(images/subcaptioncorner.png) top left no-repeat;
  text-indent: 5px;
  text-align: left;
  letter-spacing: .05em;
  margin: 0 0 10px 235px;
  height: 1.2em;
  padding: 3px 1em 3px 1em;
}
div.section { 
  text-align: left;
  width: 80%;
  margin: 1em 10% 2em;
  background: #000;
  border: 1px solid #999;
  float: bottom; 
  position: relative; /* IE fix */
  background: #000 url(images/sectioncorner.png) bottom right no-repeat;
}
div.subsection { 
  text-align: left;
  width: 90%;
  margin: 1em 5% 2em;
  background: #002;
  border-top: 1px solid #668;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  border-left: 1px solid #668;
}

div.code { 
  text-align: left;
  margin:  1em 10% 2em;
  width: 80%;
  font-family: monospace;
  font-size: 12pt;
  background: #DD9;
  color: #009;
  border-left: 2px dotted #999;
  border-bottom: 1px solid #EEE;
  border-top: 1px solid #EEE;
  border-right: 2px dotted #999;
}

div.box { 
  text-align: left;
  margin:  1em 10% 2em;
  width: 80%;
  font-family: monospace;
  font-size: 12pt;
  background: #002;
  color: #EEF;
  border: 1px solid #900;
}

pre { 
  text-align: left;
  margin: 5px 30px 5px 30px;
  padding: .5em 1.5em .5em .5em;
  color: #EEE;
  background: #111;
  border: 1px dotted #900;
}

p { 
  text-align: left;
  margin: 0 5px 0 5px;
  padding: .5em .5em .5em .5em;
  border: none;
}
p.centered { 
  text-align: left;
  font-family: monospace;
  font-size: 11pt;
  margin: 10px;
  padding: 5px;
  background: #DD9;
  color: #009;
  border-left: 2px dotted #999;
  border-bottom: 1px solid #EEE;
  border-top: 1px solid #EEE;
  border-right: 2px dotted #999;
}

h2, h3, h4, h5, h6 { 
  text-align: left;
  width: 50%;
  margin: 10px 0 5px 0;
  padding: 0 0 0 0;
  border-bottom: 1px dashed #900;
}

b { 
  border-bottom: 1px dashed #900;
}

a.img, a.img:visited, a.img:hover, a.img:active {
  border: 0;
}

a:visited { 
  /* color: #B77; */
  color: #F91;
  border-bottom: 1px dotted #F00;
}
a:hover { 
  color: #E99;
  border-bottom: 1px dashed #E99;
}
a:active { 
  color: #FCC;
}
a { 
  color: #FF9;
  border-bottom: 1px dotted #F00;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1em;
}

img { 
  border: 0; 
}
img.rounded {
  float: left; 
  clear: left; 
  margin: -1px 0 0  -1px;
  height: 26px;
  width: 22px;
  position:relative;
  border-bottom: 1px solid #999;
  border-top: 1px solid #336;
  border-left: 1px solid #336;

}