/* File:      tpqlp.css
   Author:    Howard Gibson
   Date:      2008 October 29
   Project:   Toronto Pub Quiz League League
   Language:  Cascading Style Sheet as per W3C.

This is a printer style sheet, designed to allow conformance to the 
strict XHTML DTD.
*/

body { 
  background:	white;
  color:	black;
  font-family:	Times;
}

/* We need an image anchor because browsers insist on showing the `visit' 
status of a link flagged by an image.  I don't want a colour border around 
my images.  The colour must match the background colour specified in BODY. */
a img {
  color:	white; /* This is required for Netscape */
  border:	white; /* This is required for Microsoft Internet Explorer */
}

/*
  The CSS validator at http://jigsaw.w3.org/css-validator/ does not approve 
  of the properties text, link, alink and vlink I defined under BODY, although 
  Netscape does.  What follows is the method required by the W3C CSS 
  Standard.
*/
a:link    {color:  #4040ff}
a:visited {color:  #2020ff}
a:active  {color:  #808080}

h1 { 
  text-align:	center;
}

h2.subheading {
  text-align:	center;
} 
h2 {
  clear:	both;
}

p.highlight {
  font-weight:   bold;
  font-style:    italic;
}

table.navigation {
  clear:        both;
  width:        100%;
  border:       solid;
  border-color: black;
  border-width: 1px;
}
table.navigation td {
  text-align:   center;
}

p.graphics {
  clear:         both;
  text-align:    center;
}

/* I need this for the answers for the sample trivia round.  This is all 
part of a definition list <dl> */
dd.answer {
  font-style: 	italic;
}

/* I want the footer and the Horizontal Rule to clear any floating objects 
that may be embedded in the page at that point. */
p.footer {
  text-align:	center;
  clear:	both;
}

hr {
  clear:	both;
}

p.label {
  text-indent:  0em;
}

img.right { 
  float:	right;
}

img.left { 
  float:	left;
}

img.embed {
  vertical-align:	text-top;
}

table th {
  vertical-align:       bottom;
}

table td {
  vertical-align:       top;
}

/* Here is a body class that allows me to have a black screen background.  
This is for my Monday Night page. */
body.black {
  background:	#000000;
  color:	#d0d0d0;
}

/* We need an image anchor because browsers insist on showing the `visit' 
status of a link flagged by an image.  I don't want a colour border around 
my images.  The colour must match the background colour specified in BODY. */
body.black a img {
  color:	black; /* This is required for Netscape */
  border:	black; /* This is required for Microsoft Internet Explorer */
}

/*
  The CSS validator at http://jigsaw.w3.org/css-validator/ does not approve 
  of the properties text, link, alink and vlink I defined under BODY, although 
  Netscape does.  What follows is the method required by the W3C CSS 
  Standard.
*/
body.black a:link    {color:  #f0f0f0}
body.black a:visited {color:  #e0e0f0}
body.black a:active  {color:  #ffffff}

table schedule {
  width:		100%
  clear:        	both;
}

table.schedule tr {
}
table.schedule th {
  text-align:		center;
  vertical-align:	bottom;
  border-bottom:	thin solid black;
}
table.schedule td {
  text-align:		center;
  vertical-align:	top;
}

table.schedule tr.highlight {
}
table.schedule tr.highlight td {
  text-align:		center;
  vertical-align:	top;
  border-bottom:	thin solid black;
}

table.teams {
  width:		100%;
}
table.teams th {
  vertical-align:       bottom;
}
table.teams td {
  vertical-align:       top;
  text-align:           left;
}