body{background-color: #000; color: #ddd; font-family: Georgia;}

a{color: #cf1c1c; text-decoration: none;}
a:hover{text-decoration: underline;}

h1{padding: .5em 0 .5em 0;}
h2{padding: 1.5em 0 .2em 0; border-bottom: 1px dashed #333; margin-left: -20px;}
h3{padding: 1.5em 0 .2em 0; margin-left: -10px;}
h4{padding: 1.5em 0 .1em 0; font-weight: normal; font-style: italic;}

ul{list-style-type: none; padding: 2px 0 4px 0; margin: 0 20px; // font-size: 90%;}
ul li{behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">—</span> ' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );}
ul li span.bullet {color: #666;}
ul>li{text-indent: -1.3em;}
ul>li:before {content: '\2014\a0'; color: #666;}