@import url(./bard.css);
@import url(./stat-block.css);
@import url(http://fonts.googleapis.com/css?family=MedievalSharp);

@media screen, print {
  /* Lists and Paragraphs */
  h1,h2,h3  { font-family: MedievalSharp, serif; }
  h1 { font-size:2.5em; }
  h2 { font-size:2em; }
  h2 img { margin-right:0.5em; }
  
  h1 { margin-left:117px;
       margin-right:115px;
       margin-top:0.5em;
       margin-bottom:0.5em; }
  
  h3 { margin-bottom:0;
       margin-top:1em; }
  
  p.compact  { text-indent:2em;
               padding-top:0;
               padding-bottom:0; }
  
  ul.monster { padding-left:2em;
               padding-right:1em; }
} /* @media screen, print */

@media screen {
  /* Colour Scheme */
  body   { background:#333 url(../backgrounds/bones.gif); }
  
  h1,h2,h3 { color:#ffc; border-color:#cc9; }
  h3            { background:transparent; }

  a:link     {text-decoration:none; color:#ffc;}
  a:visited  {text-decoration:none; color:#aa7;}
  a:focus    {text-decoration:underline; color:#cc9;}
  a:hover    {text-decoration:underline; color:#cc9;}
  a:active   {text-decoration:underline; color:#cc9;}
  
  dl.index   { border-color:#cc9; width:13em; }
  
  .content   { margin-left:19em; }
  
  .alone, .begin, .last,
  div.content h2, div.content h3
             { border-color:#cc9; }
  
  strong     { color:#ffc; }
  
  p.looks, dl.spell,
  dl.stat-block-top,
  dl.stat-block-middle,
  dl.stat-block-bottom 
             { border-color:#cca; }
  
  dl.spell dt,
  dl.stat-block-top dt,
  dl.stat-block-middle dt,
  dl.stat-block-bottom dt { color:#ffc; }
  
  ul.monster { background:url(../backgrounds/b30.png); }
} /* @media screen */