@import url(./bard.css);
@import url(./text.css);
@import url(http://fonts.googleapis.com/css?family=Smythe);
@import url(http://fonts.googleapis.com/css?family=Kotta+One);

@media screen, print {
  h1,h2,h3,h4,h5 { font-family:Smythe; }
  
  h2 { font-size:2.5em; }
  
  h3 { font-size:2em; }
  
  h4 { font-size:1.5em; }

  div.content h3
             { border-top:1px solid maroon;
               padding-top:3px;
               margin-top:0;
               margin-bottom:0;
               text-align:center; }
  
  div.content h3 + p.alone,
  div.content h3 + p.begin
             { border-top:none;
               margin-top:0;
               padding-top:1em; }
               
  h4.subtitle { margin-bottom:0; font-family:Smythe; }
  
  h4.subtitle + p.begin
              { border-top:none;
                padding-top:1em; }
  
  h4.rules    { margin-top:1em; }
  
  p.penta     { background:transparent;
                margin:1em;
                text-align:center; }
  
  p.quote     { text-align:center;
                font-size:0.95em; }
  
  p.quote em   { font-family:'Kotta One', serif; font-style:normal; }
  
  
  p.lyrics    { margin-bottom:1em;
                padding-left:3em;
                padding-right:3em; }
               
  /*span.death  { text-transform:capitalize; }*/
  span.death  { text-transform:uppercase;
                font-size:0.9em; }
} /* @media print,screen */

@media screen {
  /* color theme */
  body       { background:#300 url(../backgrounds/redstone.jpg); }
  
  a:link     { color:#ff0; text-decoration:none; }
  a:visited  { color:#bb0; text-decoration:none; }
  a:focus    { color:#ff5; text-decoration:none; } 
  a:hover    { color:#ff5; text-decoration:none; } 
  a:active   { color:#ff5; text-decoration:none; }
  
  dl.index   { border-color:maroon; }
  
  .alone, .begin, .last,
  div.content h2, div.content h3
             { border-color:maroon; }
  
  h1, h2, h3, h4
              { color:yellow; }
  
  dl.index    { width:13.5em; }
  .content    { margin-left: 19.5em; }
  
  .highlight  { color:aqua; }
  
  p.looks, dl.spell,
  dl.stat-block-top,
  dl.stat-block-middle,
  dl.stat-block-bottom 
             { border-color:#cc9; }
  
  dl.spell dt,
  dl.stat-block-top dt,
  dl.stat-block-middle dt,
  dl.stat-block-bottom dt { color:white; }
  
  /* Text and List Elements */
  div.content h3
             { background:url(../backgrounds/b30.png); }
  
  h4.rules   { background:transparent; }
  
  p.quote    { color:aqua; }
  
} /*@ media screen */

@media print {
  p.quote    { color:maroon; }

  .highlight { color:maroon; }
  
  h4.rules   { background:black;
               padding-top:2px; }
} /* @media print */