@import url(./bard.css);
@import url(http://fonts.googleapis.com/css?family=Aguafina+Script);

@media screen, print {
  body {  }

   h1,h2,h3,h4,h5 { font-family:'Aguafina Script', serif; }
  
  .flavour   { font-style:italic; letter-spacing:0; }
  
  h2 { font-size:2.5em; }

  h3         { margin-bottom:0;
          margin-top:0;
		  padding-bottom:0;
          text-align:center;
		  font-size:2em; }

  h4         { margin-top:1em; margin-bottom:0; font-size:1.5em; }
  
  p.lines    { margin-left:0;
               margin-right:0; }

  p.last     { margin-bottom:1em; }
  
  p+h3 { margin-top:1em; }

  ol.class-abilities
             { list-style-type:upper-roman;
               padding-left:3em;
               padding-right:1em;
               text-align:justify; }

  ul.class li { margin-top:1em; }
  ul.class li:first-child 
             { margin-top:0em; }
    
  ul.class   { margin-left:0;
               padding-left:1.5em;
               list-style-type:disc;
               border:solid black;
               border-width:1px 0; } 
  
  table.classtable, 
  table.spelltable
             { border:1px solid black;
               margin-left:auto;
               margin-right:auto;
               text-align:center;
               font-size:0.9em; }
             
  table.classtable caption,
  table.spelltable caption
             { font-size:1.3em; 
               padding-top:1em;
               font-weight:bold; }
               
  table.classtable thead,
  table.spelltable thead
             { font-weight:bold; }
               
               
  table.classtable td:first-child + td,
  table.classtable td:first-child + td + td + td + td +td
             { text-align:left; }
               
  table.classtable td:first-child + td
             { white-space:nowrap; }
  
  tr.marked  { background:silver; }
} /* @media screen, print */

@media screen {
  /* Colour Scheme */
  body       { background:#ffa url(../backgrounds/parchment.jpg); 
               margin:0;
               padding:0;
               color:black; }
  
  a:link     { text-decoration: none; color:#ffc;}
  a:visited  { text-decoration: none; color:#aa7;}
  a:focus    { text-decoration: none; color:#cc9;} 
  a:hover    { text-decoration: none; color:#cc9;} 
  a:active   { text-decoration: none; color:#cc9;}
  
  .content a:link     { text-decoration: none; color:#722;}
  .content a:visited  { text-decoration: none; color:#611;}
  .content a:focus    { text-decoration: none; color:#944;} 
  .content a:hover    { text-decoration: none; color:#944;} 
  .content a:active   { text-decoration: none; color:#944;}
  
  dl.index   { border-color:#cc9; }
  
  dl.index dd,dl.index dt
             { background:transparent; }
             
  dl.content, 
  p.alone, p.begin, p.last,
  dl.content dt, h3.intro, ul.intro
             { border-color:black; }
  
  p, h4, h5, table.classtable, ul.class,
  ol.class-abilities
             { background:url(../backgrounds/w60.png); }
  
  h3, h4     { background:transparent; }
  
  /* Text and List Elements */
  h2{ margin-left:8em; margin-right:1.5em; }
  
  dl.index    { margin-top:2.3em;
                margin-left:4em;
                color:white;
                border:solid #ffc;
                border-width:1px 0;
                background:url(../backgrounds/b30.png);
                padding:0 0.5em; }
  
  dl.index dd ul ul
              { padding-bottom:0;
                font-size:0.95em;
                padding-left:1em; }

  dl.news dd  { border:solid black;
                border-width:1px 0; }
  
  /* Design */
  
  img#sakLogo { position:absolute;
                top:0;
                left:17em; }
  
  dl.news,
  .content    { padding-left:50px;
                margin-left:17em;
                margin-right:4em; }
  
  .container  { background:url(../backgrounds/sak-line.png) 17em 0px repeat-y;
                margin-bottom:0;
                padding-bottom:0;
                border:1px solid black;  }
  
} /* @media screen */

@media print {

  h2         { margin-top:0;
               padding-top:0; }

  h3         { margin-top:1.2em; }

  h3 a, h4 a { text-decoration:none; }
  
  img#sakLogo { display:none;
                visibility:hidden; }
  
} /* @media pint */