body {
	background: #fff url(images/goat_bg.png) no-repeat fixed 0 200px;
	color: #111;
	font-family: "Trebuchet MS", 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 {
	color: #333;
	border-bottom: 4px solid #ccc;
	margin: 1.5em 0 0.5em 0;
}
h1 { margin-top: 0.4em }

h4 {
	color: #333;
	padding: 0;
	margin: 20px 2px -8px 2px;
	font-style: italic;
}

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

div#menu {
	position: fixed;
	width: 100px;
	font-size: 90%;
	float: left;
	margin: 5px;
	padding: 10px
}
div#under-menu {
	position: fixed;
	width: 100px;
	top: 20em;
	float: left;
	margin-left: 30px;
}

div#content {
	width: 700px;
	float: left;
	margin: 5px 20px 20px 140px;
	padding: 0 10px 10px 10px;
}
div.centred canvas, div#content, div#menu {
	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 {
	margin: 0 20px;
	border-collapse: collapse
}

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

code, pre {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	font-size: 11px;
	color: #070;
	font-weight: bold;
	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) }

/* for ShareThis */
div.stwrapper { position: fixed }