/* Essentials: */

/* Basic layout:
   No true vertical grid;
   extra leading between paragraphs etc. mostly multiples of $PARSEP.
   Content is in a column no more than $MAIN pixels wide. */
body { line-height: 20px; margin: 0 40px 0 80px; }
p, h2, dl, ol, ul, li, dt, dd { margin-top: 10px; margin-bottom: 10px; }
div#up, div#main, div#more, div#down, h1, h2 { max-width: 428px; }

/* Fonts:
   Nothing special here, except we use regular body font for
    * headings,
    * lots of things usually cursive or monospaced:
	code.path	path name, eg. /bin/ls
	code.program	command name, eg. ls
	code.var	environment variable name, eg. PATH
	code.synopsis	command syntax overview, man page style
	code.optchar	option character or characters
	code.optarg	option argument
	dfn     	terms we define
	i.math  	variable names in mathematical formulas
   What we still want monospaced:
	code.sample	complete command invocation, eg. ls -l
	code.source	chunks of more than a few words of source code */
body, input { background: white; color: black; }
body, h1, h2, td, input,
code.path, code.program, code.var,
code.synopsis, code.optchar, code.optarg,
dfn, i.math { font-family: verdana, "dejavu sans", sans-serif;
	font-size: 11px; 
	font-weight: normal; font-style: normal; }
code.sample, coude.source { white-space: pre; word-spacing: -1px;
	font-family: "courier new", courier, monospace;
	line-height: 11px; /* Firefox mucks up line spacing otherwise */ }

/* Link emphasis:
   Anchors use dotted bottom borders instead of underlining.
   Link color declarations set bottom border colors but leave other
   border attributes alone. Removing this rule would be enough to
   make links go back to being underlined. */
a:link, a:visited, a:hover { text-decoration: none;
	border-bottom-style: solid; border-bottom-width: 1px; }

/* Link colors: */
a:link, div#up a:visited { color: #00e; border-bottom-color: #00e; }
a:visited { color: #66e; border-bottom-color: #66e; }

/* Page header: */
h1 { margin: 40px 0;
	padding: 0.5em 0;
	font-weight: bold;
	/* text-transform: uppercase */ }
p#sh { position: relative; top: -40px;
	margin-bottom: -20px }

/* Section headings:
   H2s double as links to the fragments they introduce.
   We give them negative top margins and fat top paddings so
   they won't be flush against the top edge of the window
   if you follow a link to a fragment. */
h2 { font-weight: bold; margin-top: -10px;
	padding: 40px 0 0.5em; }
html.short h2 {	
	margin-bottom: -10px; /* same as margin-top for symmetry */
	padding: 30px 0; }
html.man h2 a:after { content: ":" }
h2 a:link, h2 a:visited { color: black; border-bottom: none;
	text-decoration: none; }

/* Page footer: */
div#down { margin-top: 60px;
	padding: 0 1em 20px 0; }


/* Specials: */

/* Display paragraphs: */
p.display { padding-left: 40px }

/* Command options lists: */
dl.options dt { float: left; margin: 0 15px 0 5px; min-width: 15px }
dl.options dd { margin: 1em 0 1em 40px; }

/* Tone down loud acronyms: */
code.var, span.caps { font-size: 10px }

/* Some spell checking:
   Point out div and span tags with missing or obsolete class
   or id attributes by painting them yellow. */
code, span { background: yellow }
code.program, code.var, code.path,
code.sample, code.synopsis, code.optchar,
code.optarg, span.caps { background: inherit }