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


/* ********************************
   disappearing reappearing classes
   ******************************** 
   PLEASE NOTE
   -----------
   these rules are numbered and need to stay in order so that
   the javascript to make the online neweletter stuff appear
   and disappear will work.  They also have to be first.

  The actual appearance and such of these classes is implemented
  below, but they are "declared" here for ease of reference.  
  Text-decoration is set to none as a nonsense attribute because
  browers (like safari) don't count the empty rules.
*/
/* stuff in file a */
/* 0 */  .events { text-decoration: none; }
/* 1 */  .fine-print { text-decoration: none; }
/* 2 */  .ad { text-decoration: none; }
/* 3 */  .news { text-decoration: none; }
/*     articles  */
/* 4 */  #e101 { text-decoration: none; }
/* 5 */  #masq { text-decoration: none; }
/* 6 */  #fam { text-decoration: none; }


/* ****************************** */
/* basic appearance for all pages */
/* ****************************** */

/* stuff in old body tag */
body { color: #99CCFF; background: #000000 url(mystars.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;  } /* midnight rambler logo */
.print-head { display: none } /* Should contain (mostly text) info similar to what would have been discovered in the title, url, and web header.  And the page numbers.  */ 

/* 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; }
.events { }
.fine-print { }
.footnote { font-size: 80%; } 
.sig { font-style: italic; }

/* ************************* */
/* 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); }

/* make player ads stand out more */
#corin { color: #FF0000; background-color: #000033; }

/* have engels letter indented differently */
#masq p + p { text-indent: 1.5em; }
#masq .sig { text-indent: 0em; padding: 1em; }