* { margin: 0; padding: 0; }

body { 
	color: #666; 
	background: #ddf; 
	margin: 10px; 
	padding: 5px 40px 40px 35px; 
	border: dotted grey 1px; 
	font-family: Lucida Grande, Verdana, sans-serif; 
	font-size: smaller; 
	
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
body.white { background: white; }

h1 { clear: left; font-size: large; color: black; margin: 30px 30px 1em 0px; text-shadow: 2px 2px 4px #999; }
form + h1 { padding-top: 10px; }
h2 { font-size: medium; color: black; margin-top: 1em; margin: 1em 30px .15em 5px; text-shadow: 2px 2px 4px #999; }
h3 { display: run-in; color: black; }

p, li, ul, ol, dl, dt, form, pre { margin: 1em 0 0 10px; clear: left; }
dd, ul, li { margin-top: .2em; }
ol, ul { margin-left: 25px; }
dt, ul li, ol li { margin-left: 1em; }
ul li { list-style-type: circle; }
dd { margin-left: 2em; }
dd ul { margin-top: 10px; margin-left: 0; }
input { margin: .25em }

b { color: black; }
.callout { background: #fff; border: solid 1px; padding: 10px; }
form.callout { background: #fff; border: dotted 1px; padding: 5px; margin-bottom: 1em; float: left; } 

a#bookmarklet { font-weight: bold }

ul#menu { margin: 0; float: right; margin-right: -35px; } 
ul#menu li { margin: 0; margin-left: 5px; padding: 0; font-size: smaller; display: inline; }