/* Stylesheet for Daishu Yu Long
 *
 * 2002-12-31: Todd Owen
 * - lovingly created
 * 2003-01-07
 * - added DIV.letter
 * 2003-01-09
 * - added SPAN.datestamp, DIV.linklist
 * 2003-01-23
 * - added TABLE.menu
 * 2002-01-30
 * - modifications to make it look right on Windows (meaning that
 *   now it looks wrong on my linux box).  Changes were:
 *     - from background colour #00bb00 to #00aa00
 *     - from H1 size 32pt to 26pt
 *     - from size 30pt in DIV.header to 24pt
 * 2003-02-10
 * - added SPAN.bigword, DIV.poem
 * 2003-05-13
 * - added P.subbyline
 * 2003-06-06
 * - added H3
 * 2003-06-17
 * - added comment_link
 * 2003-08-11
 * - added margin-top to H2.  But because of the way I've used tables
 *   to do some formatting, I had to fiddle with the first heading
 *   in links.php to get it to look right.
 * - added DIV.dt, DIV.dd
 * 2003-10-20
 * - just realised that IE is defaulting to monospaced text!  Added
 *   "font-family" to BODY.
 * 2003-10-23
 * - use A.article_link, instead of "DIV.contents A", because this
 *   was overriding A.comment_link
 * 2003-11-29
 * - added DIV.photo
 * 2004-01-17
 * - added .photo_caption
 * 2004-03-04
 * - added P.song_quote, TABLE.factoid
 * 2004-06-09
 * - added U.spacious
 * 2004-06-26
 * - added DIV.block_quote
 * 2004-10-09
 * - added prosy_heading
 * 2004-12-08
 * - added P.email, P.blurb
 * 2004-12-17
 * - .navigation now includes centering (to be effective, it needs
 *   to be used as a P element rather than a SPAN)
 * 2004-12-22
 * - added DIV.zhongwen_image
 * 2005-02-02
 * - added DIV.intro_quote and related things
 * - added DIV.centered_table
 * 2005-02-25
 * - added quote_footnote
 * 2005-05-14
 * - changed DIV.block_quote to just .block_qote
 * 2005-07-02
 * - got rid of borders around images
 * 2005-10-30
 * - added artlog_entry, artlog_date
 * 2005-12-01
 * - made .photo_caption justified
 * 2006-02-15
 * - added DIV.whatis
 */

BODY
{
  background-color: white;
  font-family: Times, serif;
}

BODY.decorated
{
  background-image: url("dsyl_bkg.jpg");
  background-repeat: repeat-y;

  /* The background image is 66 pixels wide. */
  margin-left: 76px;
  margin-right: 10px;
}

/*
 * I have tried "TABLE.header TD" and "TR.header TD" and on
 * netscape they work for background-color but not for color
 * and font-size properties.  However, inserting a DIV into
 * the HTML and using "DIV.header TD" does work.  This is silly
 * netscape 3 that I'm working with.
 */
DIV.header TD
{
  background-color: #00aa00;
  color: #dddd00;
  font-size: 24pt;
  font-family: sans-serif;
}

DIV.header A
{
  color: #dddd00;
}

TD.corner
{
  width: 5em;
}

DIV.contents
{
  margin-top: 4px;
  margin-bottom: 2em;
}

/*
 * I thought these font styles might take effect if I just put them
 * under DIV.contents, but apparently not (not in Netscape, anyway).
 */
DIV.contents TD
{
  font-family: sans-serif;
  line-height: 1.5;
}

A.article_link:link
{
  color: black;
}

/* A.article_link:visited?  Just the default. */

DIV.letter
{
  margin-left: 2em;
  font-family: sans-serif;
}

SPAN.datestamp
{
  font-weight: bold;
}

DIV.links_colours TD, DIV.links_colours TABLE
{
  border-color: #00aa00;
}

DIV.links_colours A
{
  color: #00aa00;
  font-weight: bold;
}

DIV.oea_colours TD, DIV.oea_colours TABLE
{
  border-color: #cc0000;
}

DIV.oea_colours A
{
  color: #cc0000;
  font-weight: bold;
}

SPAN.adblurb
{
  font-size: 8pt;
}

TABLE.adbox
{
  border-width: 4;
  border-style: solid;
}

DIV.index
{
  margin-top: 2em;
}

DIV.menu
{
  margin-bottom: 2em;
}

DIV.menu TD
{
  background-color: #00aa00;
  text-align: center;
  font-family: sans-serif;
}

