body
{
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

/* Don't want border around link images. */
img { border: 0; margin: 4px; }
img.left { float: left; }
img.right { float: right; }

/* First paragraph of an article or immediately following a heading. */
p.opener
{
	font-weight: bold;
}
/* Who wrote the article. */
p.by
{
	margin-top: 0;
	font-style: italic;
}
/* Goes underneath pictures. */
p.caption
{
	margin-top: 0;
	font-style: italic;
}
/* Describes the author. */
p.abouttheauthor
{
	width: 70%;
}

/*
	Pain in the neck workaround for IE needed so we'll make all
	these paragraphs small together.
*/
p.abouttheauthor, p.by, p.caption, div.cddetails>p, div.cddetails>ol
{
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;      
}
html>p.abouttheauthor, html>p.by, html>p.caption, html>div.cddetails>p,html>div.cddetails>ol { font-size: small; }

/* Headings. */
h1, h2, h3, h4, h5, h6
{
	color: red;
	margin: 0 0 4px 0;
}

hr
{
	width: 80%;
}

/*
	Link stylings - these will apply document-wide for
	browsers who don't understand CSS2.
*/
a
{
	color: #f60;
	font-weight: bold;
}

/*
	Definition lists. Extensive use of these is made throughout the site.
	Colouring is performed by some Javascript.
*/
dl
{
	width: 80%;
	margin: 0 0 20px 0;
	border: 1px #dd4 solid;
}
dt
{
	font-weight: bold;
	padding: 4px 4px 0 4px;
}
dd
{
	padding: 0px 4px 4px 4px;
	margin-left: 0;
}

dl
{
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;      
}
html>dl { font-size: small; }


ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
li
{
	margin: 10px 0 0 20px;
	padding-left: 0;
}

/*
table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}
caption
{
	padding: 6px;
	font-weight: bold;
}
td, th
{
	border: 1px solid black;
	margin: 0;
	padding: 6px;
}
th
{
	background-color: #aaf;
}
*/