/* === Stylesheet for Peter Diefenbach Homepage === */

/* --- Global layout --- */
body {
  background: white url(images/P9270090-c1v.jpg) repeat-y fixed left top;
  color: black;
  font-family: "Times New Roman", serif;
}
div#menusitemap {
  width: 110px;
  height: auto;
  left: 0px;
  top: 20px;
  border-right: 1px dotted #99f;
}
div#centercontent {
  /* position: absolute; - it works without, but with it has strange effects on IE */
  top: 0px;
  margin-left: 110px;
}
@media screen {
  div#menusitemap {
    position : fixed;
  }
  * html div#menusitemap { /* Hack for IE */
    position : absolute;
  }
}
/* For small screens list sitemap on top, don't waste real estate on the left. */
@media handheld, tty
{
  body {
    background: white;
  }
  div#menusitemap {
    position: static;
    width: 100%;
    top: auto;
    left: auto;
  }
  div#centercontent {
    position: relative;
    margin-left: auto;
  }
  img.campaign { display: none; }
}
/* For printers completely omit the sitemap and other noisy stuff. */
@media print
{
  body {
    background: white;
  }
  div#menusitemap {
    display: none;
  }
  div#centercontent {
    position: relative;
    margin-left: auto;
  }
  img.campaign { display: none; }
}
div.menu {
  padding: 2px;
  text-align: left;
  font-size: 11px;
  font-family: Tamoha, Arial, sans-serif;
  margin: 0px;
}
.contents {
  padding: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  text-align:left;
}

div.menuTitle     { font-weight: bold; }
div.menuContent   { }
span.menuLevel0   { width:  80px; padding-left:  0px; }
span.menuLevel1   { width:  80px; padding-left:  8px; background: url(images/bulletNeu1.gif) no-repeat 0 0; }
span.menuLevel2   { width:  80px; padding-left: 13px; background: url(images/bulletNeu2.gif) no-repeat 0 0; }
span.menuLevel3   { width:  80px; padding-left: 18px; background: url(images/bulletNeu3.gif) no-repeat 0 0; }
span.menuSelected { color: black; }
span.menuUnselected { color: blue; }

div.menuContent a:link     { color: blue;  }
div.menuContent a:visited  { color: purple; }
div.menuContent a:focus    { color: red; }
div.menuContent a:hover    { color: red; }
div.menuContent a:active   { color: red; }

ul.menuContent                { margin: 0px; padding: 0px; }
ul.menuContent li             { margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px; list-style-image: url(images/bulletNeu1.gif); }
ul.menuContent li ul          { margin: 0px; padding: 0px; }
ul.menuContent li ul li       { margin: 0px 0px 0px  0px; padding: 0px 0px 0px 7px; list-style-image: url(images/bulletNeu2.gif); }
ul.menuContent li ul li ul    { margin: 0px; padding: 0px; }
ul.menuContent li ul li ul li { margin: 0px 0px 0px  0px; padding: 0px 0px 0px 0px; list-style-image: url(images/bulletNeu3.gif); }

img.menusitemapTitleDecorator { text-align:left; vertical-align:middle; }
img.campaign     { float:right; border:0; width:88px; height:31px; }
hr#footer        { }

/* --- Style useful for all pages --- */
table.centered     { margin-left: auto; margin-right: auto; text-align: center; }
p.centered         { text-align: center; }
dl.spacedEnum dt   { margin-top: 1ex; }
dl.dtbold dt       { margin-top: 1ex; font-weight: bold; }
span.error         { color: red; }
div.headingImg     { text-align: center; }
div.frameApplet    { text-align: center; }
p.musicPlayer      { text-align: center; }
img.noborder       { border:0; }
a.extLink          { }
span.extLink       { padding-left: 11px; background: url(images/extlink.gif) no-repeat 0 0; }
span.extLinkFake   { padding-left: 11px; background: url(images/extlink.gif) no-repeat 0 0; }
h2#tocHeading      { background: url(rpg/images/book16.png) no-repeat center right; }
.noTopBottomMargin { margin-top: 0px; margin-bottom: 0px; }
/*
ul#toc                 { }
ul#toc li              { }
ul#toc li ul           { }
ul#toc li ul li        { }
ul#toc li ul li ul     { }
ul#toc li ul li ul li  { }
 */
