body {
	width: 40em;
	margin: 0 auto;
	padding: 2em 0;
	font: 1.1em/1.5 Georgia, Verdana, sans-serif;
	background-color: white;
	color: black;
}

.toc a { text-decoration: none; }
li { list-style-type: disc; }


pre.code { 
	border: 1px dotted #88F;
	background-color: #9CD;
	padding: .4em;
	overflow: auto;
}

#copy {
	font-size: .8em; 
	line-height: 1.2em;
	color: #999;
	margin-top: 3em;
	padding:0.2em 1em;
	max-width: 43em;
	background-color: #ddd;
}
#copy a{ 
	color: #559;
	text-decoration: underline;	
}
#copy a:hover {
	text-decoration: none;
	color: #666;	
}
#copy a img {
	border: none 0;
	vertical-align: middle;	
}


/** screen only **/

@media screen {
	div.toc {
		font-size: .8em;
		line-height: 1.2em;
	}
	
	/** JS enabled: **/
	.js {
		padding-left: 20em;
		margin: 0;
		width: auto;
	}
	.js #content {
		min-width: 35em;
		width: 35em;
		max-width: 50em;
		padding: 0 1em;
	}
	.js #toc {
		width: 18em; overflow: hidden;
		position: fixed;
		left: 0em; padding-left: 1em;
		top: 1em;
	}
	.js ul.toc { margin: 0; padding: 0 0 0 2em; }
	.js div.toc {
		line-height: 1.4em;
		width: 200%;
	}
	.small div.toc {
		line-height: 1.1em;
	}
	.debug { padding-bottom: 5em; }
	#meta {
		border-top: 3px solid silver ;
		background-color: #008040;
		color: white;
		font: bold italic 1.6em/2 Georgia, sans-serif;
		position: fixed;
		z-index:2;
		bottom: 0; left: 0; right: 0;
		padding:  0 1em;
	}
	#meta ul {
		font-size: .6em;
		line-height: 1.2em;
		color: #bbb;	
	}
	#meta a {
		position: absolute;
		right: 1em;
		color: #FFC000;
	}
	#meta a:hover {
		color: #FF8000;
	}
	

	#here {
		font-weight: bold;
	}
	#arr {
		position: absolute;
		left: -.66em;
	}
	#toc__inside {
		position: relative;
	}
}


#rev { position: absolute; right: 1em; top: 0; font-size: .9em; }

/*
	.secedit { text-align: right; }
	.js .secedit { display: none; }
*/

@media screen {
	#update {
		position: absolute; top: -.5em; right: 1em; z-index: 3;
		overflow: hidden;
		height: 60px;
	}
	#update:hover {
		overflow: visible;	
	}
	#update ul {
		font-size: .76em;
		background-color: white;
		margin: 0;; padding: .5em .5em .5em 2em;;	
	}
	#update p {
		padding-right: 40px;
		text-align: right;
		margin: 1em 0 0;
		background: white url(http://10.0.0.3/tango/32x32/actions/document-save-as.png) no-repeat right center;
		line-height: 40px;
	}
	#alternate {
		position: absolute;
		right: 1em;
		top: 0;
		font-size: .9em;
		z-index: 1;
		padding: .2em;
		background-color: white;
	}
	#alternate a { 
		padding-left: 20px;
		background: white url(version.png) no-repeat left center;
		display: block;
	}
}

/** print: **/

h1 { page-break-before: always; page-break-after: always; }
h2 { page-break-before: always;}
h3, .level3 { page-break-after: avoid; }

@media print {
	.secedit p, .toc, #alternate { display: none; } 
	h1 { line-height: 25cm; text-align: center; font-size: 2.4em; }
}