/*
    Styles for Heroic Misadventures
*/

body { color: #000000; background: #808080 url(../images/layout/bg-page.jpg) top left no-repeat; margin: 0; padding: 0; font-family: Garamond, Georgia, serif; }

h1 { margin-top: 80px; margin-left: 180px; margin-right: 0px; margin-bottom: 0px; width: 540px; height: 0px; padding-top: 170px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; color: #000000; background: url(../images/layout/hm.jpg) top left no-repeat; }
h2 { margin-top: 0px; margin-left: 180px; margin-right: 0px; margin-bottom: 0px; width: 540px; height: 0px; padding-top: 40px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; color: #000000; background: url(../images/layout/rm.jpg) top left no-repeat; }

p#quote { margin-top: 15px; margin-bottom: 0px; margin-right: 0; margin-left: 180px; padding: 0; width: 510px; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; color: #000000; height: 50px; text-align: center; font-size: 12pt; font-weight: normal; }
span.quotepage { white-space: nowrap; }

li { padding-bottom: 0.75em; }

ul#mainmenu { margin-top: 60px; margin-bottom: 20px; margin-right: 0; margin-left: 280px; width: 240px; padding-top: 0px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px; color: #000000; background: url(../images/layout/bg-menu.jpg) top left no-repeat; list-style: none; }
ul#mainmenu li { margin: 0; padding: 0; list-style: none; }
ul#mainmenu a { display: block; height: 27px; width: 201px; padding-top: 9px; padding-bottom: 9px; padding-left: 26px; padding-right: 13px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 13px; line-height: 27px; text-align: center; color: #555555; background: url(../images/layout/bg-menu-item.gif) top left no-repeat; text-decoration: none; font-size: 1.4em; }
/*
ul#mainmenu { margin-top: 70px; margin-bottom: 20px; margin-right: 0; margin-left: 280px; width: 240px; padding-top: 0px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px; color: #000000; background: url(../images/layout/bg-menu.jpg) top left no-repeat; list-style: none; }
ul#mainmenu li { margin: 0; padding: 0; list-style: none; }
ul#mainmenu a { display: block; height: 45px; width: 240px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 13px; padding: 0; line-height: 45px; text-align: center; }

ul#mainmenu li#purchase a { overflow: hidden; height: 0; padding-top: 45px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: url(../images/menu/purchase.gif) top left no-repeat; }
ul#mainmenu li#books a { overflow: hidden; height: 0; padding-top: 45px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: url(../images/menu/books.gif) top left no-repeat; }
ul#mainmenu li#yourreview a { overflow: hidden; height: 0; padding-top: 45px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: url(../images/menu/yourreview.gif) top left no-repeat; }
ul#mainmenu li#contact a { overflow: hidden; height: 0; padding-top: 45px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: url(../images/menu/contact.gif) top left no-repeat; }
*/

ul#menu { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 375px; }
ul#menu li { margin: 0; padding: 0; list-style: none; width: 250px; float: left; }
ul#menu a { display: block; height: 27px; width: 201px; padding-top: 9px; padding-bottom: 9px; padding-left: 26px; padding-right: 13px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 13px; line-height: 27px; text-align: center; color: #555555; background: url(../images/layout/bg-menu-item.gif) top left no-repeat; text-decoration: none; font-size: 1.4em; }

div#content { margin-top: 135px; margin-bottom: 20px; margin-right: 0; margin-left: 180px; width: 500px; padding: 19px; max-height: 360px; overflow: auto; color: #000000; background: url(../images/layout/bg-content.png) top left repeat; border: 1px solid #20110d; }
div#content h3 { margin-top: 0; }

table.appendix td { padding-bottom: 0.75em; vertical-align: top; }
table.appendix td.page { white-space: nowrap; padding-left: 0.5em; }


@media print
{
  page { color: #000000; background: #ffffff; }
  h1 { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  h2 { color: #000000; background: #ffffff; padding: 0; width: auto; height: auto; margin-top: 0.25em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }
  p#quote { color: #000000; background: #ffffff; padding: 0; width: auto; height: auto; border: none; text-align: left; margin-top: 0.25em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }
  ul#mainmenu { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  ul#mainmenu li { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  ul#mainmenu a { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; line-height: 125%; text-align: left; }
  ul#mainmenu li#purchase a { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  ul#mainmenu li#books a { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  ul#mainmenu li#yourreview a { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  ul#mainmenu li#contact a { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; }
  div#content { color: #000000; background: #ffffff; margin: 0; padding: 0; width: auto; height: auto; border: none; }
}