body {
	font:12px/18px verdana, sans-serif;
	letter-spacing:0px;
	color:#333;
	margin:0;
	padding:0;
	background:#fff url(top_gradient.gif) repeat-x top left;
}

div#site {
	width:500px;
	margin:20px auto 0 auto;
}

a {
	color:#000;
	text-decoration:underline;
	padding:0 1px;
}

a:hover {
	color:#fff;
	background-color:#333;
	text-decoration:none;
	padding:0 1px;
}

h4 {
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
}

p {
	margin:0;
	padding:5px 0;
}

ul, ol {
	margin:10px 0 10px 20px;
	padding:0 0 0 15px;
}

ul li, ol li {
	margin:0 0 20px 0;
	padding:0 0 0 3px;
	border-bottom:1px solid #ccc;
}

code {
	font-size:1.1em;
	background-color:#f3f3ff;
	color:#000;
}

div#site pre {
	background-color:#f3f3ff;
	color:#000080;
	border:1px dotted #000080;
	overflow:auto;
	padding:3px 5px;
}

blockquote {
	font-size:11px;
	color:#666;
	border-left:4px solid #666;
	margin:10px 0 10px 30px;
	padding:0 5px 0 10px;
	background-color:#f3f3f3;
}

input, select, textarea {
	font:11px/16px verdana, sans-serif;
	padding:2px;
}

input[type=text], select, textarea {
	background-color:#e9f5ff;
	border:1px solid #333;
}

input[type=text]:focus, select:focus, textarea:focus {
	background-color:#ffe;
}

.footnote,
.footnote a {
	font:10px/12px verdana, sans-serif;
	color:#aaa;
}

.footnote em {
	background-color:transparent;
	font-style:italic;
}