p, li, dt, dd { 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: "FranchiseRegular", "Gill Sans", "Arial Black", Helvetica, sans-serif;
  font-weight: normal;
	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 }

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

#navigation {
	position: fixed;
	width: 150px;
}
#menu {
	width: 120px;
	font-size: 82%;
	margin: 5px;
	padding: 10px 2px 10px 10px;
	float: left;
}
.surround {
	display: none;
	padding: 2px 0 5px 20px;
  font-size: 85%;
  text-indent: -10px;
}
.active:before {
  margin: 0 0.5ex 0 -1.5ex;
  content: '»' ;
}
.popup:hover .surround, .open {
	display: block;
}
#under-menu {
	width: 100px;
	margin-top: 10px;
	margin-left: 16px;
	float: left;
}

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

/*.centred { margin: auto; overflow: auto }
*/
.subnav { margin-top: -1em }
.subnav li { display: inline; white-space: nowrap }
.subnav li:before { content: '- ' }

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

.date { float: right; font-size: 60% }
.links { text-align: right }
.links a:hover, .links a:active {	border: 0 }
table { border-collapse: collapse }

th, td {
	padding: 3px 20px 7px 3px;
	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
}
code.keyword { color: #906 }
pre {
	margin: 5px 20px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #999;
}
pre.cli {
  color: #3f3;
  padding: 5px;
  background-color: #000;
  border: 3px ridge #09f;
}
em { color: #116; }
img.icon {
	padding: 1px 5px;
	background-color: #fff
}
dt { font-weight: bold }

#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
}
span.caption code { font-weight: normal }

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

.next { float: right }

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 }