/******************
 * General layout *
 ******************/

body
{
	color: #000000;
	background-color: #C0C0C0;	/* Old-skool grey */

	background-attachment: fixed;	/* should this be fixed!important ? */
	background-image: url(pics/bannerbk.gif);

	font-family: "Comic Sans MS", "Comic Sans", "Comic", sans-serif;

	/* ?: Should I make the font size smaller?
	It might make the listitemdesc's too small to read.
	Also, if I do make the font size smaller, check to see what happens if 'sans-serif' is used for the font. */

}

/*
body A:link
{color: #FF0000;}

body A:visited
{color: #800000;}

body A:active
{color: #FF00FF;}
*/




/* Adjust size of H1 */
H1
{
	/* ?: Should I reduce the vertical padding, cosz at the top, it looks kinda spacey. */
	text-align: center;
	font-size: 200%;	/* Absolute */
}

H1 .headerbigbit
{
	font-size: 200%;	/* Relative to parent */
}

H1 .headersmallbit
{
/* Ideally, all text should fit inless than 600 pixels (ie. be on one line) */
	font-size: 55%;	/* Relative to parent */
}

/* Adjust size of H2 */
H2
{
	font-size: 165%;
}


/* Adjust size of H3 */
H3
{
	font-size: 125%;
}



/* Used in lists to describe the item in the list */
.ListItemDesc
{
	font-size: x-small;
}

.ListItemAuthour
{
	font-size: small;
}




/**********
 * Images *
 **********/

IMG
{
	border: 0;
}