/*
	w3cbestpractices.css
	Written by Shawn Thomas for http://www.phaysis.com/
	No copyright; use as you see fit.

	Written as proof of concept of web design best practices according to the World Wide Web Consortium.
*/

body {
	background-color: #666;
	color: #333;
	margin: 2em;
	font-family: arial, verdana, sans-serif;
}

h2 {
	font-size: 1.125em;
}

#page-content {
	background-color: #eee;
	width: 60%;
	min-width: 20em;
	max-width: 35em;
	margin-left: auto;
	margin-right: auto;
	padding: .5em;
}

#title {
	font-family: times, serif;
	border-bottom: 2px solid #333;
	margin-bottom: 0em;
}

.byline {
	font-size: .65em;
	font-style: oblique;
	text-align: right;
}

.description {
	text-align: justify;
	font-size: .85em;
}

.description h2 {
	margin-top: .25em;
}

#thisform {
	border: 1px dashed #333;
	padding: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
}

#thisform fieldset {
	margin: 0px;
	padding: .2em;
	border: 1px solid #aaa;
}

#thisform legend {
	margin-left: .5em;
}

#thetextarea {
	width: 100%;
	max-width: 100%;
	height: 10em;
	border: 1px solid #333;
}

#submitbutton {
	clear: both;
}

#form-message {
	font-style: oblique;
	font-size: .9em;
}

.postscript {
	text-align: justify;
	font-size: .70em;
	font-style: oblique;
	color: #555;
}

.resources {
	text-align: justify;
	font-size: .70em;
	color: #555;
}

.resources ul {
	list-style-type: square;
}

.resources li {
	margin-left: -2em;
}

#footer {
	margin: 0px;
	padding: .25em;
	background-color: #333;
	color: #ccc;
	font-size: .5em;
	text-align: center;
}

#footer a {
	color: #999;
}

code {
	white-space: nowrap;
	background-color: #ccc;
}