/*
	simple.css - www.zen-berlin.org, May 2004

	Simple styles for simple browsers. Primarily nn4. Non-compliant browsers will get just these styles
	because they will fall through the media="all" and media="print" test. The simple styles look 
	fairly OK, so we can agree with Jeffrey Zeldman that our site downgrades gracefully.

	The relaunch of this website compliant to Web Standards and with fairly good accessibility took
	about three months of work in Spring 2004. It would have been impossible without the help,
	unknown to them, of the following individuals.

	Acknowledgments and thanks:
	to Owen Briggs of www.thenoodleincident.com 
		for the division into a simple and advanced style sheet as used here and his suggested 
		relative font sizes with almost everything except body in ems (see in advanced.css)
	to Big Baer of www.bigbaer.com
		who first showed me that liquid CSS layouts and dynamic font sizes in valid XHTML
		can look anything other than vanilla
	to Dan Shafer
		for his excellent book "HTML Utopia: Designing without Tables using CSS", SitePoint Pty.Ltd., 2003
		which for me finally caused the CSS penny to drop
	to Jeffrey Zeldman of www.zeldman.com
		for his website and his Daily Report and his fine book "Designing with Web Standards", New Riders, 2003,
		the right book at the right time. Who could want non-standard sites after reading this?
	to Holly 'n John of www.positioniseverything.net for their tip on how to circumvent the nasty
		Peekaboo Bug in IE6 which causes disappearing content in boxes where floating is being used
	to Dunstan Orchard of www.1976design.com
		for his hilarious, whimsical blog and for tips on how to make the lovely shadowed images
		we have used here
	to Marek Prokop of www.sovavsiti.cz/css
		for the faux W3C validation buttons in XHTML and CSS used in the About.. page
	to Stu Nicholls of www.s7u.co.uk
		for the idea of floating Marek's faux buttons left, so they stand abreast and for the
		repeated and helpful insistence in his website, against more illustrious judgment,
		NOT to format link lists as unordered lists
	to Christoph Schneegans of www.schneegans.de
		for his helpful tips on how to set up Apache to serve XHTML pages as XML to fully compliant
		browsers such as Mozilla while reverting to text/html for everything else
	to Philippe Wittenbergh of www.l-c-n.com/IE5tests 
		for help on getting round one of the ideosyncrasies of IE5Mac (the background colour
		of the navigation bar was bleeding across the page because the containing div did
		not specify a width and didn't shrink-wrap)
	though not an individual, thanks to the police force of North Rhine-Westphalia - www.polizei.nrw.de -
		for ideas gleaned from the best accessible public sector website in Germany

	Testing was done with Windows IE5.5, Windows IE6, IE5 Mac, Mozilla 1.6, Firefox 0.8, Opera 7 and Netscape Navigator 4.5
	Each page was checked with the World Wide Web's validation services:
		validator.w3.org/ for the XHTML and
		jigsaw.w3.org/css-validator/ for the CSS
	in addition to the inherent XML parse check in Mozilla in application/xhtml+xml mode, altogether
	a good reason for using this mode.

	Delorie's web-based Lynx browser - www.delorie.com/web/lynxview.html -
	was very helpful in determining whether each page would mean anything at all to a blind person.

	The site as a whole was checked against Bobby (bobby.watchfire.com) and 
	Cynthia Says (www.cynthiasays.com). These services can automate only so much accessibility validation,
	so it's a matter of taste/discretion how accessible we are. We are certainly Section 508-compliant and
	think we are at least Double-A accessible (WCAG definition); we miss Triple-A conformance only by not 
	having customizability of the user experience, apart from the browser font settings. This is OK. 
	We decided against employing JavaScript or cookies so as to be accessible even to the most paranoid.

	Paul Buller, webmaster@zen-berlin.org, first posted 17-Apr-2004
	Zen Dojo Berlin e.V., Mehringdamm 57, 10961 Berlin, Germany
*/
body, h1, h2, h3, ol, ul, dl, li, p, address, blockquote, td {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000;
	}
body {
	margin: 0;
	padding: 40px 5% 5% 5%;
	background-color: #fff; 
	}
a:link {
	font-size: 80%;
	font-weight: normal;
	}
a:visited {
	}
a:active {
	}
a:hover {
	/*hover doesn't work in nn4*/
	}
h1 {
	color: #aaa;
	font-size: 180%;
	font-weight: normal;
	}
h2 {
	color: #344;
	font-size: 150%;
	font-weight: normal;
	}
h3 {
	color: #aaa;
	font-size: 100%;
	font-weight: normal;
	}
ul {
	font-size: 100%;
	font-weight: normal;
	list-style-type: none; /* Don't show bullets. */
	margin-left: 0;
	}
dl {
	font-size: 80%;
	font-weight: normal;
	}
dt {
	color: #bbb;
	font-weight: bold;
	}
li {
	font-size: 80%;
	font-weight: normal;
	}
p {
	font-size: 80%;
	font-weight: normal;
	}
address {
	font-size: 80%;
	font-weight: normal;
	}
blockquote {
	font-style: italic;
	font-weight: normal;
	}
td {
	font-size: 100%;
	font-weight: normal;
	}
img {
	border: 0;
	}
pre {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 80%;
	color: #aaa;
	}
input {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 80%;
	}
textarea {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 80%;
	}
strong {
	font-weight: bold;
	}
#toc {
	display: none;
	}