/* style presets */
	
	html, body, div, span,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, img, q, s, strong, sub, sup, 
	b, u, i, center, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	input, textarea, select {
		margin : 0%;
		padding : 0%;
		border : 0%;
		outline : 0%;
		font-size : 11pt;
		font-family : helvetica;
		text-align : left;
		vertical-align : baseline;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after  {
		content : '';
		content : none;
	}

	a {
		font-family : helvetica;
	}
	
	ul  {
		list-style : none;
	}
	
	blockquote, q  {
		quotes : none;
	}
	
	table  {
		border-collapse : collapse;
		border-spacing : 0%;
	}

	a img {
		border : none; 
		display: block;
	}
	
	h1, h2, h3 {
		padding : 4pt;
	}
	
	p {
		padding : 4pt;
		line-height : 12pt;
	}
	
	a {
		text-decoration : none;
		color : #000;
	}
	
	a.para {
		background-color : #ace;
	}
	
	.error {
		color : #f00;
	}
	
	label {
		cursor : pointer;
	} /* for accessible forms */
	
	html, body {
		text-align : center;
		background-color : #fff; 
	}
	
	/* template shell */
	
	#page {
		margin : 24px auto 0% auto;
		width : 916px;
	}
	
	#head {
		width : 100%;
		height : 15px;
		background : #fff url( '/media/images/header-background.gif' ) top left no-repeat;
	}
	
	#container {
		padding : 0% 16px;
		
		width : 100%;
		background: #fff url( '/media/images/vertical-background.gif' ) top left repeat-y;
	}
	
	#mast {
		width : 884px;
		height : 128px;
		background : #ace url( '/media/images/background.gif' ) top left no-repeat;
	}
	
	#logo {
		float : left;
		width : 50%;
	}
	
	#logo div {
		padding : 12px 48px;
	}
	
	#navigation {
		float : left;
		width : 50%;
	}
	
	#spacer {
		height : 93px;
	}
	
	#navigation ul li {
		float : left;
	}
	
	#navigation ul li p {
		margin : 0% 4px 0% 0%;
		background-color : #246;
		text-align : center;
		
		width : 88px;
		height : 24px;
		line-height : 24px;
	}
	
	#navigation ul li p a {
		color : #fff;
		font-size : 11pt;
		font-weight : bold;
	}
	
	#pushdown {
		margin : 4px 0% 0% 0%;
		
		width : 884px;
		border-top : dotted 1px #246;
	}
	
	#body {
		width : 884px;
	}
	
	#posts {
		float : left;
		width : 544px;
	}
	
	#tools {
		margin : 4px 8px 0% 8px;
		float : left;
		width : 324px; /* 340 with margins */
		
		background-color : #fff; /* was #ace */
	}
	
	#tools ul li {
		border-top : dotted 1px #000;
	}
	
	#tools ul li p {
		padding : 2pt;
		font-size : 11pt;
	}
	
	.part {
		margin : 0% 5% 0% 0%;
		float : left;
		width : 45%;
	}
	
	.tool {
		float : left;
		width : 100%;
	}
	
	.tool img {
		display : inline;
	}
	
	.post {
		margin : 0% 0% 16px 0%;
		padding : 0% 0% 16px 0%;
		border-bottom : dotted 1px #246;
	}
	
	.post h2 {
		font-size : 14pt;
	}
	
	.post img {
		margin : 8px;
		padding : 6px;
		
		border : solid 1px #000;
	}
	
	.post a.external {
		background-color : #ace;
	}
	
	.readmore {
		width : 100%;
	}
	
	.readmore p {
		text-align : right;
	}
	
	.readmore p a {
		padding : 4px 12px;
		
		color : #fff;
		background-color : #246;
	}
	
	.comment {
		float : left;
		width : 100%;
	}
	
	.comment-negative{
		margin : 2%;
		
		width : 96%;
		color : #000;
		background-color : #ace;
		border-top : dashed 1px #000;
		border-bottom : dashed 1px #000;
	}
	
	.comment-positive  {	
		margin : 2%;
		
		width : 96%;
		color : #fff;
		background-color : #246;
		border-top : dashed 1px #fff;
		border-bottom : dashed 1px #fff;
	}
	
	#info {
		width : 884px;
	}
	
	#foot {
		margin : 0% 0% 18px 0%;
		
		width : 100%;
		height : 16px;
		background : url( '/media/images/footer-background.gif' ) top left no-repeat;
	}
	
	/* admin styles */
	
	#admin-posts {
		float : left;
		width : 75%;
	}
	
	#admin-tools {
		margin : 0%;
		float : left;
		width : 25%;
	}
	
	.admin-records {
		float : left;
		width : 100%;
	}
	
	.admin-records div p a {
		color : #aaa;
	}
	
	.admin-records div p a:hover {
		color : #000;
	}