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

@media screen, print {
  h1,h2,h3,h4,h5 { font-family:'Pirata One', serif }
  
  h1 { font-size:3em; }
  
  h2 { font-size:2.2em; }
  
  h3 { font-size:1.9em; }
  
  h4 { font-size:1.5em; }

  h3.ititle { margin-top:1em; }
  
} /* @media screen, print */

@media screen {
  /* color scheme */
  body       { background:black url(../backgrounds/nebula.jpg); }
  
  h3 a:link     { color:#ffe; text-decoration:underline; }
  h3 a:visited  { color:#bb9; text-decoration:underline; }
  h3 a:focus    { color:#dda; text-decoration:underline;  }
  h3 a:hover    { color:#dda; text-decoration:underline;  }
  h3 a:active   { color:#dda; text-decoration:underline;  }
  
  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:#ffc; }
  
  .alone, .begin, .last,
  div.content h2, div.content h3
             { border-color:#ffc; }
  
  h1,h2,h3,h4,h5
             { color:#ffc; }
  
  .highlight { color:aqua; }
  
  dl.index { width:14em; }
  .content { margin-left:20em; }
  
  /* Paragraphs and Lists */
  h3.ititle { background:transparent; }
  
  /* special */
  .sidebar-button { color:white;
                    background:black;
                    border:1px solid #ffc;
                    padding:0.5em;
                    position:absolute;
                    top:0;
                    right:0; }
  
  div.sidebar     { border:1px solid #ffc;
                    font-size:0.8em;
                    color:aqua;
                    background:black;
                    padding:5pt;
                    width:40%;
                    display:none;
                    visibility:hidden;
                    position:absolute;
                    top:0;
                    right:2.1em; }
  
  div.sidebar h3  { margin-bottom:0;
                    margin-top:0;
                    padding-bottom:1em; }
  
  div.sidebar p   { border:none;
                    margin-bottom:0;
                    padding-left:0;
                    padding-right:0; }
} /* @media screen */

@media print {
  .sidebar-button, div.sidebar
            { visibility:hidden; display:none; }

  h3 a      { text-decoration:none; }

  h3.ititle { background:black; }
} /* @media print */