/* ***********************************************************
   web.css
   the style sheet for web version of the midnight rambler
   css by Mary Wior
   ***********************************************************
*/



/* **************** */
/* basic appearance */
/* **************** */

/* stuff in old body tag */
body { color: #99CCFF; background: #000000 url(bsilk.jpg); }
a:link { color: #6699FF; text-decoration: none; font-weight: bold; }
a:visited { color: #6699FF; text-decoration: none; font-weight: bold; }
a:active { color: #FFFFFF; 
  text-decoration: underline; font-weight: bold; }
a:hover { color: #FFFFFF; 
  text-decoration: overline underline; font-weight: bold; }

/* diff headers/footers for print and web */
.web-head { position: relative; padding: 1em;  } 
.print-head { display: none } 

/* layout of contents and navigation */
#main { position: relative; top: 20px; left: 0; width: 99%; 
  border: none; 
  } 
#nav { 
  position: absolute; top: 0; left: 0; width: 23%; 
  padding: 0; margin: 1%;
  border: none;
 }
.display { 
  position: relative; top: 0; left: 24%; width: 75%;
  padding: 0; margin: 1%; 
  border: none; 
  } 


/* types of content (articles, ads, etc) */
.article { 
  border: none; 
  padding: .5em; margin: .2em; }
.article p { }  
.article h3 { 
  text-align: center; font-weight: bold; text-decoration: underline; }
.ad { text-align: center;
  border: double; margin: .5em; padding: .5em; }
.ad h3 { 
  font-weight: bold; font-style: italic; } 
.ad p { font-style: italic; }
.paid { color: #FF0000; background-color: #000033; }
.events { }
.fine-print { }
.footnote { font-size: 80%; } 
.sig { font-style: italic; }
.letter p + p { text-indent: 1.5em; }
.letter .sig { text-indent: 0em; padding: 1em; }

/* ************************* */
/* Stuff for specific places */
/* ************************* */

/* get the game listings all pretty */
#garou-games { position: absolute; top: 1.5em; left: 50%; width: 49%; 
  line-height: 23px; }
#garou-games li { list-style-image: url(white-paw.png); } 
#vamp-games { position: relative; top: 0; width: 49%; }
#vamp-games li { list-style-image: url(cam-icon.png); }