/*
 * A CSS Design for the Glimmer Labs Web Site
 */

/* BODY 
	The overall appearance is improved by adding some whitespace
	at the left and right sides.  I also like white backgrounds.
 */
BODY {
  margin-left: 100px;
  margin-right: 8%;
  color: black;
  background-color: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  font-family: Times, serif;
/*
  background-image: url(http://www.cs.grinnell.edu/~rebelsky/Glimmer/glimmer.png);
*/
}

/* HEADERS
	I like to use a sans-serif font for my headers.
 */
H1, H2, H3 {
  font-family: Helvetica, sans-serif;
  color: red;
  background-color: white;
}

/* PAGENOTES
	Notes at the bottom of the page should have less impact.  I 
	increase the margin and set the font color to grey.
 */
DIV.pagenotes {
  margin-left: 50px;
  color: gray;
  background-color: white;
  font-size: small;
/*
  border: solid red;
  border-width: 4px 0em 0em 0em;
  padding-left: 0.5em;
  padding-top: 0.5em;
 */
}

/* ADDRESS
	I like to see the author right-aligned
 */
ADDRESS {
  text-align: right;
}

/* LINKS
	I like to see the links in the header left-aligned in a sans-serif
	font.
 */
P.links {
  margin-left: 0px;
  text-align: left;
  font-size: small;
  font-family: Helvetica, sans-serif;
}

/* PREFORMATTED
	I like to see preformatted stuff on a different background.
 */
PRE {
  margin-left: 4em;
  margin-right: 4em;
  color: black;
  background-color: rgb(240,240,240);
}

/* P.SUBSITE
	I include a subsite over the page name to help orient the
	reader
 */
P.SUBSITE {
  color: red;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  text-align: left ;
  border: solid red;
  border-width: 4px 0em 0em 16px;
  padding-left: 8px;
  padding-top: 4px;
}

HR.foot {
  color: red;
  border: solid red;
  border-width: 0px 0px 16px 16px;
}