/*
--------------------------------------------------------------------------
	NATIVE HUE
	ALTERNATIVE STYLESHEET FOR [SCREEN]
	plain.css
	
	author:   adam polgar
	version:  2004-3-7 (revision 3)
-------------------------------------------------------------------------- */	

/* --------------------------------------------------------------------------
////////////////////////////  global
-------------------------------------------------------------------------- */

	body {
		background: white;
		color: black;
		font-family: verdana, geneva, arial, sans-serif;
		font-size: 11px;
		word-spacing: 1px;
		line-height: 16px;		
		margin: 0px 0px 25px 0px;
		}
		
	acronym, abbr {
		border-bottom: 1px dotted black;
		cursor: help;
		}
	   
	img {
		border: 0px;
		}

/* --------------------------------------------------------------------------
////////////////////////////  hidden
-------------------------------------------------------------------------- */

	hr {
		display: none;
		}
		
	.obscured {
		display: none;
		}

		
/* --------------------------------------------------------------------------
////////////////////////////  boxes (for layout)
-------------------------------------------------------------------------- */

	#thebox {
		background: white;
		background-image: none;
		text-align:left;
		width:672px;
		margin-right:auto;
		margin-left:auto;
		}
		
	#content {
		background: white;
		width: 430px;
		border-top: 1px solid #E7E4DB;
		margin: 0px 0px 15px 0px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		}
		
	.content-section {
		border-top: 1px dotted #99948B;
		}
		
	#bread {
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px;
		}
		
	#sidebar {
		font-family: trebuchet ms, verdana, lucida, helvetica, sans-serif;
		font-size: 13px;
		width: 185px;
		border-top: 13px solid #F1EEE5;
		padding-right: 10px;
		padding-left: 13px;
		margin-top: 0px;
		float: left;
		}
		
	.side-section {
		background: #EFEDE7;
		background-image: url(/images/side.gif);
		padding: 8px;
		}
		
	#colophon {
		background: white;
		background-image: none;
		color: black;
		font-size: 11px;
		text-align: left;		
		width: inherit;
		height: 25px;
		border-top: 1px solid gray;
		padding-top: 10px;
		clear: both;
		}
		
	#colophon a {
		border-bottom: 1px dotted white;
		color: black;
		}

/* --------------------------------------------------------------------------
////////////////////////////  lists
-------------------------------------------------------------------------- */
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	#sidebar li {
		background-image: url(/images/recent.gif);
		background-repeat: no-repeat;
		font-family: verdana, geneva, arial, sans-serif;
		font-size: 10px;
		padding-left: 20px;
		}

	ol.fancylist-large {
		background-image: url(/images/stripes-large.gif);
		width: 428px;
		border: 1px solid #BBB9AE;
		margin-left: 0px;
		margin-top: 15px;
		margin-bottom: 25px;
		padding-left: 0px;
		display: block;		
		}
		
	.fancylist-large li {
		list-style: none;
		height: 40px;
		padding: 10px 5px 0px 5px;
		}
		
	ol.fancylist-small {
		background-image: url(/images/stripes-small.gif);
		width: 428px;
		border: 1px solid #BBB9AE;
		margin-top: 15px;
		margin-bottom: 25px;
		margin-left: 0px;
		padding-left: 0px;
		display: block;
		float: left;
		clear: both;		
		}
		
	.fancylist-small li {
		list-style: none;
		width: 204px;
		height: 26px;
		padding: 10px 5px 0px 5px;
		display: inline;
		float: left;
		}
			
/* --------------------------------------------------------------------------
////////////////////////////  headers
-------------------------------------------------------------------------- */

	h1 {
		background: white;
		background-image: none;
		color: black;
		font-family: trebuchet ms, verdana, lucida, helvetica, sans-serif;
		font-size: 25px;
		text-align: left;
		height: 90px;
		margin: 0px;
		padding-top: 30px;		
		}
	
	h1 span {
		display: none;
		}
		
	h2 {
		color: #A15624;
		font-family: trebuchet ms, verdana, lucida, helvetica, sans-serif;
		font-size: 15px;
		margin: 0px;
		padding: 20px 0px 0px 0px;
		}
		
	#weblog h2 a {
		color: #A15624;
		}
		
	#weblog h2 a:hover {
		color: #800000;
		}
		
	#sidebar h3 {
		background: #D9D5C6;
		font-family: georgia, times new roman, times, serif;
		font-size: 10px;
		border: 1px solid #BBB9AE;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		}
		
/* --------------------------------------------------------------------------
////////////////////////////  text
-------------------------------------------------------------------------- */

	.headerify {
		font-family: georgia;
		font-size: 11px;
		display: block;
		margin-bottom: -10px;
		padding-bottom: 0px;
		}
		
	#sidebar p {
		font-family: verdana, geneva, arial, sans-serif;
		font-size: 10px;		
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: 0px;		
		}
		
	#sidebar a {
		font-family: verdana, geneva, arial, sans-serif;
		font-size: 10px;
		margin-left: 0px;
		}
		