h2.recipe          { background: url(rpg/images/cookcap16.png) no-repeat center right; }
h3.recipe          { background: url(rpg/images/cookcap12.png) no-repeat center right; }
ul.recipe li       { list-style-image: url(rpg/images/cookcap16.png); }
ul.recipe li ul li { list-style-image: url(rpg/images/cookcap12.png); }
h2.quote           { background: url(rpg/images/feather16.png) no-repeat center right; }
h3.quote           { background: url(rpg/images/feather12.png) no-repeat center right; }
h4.quote           { background: url(rpg/images/feather12.png) no-repeat center right; }
ul.quote li        { list-style-image: url(rpg/images/feather16.png); }
ul.quote li ul li  { list-style-image: url(rpg/images/feather12.png); }
h2.rpg             { background: url(rpg/images/axe16.png) no-repeat center right; }
h3.rpg             { background: url(rpg/images/axe12.png) no-repeat center right; }
h4.rpg             { }
ul.rpg li          { list-style-image: url(rpg/images/axe16.png); }
ul.rpg li ul li    { list-style-image: url(rpg/images/axe12.png); }
ul.poem li         { list-style-image: url(rpg/images/feather16.png); }
ul.poem li ul li   { list-style-image: url(rpg/images/feather12.png); }
h2.bookmarks       { background: url(rpg/images/book16.png) no-repeat center right; }
h3.bookmarks       { background: url(rpg/images/book12.png) no-repeat center right; }
ul.tocBookmarks li       { list-style-image: url(rpg/images/book16.png); }
ul.tocBookmarks li ul li { list-style-image: url(rpg/images/book12.png); }

/* --- Style used on CV --- */
table.cvSchools    { }
tr.cvSchools       { }
td.cvSchoolsWhen   { vertical-align:top; }
td.cvSchoolsWhere  { vertical-align:top; }

/* --- Style used for poems --- */
table.poemInv      { }
tr.poemInv         { }
td.poemInvBest     { text-align: center; }
td.poemInvTitle    { text-align: left; }
td.poemInvCategory { text-align: left; }
td.poemInvDate     { text-align: right; }
h2.poemTitle       { background: url(rpg/images/feather16.png) no-repeat center right; }
h3.poemTitle       { background: url(rpg/images/feather16.png) no-repeat center right; }
div.poemDate       { float:right; text-align:right; margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }
blockquote.poem    { }

/* --- Style used for music --- */
table.musicInv      { }
tr.musicInv         { }
td.musicInvBest     { text-align: center; }
td.musicInvTitle    { text-align: left; }
td.musicInvDate     { text-align: right; }
td.musicInvDuration { text-align: right; }
td.musicInvFileSize { text-align: right; }
td.musicInvQuality  { text-align: center; }

/* --- Style used for quotes --- */
div.disclaimer   { font-size: smaller; }
div.quote        { padding-top: 1ex; padding-bottom: 1ex; }
div.quoteend     { border-top: thin groove gray; }
span.source      { margin-left: 5em; font-size: smaller; }
span.explanation { margin-left: 5em; font-size: smaller; font-style: italic; }
ol.upper-roman   { list-style-type: upper-roman; }
ol.lower-roman   { list-style-type: lower-roman; }

/* --- Style used for Atari 8bit pages --- */
img.titleAtariLogo { float:right; height:32px; }
dt.gametitle {
  margin-top: 1ex;
  font-weight: bold;
  color: black;
  background: silver;
  border-top: solid thin black;
}
img.gametitle { float:right; height:16px; }
dt.section    { font-style: italic; }
table.usage   { /*border: solid thin silver;*/ }
tr.usage      { /*border: solid thin silver;*/ }
td.usageKey   { /*border: solid thin silver;*/ color: teal; background: white; }
td.usageValue { /*border: solid thin silver;*/ }

/* --- Style used for pictures --- */
img.thumbnail { border:0; }
td.thumbnail  { width:40px; height:40px; text-align: center; }

/* --- Style used for recipes --- */
tr.ingredient { font-weight: bold; border: 0px; }
tr.action     { font-weight: normal; border: 0px; }
td.amount     { min-width: 6em; text-align: right; }
td.unit       { min-width: 6em; text-align: left; }
td.ingredient { text-align: left; }
td.actiontab  { }
td.action     { padding-left: 3em; }

div.ingredient    { clear: left; margin-top: 0ex; font-weight: bold; }
div.action        { clear: left; margin-top: 0ex; margin-left: 9em; }
div.amountAndUnit { float: left; min-width: 6em; overflow: visible; text-align: right; }
* html div.amountAndUnit { width: 6em; }
span.amount       { }
span.unit         { }
span.ingredient   { padding-left: 0.5em; text-align: left; }

