/* page styles */

	html, body {
		font-family: Verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
  		line-height: 15px;
  		color: #000;
		background-color: #FEFEFA;
		margin: 0px;
		padding: 15px 30px 20px 30px;
		text-align: left;
		}

	
/*	body	{
			background-image: url("http://clsnyder.com/images/Grunge_Background.jpg");
			background-position: top left;
			background-repeat: repeat-y;
		}	

/* general type styles */
table	{
		margin: 0px;
		border-bottom: 1px solid #000;
		padding: 0px 0px 5px 0px;
		}

	th, td {
	    border: 1px solid #777;
	    padding: .3em;
	    margin: 2px;
	}
	th {
	    background: #C9C299;
}
	a	{
		color: #000;
		font-weight:bold;
		text-decoration: none;
		background-color: transparent;
		}

	a:link	{
		color: #000;
		text-decoration: none;
		background-color: transparent;
		} 

	a:visited	{
		color: #000;
		text-decoration: none;
		background-color: transparent;
		} 

	a:active	{ 
		color: #F60;  
		text-decoration:underline;
		background-color: transparent;
		} 

	a:hover		{ 
		color: #F60; 
		text-decoration:underline; 
		background-color: transparent;
		} 
		
	.post-lead	h4	a[href$=".pdf"]::after,
	.post-lead	p	a[href$=".pdf"]::after {
  		content: url(http://www.subtraction.com/assets/pdf_icon.gif);
  		padding: 0px 4px 0px 4px;
		}
		

	img	{
		padding: 0px;
		border: 0px;
		margin: 0px;
		}
		
	h1	{
		font-family: helvetica, arial, sans-serif;
		font-size: 18px;
		line-height: 14px;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		}

	h2	{
		font-size: 12px;
		font-family: arial, helvetica, sans-serif;
		color: #000;
		line-height: 16px;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		}		

	h3	{
		font-size: 12px;
		font-family: arial, helvetica, sans-serif;
		line-height: 16px;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		}
		
	h4	{
		font-size: 11px;
		font-family: arial, helvetica, sans-serif;
		line-height: 13px;
		font-weight: bold;
		padding: 0px 0px 3px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		}

	p	{
		padding: 0px 0px 10px 0px;
		}
		
	img	{
		margin: 0px;
		padding: 0px;
		}

	#home,
	#articles,
	#calendar,
	#archives,
	#category,
	#about,
	#mailinglist,
	#elsewhere-section,
	#elsewhere-dates,
	#searchpage,
	#store	{
		width: 830px;
		margin: 0px;
		padding: 0px;
		}
	
	#table-of-contents { padding: 20px; border: 1px solid #000; background-color: #F5F5DC; }
	#biblio{ padding: 20px; border: 1px solid #000; background-color: #F5F5DC; line-height:200%; }
	
	/* header styles */
	
	#header	{
		padding: 10px 0px 10px 0px;
		border-top: 4px solid #000;
		margin: 0px 0px 0px 0px;
		}
		
	#header	h1	{
		float: left;
		width: 210px;
		padding-left: 5px;
		}

	#header	h4	span	{
		font-weight: normal;
		color: #666;
		}

	#header	img	{
		float: left;
		padding-right: 10px;
		}
		
	#header	p	{
		float: left;
		width: 420px;
		margin: 0px;
		padding: 0px;
		}
		
	#header	form	{
		margin: 0px;
		padding: 0px;
		}

	#header	input	{
		font-family: arial, sans-serif;
		font-size: 11px;
		padding: 2px;
		margin: 0px;
		} 

	#header	input.search-field {
		width: 140px;
		margin-right: 5px;
	}
	
	#mast	{
		clear: both;
		margin: 0px 0px 10px 0px;
		border: 0px;
		padding: 0px;
		width: 830px;
		background: #F3F;
		}
		
	#mast	img	{
		margin: 0px;
		padding: 0px 0px 10px 0px;
		}


	/* home page title style */
	
	#home	#cover	{
		line-height: 18px;
		margin: 0px 0px -1px 0px;
		border-bottom: 1px solid #000;
		padding: 10px 0px 0px 0px;
		height: 375px;
		background-image: url("http://clsnyder.com/images/Grunge_Background.jpg");
		background-repeat: no-repeat;
		background-color: black;
	}

	/* categories table styles */
	
	#cat-table	{
		margin-top: 0px;
		}
		
	#cat-table	h3	{
		margin: 0px 0px 5px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #CCC;
		padding: 5px 0px 6px 5px;
		background-color: transparent;
		}
		
	#cat-table	table	{
		margin: 0px;
		border-bottom: 1px solid #000;
		padding: 0px 0px 5px 0px;
		}
	
	#cat-table	table	tbody	td,
	#cat-table	table	tbody	td.special	{
		text-align: right;
		vertical-align: top;
		width: 200px;
		padding: 0px 0px 4px 0px;
		}
		
	#cat-table	table	tr	td	ul,
	#cat-table	table	tr	td	ul li	{
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 12px;
		}
		
	#cat-table	table	tr	td	ul li	{
		background-color: transparent;
		}
	
	#cat-table	table	tr	td	ul li a:link, 
	#cat-table	table	tr	td	ul li a:visited {
		font-size: 11px;
		list-style: none; 
		color: #000;
		text-decoration: none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 5px 2px 5px;
		height: auto;

  		height: 13px;
  		voice-family: "\"}\""; 
  		voice-family: inherit;
	  	height: 13px;
		}
	
	#cat-table	table	tr	td	ul li a:hover, 
	#cat-table	table	tr	td	ul li a:active {
		font-size: 11px;
		list-style: none; 
		color: #fff;
		text-decoration: none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 5px 2px 5px;
		background: #f60;
		height: auto;
		
  		height: 13px;
  		voice-family: "\"}\""; 
  		voice-family: inherit;
	  	height: 13px;
		}
		

	#cat-table	table	tr	td	span,
	.cat-name	{
		float: left;
		margin: 0px;
		padding: 0px;
		text-align: left;
		}
		
	#cat-table	table	tbody	td.shim	{
		width: 10px;
		margin: 0px;
		padding: 0px;
		}
		
	/* middle illustration */
	
	#middle-illo	{
		height: 100px;
		margin: 0px 0px -1px 0px;
		border-bottom: 1px solid #000;
		padding: 0px 0px;
		background-image: url("http://clsnyder.com/images/Grunge_Background.jpg");
		background-repeat: no-repeat;
		background-color: transparent;
		}

	#middle-illo	img	{
		margin: 0px;
		padding: 0px;
	}		
		
		

		
	/* links styles */
	
	#links		{
		margin: 0px 0px 15px 0px;
		}

	#links	h3	{
		margin: 0px 0px 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #CCC;
		padding: 5px 0px 6px 5px;
		}
		
	#links	ul {
		margin: 3px 10px 5px 0px;
		padding: 0px 0px 10px 0px;
		font-size: 12px;
	}

	#links ul li {
		list-style-type: none;
		display: block;
		float: left;
		margin: 2px 0px;
		padding: 0px;
	}

	#links ul li	a	img {
		margin: 0px 3px -4px 5px;
		background-color: white;
	}

	#links ul li	a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 5px 7px 7px 0px;
	}

	#links ul li	a:hover,
	#links ul li	a:active {
		text-decoration: none;
		background-color: #F60;
		color: white;
	}	
	
		
	

	/* footer */
		
	#footer	{
		margin: -1px 0px 0px 0px;
		border-top: 1px solid #000;
		padding: 0px 0px 20px 5px;
		}

	#footer	p	{
		width: 630px;
		margin: 0px;
		padding: 8px 0px 0px 0px;
		font-size: 10px;
		line-height: 12px;
		}
		
	/* article styles */

	#articles	#posts,
	#articles	#sidebar	{
		padding-top: 10px;
	}
	
	#articles	.day	{
		padding-bottom: 5px;
	}

	#posts	h3	{
		margin: 0px 0px 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #CCC;
		padding: 5px 0px 6px 5px;
		color: #666;
		}
	
	#articles	#posts	.more	{
		padding: 0px 0px 0px 0px;
		border-top: 0;
	}
	
	#articles	#posts	.day	h2	{
		padding: 7px 0px 7px 5px;
		font-size: 18px;
		line-height: 20px;
		font-family: helvetica, arial, sans-serif;
		color: #666;
	}

	.post-info	{
		margin: -1px 0px 0px 105px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 7px 0px 10px 5px;
		font-size: 12px;
		}
		
	.info-label	{
		display: block;
		float: left;
		width: 105px;
	}

	#posts	.post-lead	{
		border-bottom: 0;
		padding: 0px 0px 10px 0px;
	}

	.post-lead	.info-label	{
		font-size: 12px;
	}

	.body-lead	{
		margin: 6px 0px 0px 0px;
		padding: 0px;
		}

	.body-lead	.info-label	{
		float: left;
		width: 100px;
		margin: 0px;
		padding: 0px 0px 6px 110px;
		font-size: 12px;
		line-height: 19px;
		}

	.body-lead	p	{
		margin: 0px 0px 0px 215px;
		padding: 0px 10px 7px 0px;
		font-size: 12px;
		line-height: 19px;
		}
		
	#articles	.body-lead	h3	{
		margin: 18px 0px 0px 210px;
		border: 0px;
		padding-bottom: 2px;
		text-transform: uppercase;
		color: #666;
	}

	#articles	.body-lead	h4	{
		margin: 10px 0px 0px 215px;
		border: 0px;
		padding-bottom: 4px;
		font-size: 12px;
		text-transform: none;
		color: #666;
	}

	.body-lead	p	img,
	.body-lead	p	img.thumb	{
		float: left;
		margin: 3px 10px 3px 0px;
		}

	.body-lead	p.excerpt	{
		padding: 10px 15px 20px 25px;
		font-size: 11px;
		line-height: 15px;
	}

	.post-lead	blockquote	{
		padding: 5px 15px 10px 80px;
		font-size: 11px;
		line-height: 15px;
	}

	.body-lead	blockquote	{
		padding: 5px 15px 10px 190px;
		font-size: 11px;
		line-height: 15px;
	}
	

	.body-lead	p.sys-text {
		padding: 10px 15px 20px 25px;
		font-family: courier, courier new, monospace;
		font-size: 11px;
		line-height: 15px;
		}

	.body-lead	ul {
		list-style-type: square;
		list-style-position: outside;
		margin-left: 0;
		padding: 0px 10px 0px 250px;
		}
		
	.body-lead	ol {
		list-style-position: outside;
		margin-left: 0;
		padding: 0px 10px 0px 250px;
		}

	.body-lead	ul li,
	.body-lead	ol li	{
		padding-bottom: 3px;
		}

	.body-lead	ol	li	ul	{
		margin: 3px 0px 0px 25px;
		padding: 0px;
	}

	.body-lead	ol	li	ul	li	{
		margin: 0px;
		padding: 0px 0px 3px 0px;
	}

	#articles	.body-lead	h3.sidebar	{
		margin: 10px 10px 0px 215px;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		padding: 5px 10px 10px 10px;
		background-color: #F5F5F5;
	}

	p.sidebar	{
		margin: 0px 10px 10px 215px;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 0px 10px 10px 10px;
		background-color: #F5F5F5;
	}
	
	#terminator	{
		text-align: right;
		padding: 0px 20px 15px 5px;
		font-size: 16px;
		font-weight: normal;
	}

	/* article layout styles */

	img	{
		padding: 0px;
		border: 0px;
		margin: 0px;
		}

	img.thumb {
		float:left;		
		padding: 0px;
		border: 0px;
		margin: 3px 10px 5px 0px;
		}

	.pic-inline {
		margin: 5px 0px 3px 215px;
		padding-bottom: 5px;
		}

	.pic-left {
		float: left;		
		margin-right: 10px;
		padding-bottom: 5px;
		}
	
	.pic-right {
		margin-left: 10px;
		padding-bottom: 5px;
		float:right;		
		}
		
	.pic-medium	{
		/* this is a deprecated style 
		used for posts from version 
		Six.5 (Mar 03 - Dec 04)
		Use pic-mid instead */
		position: relative;
		padding: 0px 0px 10px 0px;
		margin: 10px 0px 3px 140px;
		}

	.pic-mid	{
		position: relative;
		padding: 0px 0px 10px 0px;
		margin: 10px 0px 3px 110px;
		}
		
		
	.pic-wide	{
		/* this is a deprecated style 
		used for posts from version 
		Six.5 (Mar 03 - Dec 04)
		Use pic-full instead */
		position: relative;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 35px;
		}

	.pic-full	{
		position: relative;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 5px;
		}

	.pic-medium-float	{
		float: left;
		position: relative;
		padding: 0px 0px 0px 110px;
		margin: 10px 10px 3px 0px;
		}
		
	.pic-wide-float	{
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 10px 0px 5px;
		}

	p.pullquote	{ 
		margin: 15px 10px 20px 105px;
		padding: 0px;
		font-size: 14px; 
		line-height: 17px;
		color: #666; 
		font-weight: normal;
		text-indent: -5px;
		}

	.pullquote-wide-float	{
		position: relative;
		width: 190px;
		float: left;
		font-size: 14px; 
		line-height:16px;
		color: #666; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

	/*	article caption styles */

	.caption	{ 
		font-family: arial, helvetica, sans-serif; 
		font-size: 10px; 
		line-height:12px;
		color: #666; 
		padding-bottom: 3px;
		margin: 0px 0px 0px 0px;
		background-color: transparent;		
		}

	.caption-left	{ 
		float: left;
		position: relative;
		font-family: arial, helvetica, sans-serif; 
		font-size: 10px; 
		line-height:12px;
		color: #666; 
		padding: 0px 0px 0px 110px;
		margin: 10px 0px 0px 0px;
		background-color: transparent;		
		}

		.caption-left	{ width: 195px; voice-family: "\"}\""; voice-family:inherit; width: 90px;}
		html>body .caption-left { width: 90px; }   		
		

	.caption-far-left	{ 
		float: left;
		position: relative;
		width: 90px;
		font-family: arial, helvetica, sans-serif; 
		font-size: 10px; 
		line-height:12px;
		color: #666; 
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 5px;
		background-color: transparent;		
		}
		
	.caption-wide	{ 
		float: left;
		position: relative;
		width: 200px;
		font-family: arial, helvetica, sans-serif; 
		font-size: 10px; 
		line-height:12px;
		color: #666; 
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px -210px;
		background-color: transparent;		
		}	

	/* remarks styles */
	
	#remarks	{
		margin: 0px 0px 0px 0px;
		border-top: 0px;
		border-bottom: 0px;
		padding: 0px;
		}

	#posts	#remarks	h3	{
		border-bottom: 0px;
		}

	#posts	#remarks	h3.error	{
		border-bottom: 0px;
		background-color: #F60;
		font-size: 12px;
		color: #FFF;
		}
		
	.remarks-date	{
		float: left;
		width: 205px;
		margin: 0px;
		padding: 6px 0px 8px 5px;
		font-size: 12px;
		line-height: 16px;
		color: #666;
		}

	.remarks-lead	{
		margin: 0px 0px 0px 0px;
		border-top: 1px solid #CCC;
		padding: 0px 0px 0px 0px;
		}

	.remarks-lead	p	{
		margin: 0px 0px 0px 210px;
		padding: 6px 10px 8px 5px;
		font-size: 12px;
		line-height: 16px;
		}
		
	.remarks-lead pre,
	.remarks-lead blockquote {
		margin: 0px 0px 10px 15px;
	}

	.remarks-lead	ul	{
		margin: 0px 0px 0px 210px;
		padding: 0px 0px 0px 20px;
	}

	.remarks-lead	ul	li	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 3px 0px;
	}

	.khoi	{
		padding: 0px 0px 0px 0px;
		}
	
	.khoi .remarks-date {
		padding: 6px 0px 10px 5px;
		margin-right: -28px;
		}

	.owner .remarks-date a {
		padding-left: 22px;
		background-image: url();
		background-position: 0px 0px;
		background-repeat: no-repeat;
		}

	.owner .remarks-date a:after	{
		content: ', Subtraction';
		font-weight: normal;
		}
	
	#remarks	h3	span.notation	{
		display: block;
		float: left;
		width: 205px;
		padding: 0px 5px 0px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #666;
	}

	#remarks	h3	{
		font-size: 11px;
		font-weight: normal;
	}

	#remarks blockquote	{
		padding-top: 5px;
		font-size: 11px;
		line-height: 15px;
		color: #666;
	}



	
	/* about styles */

	#about	h1.page-title	{
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 10px 0px 0px 5px;
		height: 409px;
		background-image: url("http://clsnyder.com/images/Grunge_Background.jpg");
		background-repeat: no-repeat;
	}


	#about	.post-info	{
		border-top: 0px;
	}

	address	{
		font-style: normal;
	}

	#about	#posts	{
		padding: 0px;
	}

	#about	#sidebar	{
		padding: 0px;
	}

	p, li 
	{ font-size:11px;line-height:16px; }