/* CSS Document */

a {
	color: #66F;
}

a img {
	border: none;
}

a:visited {
	color: #66F;
}

blockquote {
	margin: 0 24pt;
	padding: 0;
	border: none;
}

body {
	margin: 0;
	padding: 0;
}

h1 {
	font: 12pt 'Lucida', Arial, Helvetica, sans-serif;
	color: #333;
	margin: 14pt 0 0 0;
	padding: 0;
}

h2 {
	font: 14pt 'Lucida', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336;
	margin: 14pt 0 0 0;
	padding: 0;
}

h3 {
	font: 14pt 'Lucida', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336;
	margin: 14pt 0 0 0;
	padding: 0;
}

h4 {
	font: 14pt 'Lucida', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #669;
}

p em {
	font-style: italic;
}

.container{
	width: 100%;
	float: none;
	border: none;
	background-color: white;
}

.left {
	float: left;
	margin-right: 12pt;
}

.mono { 
    font: 12pt "Courier New", Courier, mono;
}

.right {
	float: right;
	margin-left: 12pt;
}

.small {
    font-size: 10pt;
	padding: 0;
}

#crumb {
    display: none;
}

#crumb a{
	color: #000;
	text-decoration: none;
}

#content {
	padding: 0;
	margin: 24pt 48pt;
	line-height: 14pt;
	font-size: 12pt;
	border: none;
}

#content a {
	text-decoration: underline;
}

#content a:link:after, #content a:visited:after {
	content: " (" attr(href) ") ";
}

#content a[href^="/"]:after {
   content: " (http://www.alistapart.com" attr(href) ") ";
}

#content h2 {
	border-bottom: 1pt solid silver;
}

#content h3 {
	border-bottom: 1pt solid gray;
}

#footer{
	display: none;
}

#header {
	padding: 0;
	margin: 0;
	text-align: center;
	border: none;
}

#header a {
	text-decoration: none;
}

#menu {
	display: none;
}

#wrap {
	width: 98%;
	margin: 0 auto;
	border: none;
	background-color: white;
}