/* The Emperor Protects!" CSS, v0.5 */

html, body { background: #fffdf8; }

body { }

#border-l {position: relative; margin: 0; padding: 0; background: transparent url(/images/bkgd-heresy-l.gif) repeat-y;  }



#top { background: #37322c; border-bottom: 0; }
#top p { color: white; }

#leftnav { position: absolute; top: 29px; left:6px; width: 150px; background: white; border: 2px solid #37322c; border-width: 4px 0; padding:0; font-size: 75%;  z-index: 5; }


#leftnav li a { background: ddd; border-top: 1px solid #37322c; color: #37322c;}
#leftnav h3 a { border: 0; }
#leftnav li a.current { background: #bbb; color: white; text-decoration: none; }
#leftnav li a:hover { background: #999; color: white; text-decoration: none; }


#content { position: relative; margin: 11px 20px 20px 165px; background: transparent; padding: 0 20px 10px 20px; border: 4px solid #37322c; border-width: 4px 1px 1px 0; max-width: 790px; font-size: 85%; z-index: 5; background: transparent url(images/bkgd-heresy.jpg);}

a:link { color: #999; text-decoration: none; font-weight: bold; }
a:visited {color: #bbb; text-decoration: none; }
a:hover {text-decoration: underline; color: #777; }
a:active { text-decoration: underline; color: #ddd;}
a.current {color: #000; font-weight: bold;  }

p { }

.overline { border-color: #37322c; } 


h1, h2, h3, h4, h5 { color: #37322c; background: transparent; }
h1 { border-color: #37322c; border-bottom: 2px solid #37322c; }
h2 { border-color: #37322c; }

.card { position: relative; height: 525px; width: 370px; background: transparent url(images/sigil-border.gif) left top no-repeat;  float: left; }

.card img {position: relative; margin: 17px 0 0 7px; }

.clear {height: 1px; clear: both; }