body{
  background: white none;
  margin: 0;
  }

/* IE, don't do pos: fixed */
#sidebar{ position: absolute;}
/* other browsers ok */
html>body #sidebar{
  position: fixed;
}
#sidebar{
  top: 0;
  left: 0;
  width: 12em;
  margin: 1em 1em;
  text-align: right;
  }
#main{
  width: 30em;
  margin-left: 16em;
  padding-bottom: 4em;
  }
.storylist{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#main p{
  line-height: 1.2;
  }
.storylist li{
  margin: 1.5em 0;
}
.storylist p{
  margin: 0.5em 0;
  }  
span.author {
  margin-right: 0.33em;
  }
.storylist h2, .storylist h3{
  margin: 0.1em 0;
}
.storylist h3:before{
  content: url(heart.png);
  margin-right: 0.25em;
}
h3+.summary, h3+.excerpt{
  border-top: 1px dashed #CCC;
  padding-top: 0.1em;
}
h2{ font-size: 125%;}
h3{ font-size: 100%;}
h4{ font-size: 100%;}
h2 .codes, h2 .storycodes{
  font-size: 80%;
}
/* Definition lists */
dt{
  margin-top: 1em;
  }
dd{
  margin: 0.3em 0 0.3em 1em;
}
/* Icons for Joe's Guide - Contents */
#contentspage dl{
  margin-left: 2em;
}
#contentspage .html-file, #contentspage .zip-file{
  display: list-item;
  margin-left: 1em;
}
#contentspage .html-file{
  list-style-image: url(htmlfile.png);
}
#contentspage .zip-file{
  list-style-image: url(zipfile.png);
}

.codes, .storycodes{
  color: rgb(33%,33%,33%);
  }
.codes, .storycodes{
  font-style: italic;
  white-space: nowrap;
  }

/*  Menu  */
#sidebar{
  font-size: 95%;
  }
#menu{
  padding: 0;
  margin: 0;
  list-style: none;
  }
#menu li{
  margin: 0.5em 0;
  }    
#menu a{
  color: gray;
  }
#sidebar fieldset{
  border: 0 none !important;
}
#toggler{
  margin-top: 2em;
  text-align: left;
  font-size: 95%;
}
#toggler label{
  display: block;
}

/* Links page */

#linkspage #main h2{ margin: 1em 0; font-size: 130%;}
#linkspage #main h3{ margin-bottom: 0.25em; color: gray;}
#linkspage #main h3+p{ margin: 0 0 1em 0;}
#linkspage #main h3+p:before{ content: url(heart.png); margin-right: 2px;}
#linkspage img#pic{ margin: 1em 0; border: 1px solid #333333;}