@media screen {
		/* should center content. see www.bluerobot.com/web/css/center1.html for ideas to make it work in ie5 */

		body {color: Black; margin: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:medium;
		}

		h1 {
			font-size: x-large;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Sans-serif;
		}

		h2 {
			font-family: Georgia, "Times New Roman", serif;
			font-size: large;
			font-weight: bold;
		}

		h3 {
			font-family: Georgia, "Times New Roman", serif;
			font-size: medium;
			font-weight: bold;
		}




		ul, li, p, caption, td, th {
		font-size:medium;
		line-height:1.5em;
		margin-bottom:1em;
		margin-left:2em;
		/* max-width: 35em; */
		padding-right:2em;
		}

		table, caption, td, th {
		font-size: small}

		ul, ol {
		list-style-position: inside; 
		margin-bottom:0px;
		padding-left:2em;
		margin-left:0em;
		}

		ol.articlelist {padding-left:4em;} 
		ol.articlelist li {margin-bottom:0;list-style-position: outside;}

		ul.articlelist {padding-left:4em;}
		ul.articlelist li {margin-bottom:0;list-style-position: outside; list-style-type: disc; }
		ul.toc li {margin-bottom:0;list-style-position: outside; list-style-type: none; }

		li {
		margin-left:0em;
		padding-right:0em;
		}

		.quote {
		margin-left:5em;
		font-size:small;
		margin-top:1em;
		margin-bottom:0px;
		}

		.source
		{margin-left:6em;
		font-size:small;
		margin-top:0px;
		margin-bottom:1em;
		}

		#notes p {
		font-size:small;
		}

		.contents {
		margin-left:5em;
		font-size:small;
		margin-top:0px;
		margin-bottom:1em;
		}

		.toc
		{
		margin-bottom:0px;
		margin-top:1em;
		}

		.minor {
		font-size:small;
		}


		.breadcrumb {
		margin-left:0px;
		font-size:small;
		max-width:none;
		}

		/*
		.sidebar, .sidebarwide
		{float:right;
		width:50%;
		max-width: 35em;
		margin:5px;
		padding:5px;
		}
		*/

		.sidebar, .sidebarwide
		{
		background:#e8e8d1;
		/* margin: auto; */
		/* max-width: 35em; */
		margin-left:2em;
		margin-right:2em;

		padding:0em;
		padding-right:1em;
		padding-left:1em;
		border: 1px solid #666;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;

		/* border-style: dotted; */
		/* border-width: 1px; */
		}

		.sidebar
		{
		/* max-width: 35em; */
		}

		.sidebar p {margin-left:0px;
		font-size:small;
		}


		table {
		padding:0px;
		margin:0px;
		margin-top:1em;
		margin-right:1em;
		margin-bottom:1em;
		background: #666}

		caption {
		caption-side:top;
		text-align:center;
		/* margin-bottom:0.1em; */
		/* margin-top:1em; */
		}

		th 
		{font-weight:bold;
		vertical-align:bottom;
		text-align:left;
		background: #e8e8d1
		}

		td {
		vertical-align:top;
		background:white;
		}

		dt {font-weight:bold;
		margin-top:1em;}

		#search
		{float:right;
		width:200px;
		margin-right:3em;}

		.abolitionpaper {
		padding-top:30px;;
		background: url(/images/abolitionpaper600.jpg);
		background-attachment: scroll; 
		background-position: top center;
		background-repeat: no-repeat; 
		border-bottom: 1px #666 dotted;
		}

		/* ----------------------------------------------
		The below based on:
		Copyleft (c) 2004 Serge K. Keller, Rue de Lausanne 9, 1700 Fribourg (Switzerland). All Rights Reversed.
		*/

		h1, h2, h3 {font-family : "'New York'", Utopia, Georgia, "'Times New Roman'", Times, serif;}
		h2 {letter-spacing: .07em; border-bottom:1px solid #c00; text-align:right; margin-top:2em}

		a {color: #036;/*text-decoration: none;*/}
		a:hover {color: #900; text-decoration: underline;}
		a:active {text-decoration: underline;}
		a img {border: none;}

		p{text-indent:2em; line-height:1.4em;}
		p.source {text-indent:0}
		/*needed for price of punishment; hope it doesn't break anything */
		div.sidebar p.source {text-indent:0; font-style:italic}
		div.sidebar + div.sidebar {margin-top:1em}

		/* form {margin: 0;	padding: 0;} */
		/* input, textarea {background-color: #eee;border: 1px solid #aaa;	font-size:95%; } */

		/* blockquote {font-size: 90%;	color: #777; padding-left: 23px; border-top:2px solid #ee7; border-bottom:2px solid #ee7;} */
	
		/* body {overflow:auto;} */

		body { margin : 0; padding : 0; background : #e8e8d1; color : #111; text-align:center;
			font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
			}

	
		#content {width: 35em;
		 text-align: left;  background-color: #fff;	padding: 10px 10px 0 20px; margin: 20px auto;
		border : 1px solid #666;}

		/*  */
		/* .credit, credit cite {clear: both;	margin: 15px 0 0 0;	padding: 3px;	color: #333; font-size: 90%;text-align: center;} */
		/*  */

}


/* 
start  mobile 
 */
@media screen and (max-width: 700px) 
 { 
	body {margin:0;}
	#content {width:95%; margin:0; border:none;}
	h1, h2 {width:95%}
	.contents {margin-left:0}
	p{text-indent:0em; }

		.quote {
		margin-left:2em;
		}

		.source
		{margin-left:2em;
		}



	ul, li, p, caption, td, th {
		margin-left:0;
		padding-right:1em;
		}
	table {	max-width: 100%;
	overflow-x: auto;
	display:block;
	}
	img {
	max-width: 100%;
	height: auto;
	}
	iframe {
		max-width: 100%;
	}
	ol.articlelist {padding-left:2em;} 
	ul.articlelist {padding-left:2em;}
		.sidebar, .sidebarwide
		{
		margin-left:0;
		margin-right:0;
		}



 }

/* 
end mobile
 */

@media print {
	body { color : #000000; background : #ffffff; font-family : "Times New Roman", Times, serif; font-size : 10pt; 
	width: 7in; 
	margin-left: auto; 
	margin-right: auto;} 

	h1 { font-family: Times, "Times New Roman", serif;  font-size:24pt; color: #000000; border: 0px; background-color: white; padding: 0px 0px 0px 0px; margin: 0px; }
	h2 {
		font-family: Times, "Times New Roman", serif;
		font-size: 18pt;
		color: #000000;
		margin-right: 0px;
	}
	h3 {
		font-family: Times, "Times New Roman", serif;
		font-size: 12pt;
		font-weight: bold;
	}


	#content 
	{
	margin:0%;
	max-width: 100%;
	width: 100%;  /* keep both in case I ever go back to using max-width */
	border-style: none;
	border-width: 0px;
	padding:0;}


	#search, .breadcrumb { display: none; }

	table, caption, td, th, ul, li, p 
	{
	font-family: Times, "Times New Roman", serif;
	line-height:1.2em;
	font-size:10pt;
	max-width:100%;
	padding-right:0;
	margin-left:0}

	table {margin-right:0; background:none}

	ul {
	padding-left:0;
	}

	p.quote, p.source, p.contents, p.toc, p.minor, #notes p {
	font-size:8pt;}

	a:link, a:visited {
			color: #520;
			background: transparent;
			font-weight: bold;
			text-decoration: underline;
			} 
 
	.abolitionpaper {clear:both;
	}


	.sidebar, .sidebarwide
	{float:right;
	background:white;
	width:50%;
	margin:5px;
	padding:5px;
	padding-left:1em;
	border-style: dotted;
	border-width: 1px;
	}



	/* does the below do anything? */
	.article-footer {
		text-align: right;
		font-size: xx-small;
		color: Gray;
		padding-bottom: 15px;
	}
	.author, .datetime {
		font-weight: bold;
		color: #4F4F4F;
	}
	.article-title {
		font-size: large;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Sans-serif;
		font-style: italic;
	}

	#page {
	margin: 0px; 
		padding: 0px;}
}