body {
	background: #fff;
	color: #111;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 90%;
}

a { color: #4040f0; text-decoration: none }
a:hover { color: #f06060; text-decoration: underline }
a:active { color: #fff; border-bottom: 1px solid #000 }
img { border: 0 }

h1, h2, h3, h4 {
	font-family: "Gill Sans", "Arial Black", Helvetica, sans-serif;
	color: #333;
	padding: 0
}
h1,h2 { border-bottom: 4px solid #ccc }
h1 { margin: 0.4em 0 0.5em 0 }
h2 { margin: 1.5em 0 0.5em 0 }
h3 { margin: 0.75em 0 0.25em 0 }
h4 { margin: 1em 0 -0.25em 0 }

div#logo {
	width: 720px;
	text-align: right;
}

div#menu {
	position: fixed;
	width: 100px;
	font-size: 90%;
	left: 5px;
	margin: 5px;
	padding: 10px;
	float: left;
}
div.surround {
	position: absolute;
	z-index: 1;
	display: none;
	width: 100px;
	padding: 10px;
	margin: -1em 5px 5px 2.5em;
}
div.popup:hover div.surround {
	display: block;
}
div#under-menu {
	position: fixed;
	width: 100px;
	top: 25em;
	left: 5px;
	margin-left: 30px;
	float: left;
}

div#content {
	width: 700px;
	float: left;
	margin: 5px 20px 20px 140px;
	padding: 0 10px 10px 10px;
}
div.centred canvas, div#content, div#menu, div.surround {
	background-color: #eee;
	border: 4px solid #aaa;
	border-radius: 20px;
	-moz-border-radius: 20px;
}
div.centred canvas { background-color: #fff }

.centred { margin: auto; overflow: auto }

div#copyright {
	clear: both;
	text-align: center;
	font-size: 70%
}

.links { text-align: right }
.links a:hover, .links a:active {	border: 0 }
table { border-collapse: collapse }

th, td {
	padding: 2px 30px 2px 2px;
	vertical-align: top;
	border: 1px solid #999
}
th {
	background-color: #fff;
	color: #333;
}
tr.odd { background-color: #ddd }
#notescol { width: 30% }

code, pre, kbd {
	font-family: 'Andale Mono', Consolas, monospace;
	font-size: 11px;
	color: #063;
	white-space: pre
}
pre {
	margin: 5px 20px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #999;
}
em { color: #116; }
img.icon {
	padding: 1px 5px;
	background-color: #fff
}
dt { font-weight: bold }
a[target=_blank]:after { content: url(images/newwnd.png) }

div#rss { float: right; }
div.item p:last-child {
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #ccc
}

div.figure {
	float: left;
	padding: 0 20px 20px 20px;
}
div.table { padding: 0 20px 20px 20px }
span.caption {
	display: block;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	color: #444
}

div.table table {
	width: 100%;
	font-size: 80%
}

table.options tr:hover { background-color: #ccf }
table.options dl { margin: 0.5em 0 0 0 }
table.options dd { margin: 0 0 0 1em }
sup, sup a { font-weight: bold; color: #444; margin-right: 3px }
ul.footnotes { list-style-type: none; font-size: 80% }
/* for ShareThis */
div.stwrapper { position: fixed }