/* --- Style used for RPG adventures --- */
body.rpg            { background: #804000; color: yellow; }
body.rpg a:link     { color: white;  }
body.rpg a:visited  { color: #FFA080; }
body.rpg a:focus    { color: red; }
body.rpg a:hover    { color: red; }
body.rpg a:active   { color: red; }

body.rpg p          { margin-top: 0.5ex; margin-bottom: 0.5ex; }
body.rpg h2         { background: url(rpg/images/axe16.png) no-repeat center right; }
body.rpg h3         { background: url(rpg/images/axe12.png) no-repeat center right; }
body.rpg div#menusitemap {
  width: 110px;
  height: auto;
  left: 0px;
  top: 20px;
  border-right: 0px;
}
body.rpg div.menuTitle        { font-weight: bold; }
body.rpg div.menuContent      { }
body.rpg div.menuEntry        { margin-top: 0px; margin-bottom: 0px; width: 100px; height: 25px; vertical-align: center; }
body.rpg div.menuUnselectedL1 { padding: 2px  8px 4px; background: url(rpg/images/plate11e.png) no-repeat; }
body.rpg div.menuUnselectedL2 { padding: 2px 13px 4px; background: url(rpg/images/plate12e.png) no-repeat; }
body.rpg div.menuHeadingL1    { padding: 2px  8px 4px; background: url(rpg/images/plate11e.png) no-repeat; }
body.rpg div.menuSelectedL1   { padding: 2px  8px 4px; color: yellow; background: url(rpg/images/plate11es.png) no-repeat; }
body.rpg div.menuSelectedL2   { padding: 2px 13px 4px; color: yellow; background: url(rpg/images/plate12es.png) no-repeat; }
body.rpg div#menusitemap a    { display: block; }

p.doctitle          { text-align: center; font-weight: bold; font-size: 200%; }
p.doctitleauthor    { text-align: center; font-weight: bold; font-size: 120%; }
p.doctitlesub       { text-align: center; font-weight: bold; font-size: 120%; }
div.info            { background: gray; color: black; }
span.chapterNum     { padding-right: 1em; }

div.contentC            { background: #FFFFD0; color: black; padding-top: 1ex; padding-bottom: 1ex; }
div.contentC a:link     { color: #804000; }
div.contentC a:visited  { color: #C04000; }
div.contentC a:focus    { color: red; }
div.contentC a:hover    { color: red; }
div.contentC a:active   { color: red; }
div.contentC table      { color: black; }

@media screen {
  div.contentL { background: url(rpg/images/scrolll.png) repeat-y left;  padding-left: 24px; }
  div.contentR { background: url(rpg/images/scrollr.png) repeat-y right; padding-right: 24px; }
}
p.fairytale:first-letter { font-size:180%; color:#808000; background:#FFFF70; font-family: "Apple Chancery", "Zapf Chancery", serif; }
p.fairytale              { font-family: "Apple Chancery", "Zapf Chancery", serif; }

/* body#dsaDrachental div.fairytaleCenter { background: url(rpg/drachental/amulett.png) no-repeat center top; } */
span.myindex        { font-weight:bold; }


/* Text that can be read to the players aloud: */
p.infoReadAloudIntro{ background: #FFFFFF; color: black; font-style:italic; }
.infoReadAloud      { background: #FFFFFF; color: black; font-style:italic; }
div.infoReadAloud   { margin-top: 0px; margin-bottom: 0px; }

/* Info that can be offered to the players if they poke around: */
p.infoDetailIntro   { background: #FFFFB0; color: black; font-style:italic; margin-top: 0px; margin-bottom: 0px; }
.infoDetail         { background: #FFFFB0; color: black; }

/* Background info for the game master */
p.infoGMIntro       { background: #FFE4B0; color: black; font-style:italic; margin-top: 0px; margin-bottom: 0px; }
.infoGM             { background: #FFE4B0; color: black; border-left: 3px solid black; padding-left: 5px; }

div.note            { width: 20em; float: center; margin: 5px; border: black thin dashed; padding: 5px; }

table.attribs       { }
td.attribName       { text-align: left;  padding-left:  1em; margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }
td.attribValue      { text-align: right; padding-right: 1em; margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }

table.rumors        { }
td.rumorText        { vertical-align: top; }
td.rumorTruth       { vertical-align: top; }

table.properties th   { text-align: left; vertical-align: top; }
table.properties td   { text-align: left; vertical-align: top; }

table.changes         { color: green; }
table.changes tr      { margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }
table.changes th      { text-align: left; vertical-align: top; margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }
table.changes td      { text-align: left; vertical-align: top; margin-bottom:0ex; margin-top:0ex; padding-bottom:0ex; padding-top:0ex; }

table.history th      { border-bottom: 1px solid black; }
table.history td      { border-bottom: 1px solid gray; vertical-align: top; padding: 0.0em 0.5em; }
table.history td.when { text-align: right; }
table.history td.what { text-align: left;  }

table.translation th  { text-align: left; border-bottom: 1px solid black; }
table.translation td  { text-align: left; border-bottom: 1px solid gray; vertical-align: top; }

table.party th        { padding: 0.0em 0.5em; border-bottom: 1px solid black; }
table.party td        { padding: 0.0em 0.5em; border-bottom: 1px solid gray; vertical-align: top; text-align: left; }

span.meta             { color: green; }

.rpgMeta              { color: green; }
p.rpgDateRL           { color: green; font-weight: bold; text-align: right; margin-bottom: 0px; }
p.rpgDate             { text-align: right; margin-top: 0px; margin-bottom: 0px; }

/* --- That's it folks --- */