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

/* --------------------------------------------------------------------------
////////////////////////////  headers
-------------------------------------------------------------------------- */

	h1 {
		background: #3E3A36;
		background-image: url(/images/header3.gif);
		color: white;
		font-family: trebuchet ms, verdana, lucida, helvetica, sans-serif;
		font-size: 25px;
		text-align: center;
		height: 90px;
		margin: 0px;
		padding-top: 30px;		
		}
	
	h1 span {
		display: none;
		}
		
	h2 {
		color: #669933;
		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;
		}
		

/* --------------------------------------------------------------------------
////////////////////////////  navigation (main)
-------------------------------------------------------------------------- */	

	#colophon {
		border-top: 6px solid #669933;
		}

	#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: none;
		background: #669933;
		}
	
	#section-outline li#active a {
		color: white;
		}

	#menu {
		background: #3E3A36;
		list-style: none outside;
		border-bottom: 6px solid #669933;
		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: #666666;
		/*background-image: url(/images/tab-back.gif); */
		background-image: url(/images/curved-tab.gif);
		color: #fff;
		text-decoration: none;
		font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
	 /* 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 #3E3A36;		
		display: block;
		width: 90px;
		padding: 13px 20px 8px 10px;
		}
	
	#menu li a:hover {
		background: #7D7D7D;
		background-image: url(/images/curved-tab-hover.gif);
		color: #fff;
		text-decoration: none;
		display: block;
		}
		
	#weblog #menu li#link-weblog a {
		background: #669933;
		background-image: url(/images/shire-curved-tab-selected.gif);
		}
		
	#about #menu li#link-about a {
		background: #669933;
		background-image: url(/images/shire-curved-tab-selected.gif);
		}
		
	#projects #menu li#link-projects a {
		background: #669933;
		background-image: url(/images/shire-curved-tab-selected.gif);
		}
		
	#gallery #menu li#link-gallery a {
		background: #669933;
		background-image: url(/images/shire-curved-tab-selected.gif);
		}
		
	#writings #menu li#link-writings a {
		background: #669933;
		background-image: url(/images/shire-curved-tab-selected.gif);
		}
	
	#menu li#link-writings a {
		border-right: 0px;
		}

/* --------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------- */