/* --------------------------------------------------------------------------
////////////////////////////  links
-------------------------------------------------------------------------- */

	a, a:link {
		color: #069;
		text-decoration: none;
		font-weight: bold;
		}
	
	a:visited {
		color: #069;
		text-decoration: none;
		font-weight: bold;	
		}
	
	a:active {
		color: #800000;
		text-decoration: none;
		font-weight: bold;	
		}
	
	a:hover {
		color: #800000;
		text-decoration: none;
		font-weight: bold;	
		}
/* --------------------------------------------------------------------------
////////////////////////////  images
-------------------------------------------------------------------------- */

	#banner {
		background: #99948B;
		background-image: url(/images/banner.jpg);
		height: 180px;
		margin: 0px 0px 0px 0px;
		}
		
	.framed {
		border: 1px solid #99948B;
		background: white;
		padding: 3px;
		margin-top: 10px;
		}
/* --------------------------------------------------------------------------
////////////////////////////  navigation (main)
-------------------------------------------------------------------------- */	

	#section-outline-side-section {
		padding: 0px 1px 0px 1px;
		}

	#section-outline {
		display: block;
		list-style: none outside;
		background: url(../images/section-backx.gif);
		}
		
	#section-outline li {
		list-style: none outside;
		background-image: none;
		padding: 0px;
		margin: 0px;
		}
		
	#section-outline li a {
		display: block;
		padding: 4px;
		margin: 0px;
		height: 16px;
		color: gray;
		border-bottom: 1px solid #D3D3D3;
		padding-left: 25px;
		}
		
	#section-outline li a:hover {
		background-image: url(../images/transbackx.png);
		background: #E5E1D7;
		}
		
	#section-outline li#active a:hover {
		background-image: none;
		background: none;
		}
		
	#section-outline li#active {
		background-image: url(../images/section-back-active.gif);
		}
	
	#section-outline li#active a {
		color: white;
		}

	#menu {
		background: white;
		list-style: none outside;
		border-bottom: 1px solid gray;
		height: 34px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	
	#menu li {
		list-style: none;
		display: inline;
		float: left;
		}
	
	#menu li a {
		background: white;
		/*background-image: url(/images/tab-back.gif); */
		background-image: none;
	 /* this would be margin-right, but there's a bug in safari
	    that doesn't render it properly, so we use a border */
		border-right: 18px solid white;		
		display: inline;
		width: none;
		padding: 13px 20px 8px 10px;
		color: blue;
		text-decoration: underline;
		font-family: Verdana;
		font-size: 11px;
		}
	
	#menu li a:hover {
		background: white;
		background-image: none;
		display: inline;
		color: blue;
		text-decoration: underline;
		}
		
	#weblog #menu li#link-weblog a {
		background: #A15624;
		background-image: url(/images/curved-tab-selected.gif);
		}
		
	#about #menu li#link-about a {
		background: #A15624;
		background-image: url(/images/curved-tab-selected.gif);
		}
		
	#projects #menu li#link-projects a {
		background: #A15624;
		background-image: url(/images/curved-tab-selected.gif);
		}
		
	#gallery #menu li#link-gallery a {
		background: #A15624;
		background-image: url(/images/curved-tab-selected.gif);
		}
		
	#writings #menu li#link-writings a {
		background: #A15624;
		background-image: url(/images/curved-tab-selected.gif);
		}
	
	#menu li#link-writings a {
		border-right: 0px;
		}

/* --------------------------------------------------------------------------
////////////////////////////  mt-specific
-------------------------------------------------------------------------- */
	
	.blog-item {
		border-top: 1px dotted #99948B;
		}
		
	.archive-item {
		border-top: 1px dotted #99948B;
		}
		
	.archive-item a {
		color: black;
		border-bottom: 1px dotted black;
		}
		
	.archive-item strong {
		display: block;
		margin-bottom: -10px;
		padding-bottom: 0px;
		}
		
	#seealso {
		margin: 0px;
		padding: 10px 0px 10px 0px;
		}
		

	.faded {
		color: #99948B;
		}
		
		
	#comments h3 {
		background: #D9D5C6;
		font-family: georgia, times new roman, times, serif;
		font-size: 10px;
		border-bottom: 1px solid #BBB9AE;
		margin: -10px -10px 15px -10px;
		padding: 5px;
		}
		
	#comments {
		border: 1px solid #BBB9AE;
		padding: 10px;
		background: #EFEDE7;
		}
		
	.comment-item {
		border-bottom: 1px dotted #666666;
		margin-bottom: 10px;
		}
	
	.comment-num {
		color: #D1CFCB;
		font-size: 17px;
		font-weight: bold;
		margin: 0px 0px -30px 380px;
		padding: 0px;
		}
	
	.comment-author {
		font-weight: bold;
		margin: 13px 0px 0px 0px;
		padding: 0px;
		}
	
	.comment-timeline {
		color: #99948B;
		padding: 0px;
		margin-bottom: 10px;
		}
		
	.comment-body {
		padding: 0px;
		margin: 0px;
		margin-top: -5px;
		}
/* --------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------- */