/* a Twiki SeeSkin stylesheet, 
   modelled after alistapart.com/nucss3.css,
   Matt Wilkie, 2002-June-03 */
/* Available ID's: (xref $templates/*.see.tmpl)
   wrapper, main, menu, meta, footer 
	title, topicaction, topics, zones 
	*/

/* NS6.x-specific fixes */
*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}
	
html { margin: 0; padding: 0; }
body { margin: 20px 20px 0px 20px; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */}
h1 { padding-top: 10px; }
pre { margin: 0px 10px 10px 10px; }
textarea {width: 95%;}
a {text-decoration: none;}

/* short inline quotations, as opposed to blockquotes http://diveintomark.org/archives/2002/05/04.html */
q {quotes: '“' '”' "‘" "’";}
q:before {content: open-quote;}
q:after {content: close-quote;}
q {font-style: italic;}
p>q, li>q {font-style: normal;}


h1#sitemast { font-size: 115%; font-weight: bold; letter-spacing: 0.13em; /*border-bottom: 1px solid;*/ line-height: 0.9em; margin: 0; padding: 0.33em 0 0;}
h1#sitemast a { text-decoration: none; }
h1#sitemast span { margin: 0; padding-left: 0.33em; }
#wrapper { float: left; width: 75%; }
#main {border: 1px solid #000; margin: 2%; padding: 2%;}
#menu { padding-right: 3%; text-align: left; }
#menu h4 {margin-top: 0em; margin-bottom: 0em;}
#menu a { margin-left: 1%; }
#menu hr { display: none; /* recover from no-css menu top/bottom borders */ }

/* capitilise and underline Access Keys; Twiki:Codev/AccessKeys */
.akey {
	text-decoration: underline;
	text-transform : uppercase;
}

/* for usability notes */
.akeyhelp {
	background : #77aa77;
	color: #040;
	font-size: smaller;
	padding: 0 0.2em;
}
.akeyhelp:before {
	content: "[";
}
.akeyhelp:after {
	content: "]";
}

.warn {
	color : #d00;
	background-color: transparent;
	font-size: larger;
	font-weight: bold;
}
/* for inline lists of topicAction like 'release edit checkbox' in Preview */
.actoption ul {
	list-style-type : none;
	margin-left: 12%;
}
/* for inline lists of topicAction like the form buttons in Edit  */
.action {
	display: inline;
}


.action input {
	display: inline;
}
.action label {
	display: none;
	background: #DCDCDC;
	color: #000;
	border: 2px outset;
	padding: 0.1em 0.3em;
}
.action label:hover {
	border: 2px inset;
}
/* damn, it's beautiful but only works in Mozilla :( */
/* .action input {display: none;}
.action label {display: inline;} */

/* de-emphasize */
.deem {
	font-size: smaller;
}
legend {
	bottom: 0;
}

/* the text which is usually printed from the template variable %headerhelp% */
.help { }

/* colour settings */
a:hover {background-color: #fafad2;}
#main {background: #fff}
h1#sitemast span { background: #f5f5f0; color: #454578; }
pre {background: #dee3e6;color: #191970;}