/* This is a set of styles definitions for use in formatting the index page to
 * my technical notes page.
 *
 * Russell Bateman
 */
html
{
	overflow-x: hidden;
	overflow-y: auto;
}

body
{
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

tt, dd		/* otherwise, these are unreadable... */
{
	font-size: 150%;
}

#summary
{
	width: 200px;
	background: #fff url(notescrap_bg.jpg) no-repeat top left;
	float: left;
	margin: 10px;
}
#summary2
{
	width: 600px;
	background: #fff url(notescrapx2_bg.jpg) no-repeat top left;
	float: left;
	margin: 10px;
}
#summary_content
{
	margin: 12px 23px 0 25px;
	word-wrap:break-word;
}
#summary_content h2
{
	color: #6d369a;
	font-weight: bold;
	font-size: 75%;
	border-bottom: 1px dotted #666;
	padding-bottom: 3px;
	margin: 0;
}
#summary_content dl
{
	color: #000;
	font-size: 80%;
	margin-top: 10px;
}
#summary_content dt
{
	font-weight: bold;
	font-size: 75%;
	line-height: 1.25em;
}
#summary_content dd
{
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 1.25em;
}
#summary_content dd.multidd
{
	background: url( 'images/purple_bullet.gif' ) no-repeat top left;
	padding-left: 16px;
	font-size: 80%;
	margin-bottom: 3px;
}
#summary_content dd.multiddlast
{
	background: url( 'images/purple_bullet.gif' ) no-repeat top left;
	padding-left: 16px;
	font-size: 80%;
	margin-bottom: 10px;
}