/* -*- Mode: indented-text -*- */

/*
 * Style sheet for Roel's stuff. 
 * O5tp5  Opera 5.5 Tech preview 5 for Linux
 * NS4    Netscape 4.76+ (forget this)
 * NS61   Netscape 6.1 or Mozilla 5.0
 * IE4    Internet Explorer 4 (or: IE5, IE55 etc.)
 * There will be a day that I don't have to test these all. I have a dream.
 *
 * Note that I set to specify Monotype/Microsoft TTF fontnames as
 * preferred. That's because, on the average default Linux setup, you
 * otherwise may end up with your browser picking the Adobe Postscript
 * fonts instead which scale very, very badly. Do yourself a favour and
 * get Microsoft's somewhere.
 */

* {
  background-color: #B7DCF9;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  Xfont-family: Arial, Helvetica, sans-serif; 
}


A:link {
  background-color: inherit;
  color: #14588C;
} 

A:visited {
  background-color: inherit;
  color: #1D86D7;  
}

H1 {
  font-size: 20px;
  font-weight: normal;
  padding-top: 12pt;
}

H2 {
  font-size: 18px;
  font-weight: normal;
  padding-top: 12pt;
}



H3 {
  font-size: 16px;
  font-weight: normal;
  padding-top: 12pt;
}

/* 
 * The idea is that you create a table with 2 columns, left and
 * right, and assign these respective classes to their cells.
 * We could do CSS2 formatting but I don't trust that for the
 * coming years.
 */

tr {
  padding-top: 3pt;
  padding-bottom: 3pt;
}

td {
  padding-top: 2pt;
  padding-bottom: 1pt;
}

.left {
  font-size: 14px;
  background-color: #3B9ADD;
  vertical-align: text-top;
  text-align: right;
  padding-right: 3pt;
}

.right {
  font-size: 14px;
  vertical-align: text-top;
  padding-left: 8pt;
  
}

.smallish {
  font-size: 10px;
}

/* for definition lists */
dt {
  font-style: italic;
}

/* You must explicitly inherit the bg color to use italic in the 
left column */
i {
  background-color: inherit;
  font-style: italic;
}

.center {
  horizontal-align: center;
}