DIV.menu A
{
  color: black;
}

H1
{
  font-family: sans-serif;
  font-size: 26pt;
}

/* H2 is used both in links.php and in china_hints.php at the moment */
H2
{
  font-family: sans-serif;
  margin-top: 1em;
}

H3
{
  font-size: 16pt;
  margin-top: 1em;
}

DIV.article
{
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 5em;
  margin-right: 5em;
}

DIV.article DIV.cancel_margins
{
  margin-left: -5em;
  margin-right: -5em;
}

TABLE.script
{
  margin-left: 1em;
  margin-right: 1em;
}

DIV.article H1
{
  margin-bottom: 1em;
}

SPAN.bigword, SPAN.artlog_date
{
  font-size: larger;
  font-weight: bold;
}

DIV.poem
{
  margin-left: 2em;
  font-family: sans-serif;
}

P.subbyline
{
  text-align: right;
  margin-top: 0;
  font-style: italic;
}

A.comment_link
{
  color: #00aa00;
  font-size: smaller;
  text-decoration: none;
}


/* Behold below, my way of dealing with NN4's still-inadequate handling
 * of CSS while still doing things in a CSS kind of way */

DL.booklist DIV.dt
{
  font-weight: bold;
  margin-top: 1em;
}

DL.booklist DIV.dd
{
  margin-top: 1em;
}

DIV.zhongwen_image
{
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

DIV.photo
{
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

/*
 * In IE, the "text-align: center" for DIV.photo also centers tables,
 * but not in the version of Mozilla I have, so this is to center
 * those tables.
 */
DIV.photo TABLE
{
  margin-left: auto;
  margin-right: auto;
}

.photo_caption
{
  font-family: arial, sans-serif;
  font-size: 9pt;
  text-align: justify;
}

TABLE.submenu
{
  /* margin-left: 5em; */
  /* margin-right: 5em; */
  padding: 0.5em;
  background-color: #99dd88;
}

.submenu_current, .submenu_item, .navigation
{
  font-weight: bold;
  font-family: arial, sans-serif;
}

.navigation
{
  text-align: center;
}

P.song_quote
{
  margin-left: 5em;
  font-style: italic;
}

.block_quote
{
  margin-left: 3em;
  margin-right: 3em;
  font-style: italic;
}

TABLE.factoid
{
  border-width: 4;
  border-style: solid;
  border-color: #00aa00;
  padding: 15;

  /*
   * This should be 2em, but the Netscape I'm testing with at the
   * moment renders it incorrectly.  So 1.5em is a compromise that
   * comes out as 2.5em on Netscape and 1.5em on IE5.
   */
  margin-top: 2em;
  margin-bottom: 2em;
}

TABLE.factoid H1
{
  text-align: center;
  font-size: 16pt;
  margin: 0;
}

TABLE.factoid TD
{
  text-align: justify;
}

UL.spacious LI
{
  padding-top: 0.5em;
}

.prosy_heading
{
  font-size: 16pt;
  border-style: solid;
  border-width: 1;
  padding: 8px;
  margin-top: 3em;
}

BODY.decorated H1
{
  margin-bottom: 0;
}

P.blurb
{
  font-style: italic;
  margin-top: 1.5em;
  margin-bottom: 0;
}

P.email
{
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

DIV.intro_quote
{
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 3em;

  text-align: justify;
}

DIV.intro_quote P
{
  font-style: italic;
}

DIV.intro_quote P.quote_source
{
  text-align: right;
  font-style: normal;
}

DIV.intro_quote P.quote_footnote
{
  font-family: arial, sans-serif;
  font-size: 9pt;  
  font-style: normal;
}

DIV.centered_table
{
  text-align: center;
}

DIV.centered_table TABLE
{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

DIV.centered_table TD
{
  text-align: left;
}

/*
 * Flickr requires that images be links; I don't want that ugly blue
 * border though.
 */
IMG
{
  border: none;
}

DIV.artlog_entry
{
  margin-top: 2em;
  margin-bottom: 2em;
}

DIV.whatis
{
  border-width: 4;
  border-style: solid;
  border-color: #00aa00;
  padding: 15;

  margin-top: 4em;
  margin-bottom: 2em;
  margin-left: 5em;
  margin-right: 5em;

  text-align: justify;
}

DIV.whatis H2
{
  text-align: center;
  font-size: 16pt;
  margin: 0;
}