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


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

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

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

	#menu {
		background: #3E3A36;
		list-style: none outside;
		border-bottom: 6px solid #246FA1;
		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: #246FA1;
		background-image: url(/images/breeze-curved-tab-selected.gif);
		}
		
	#about #menu li#link-about a {
		background: #246FA1;
		background-image: url(/images/breeze-curved-tab-selected.gif);
		}
		
	#projects #menu li#link-projects a {
		background: #246FA1;
		background-image: url(/images/breeze-curved-tab-selected.gif);
		}
		
	#gallery #menu li#link-gallery a {
		background: #246FA1;
		background-image: url(/images/breeze-curved-tab-selected.gif);
		}
		
	#writings #menu li#link-writings a {
		background: #246FA1;
		background-image: url(/images/breeze-curved-tab-selected.gif);
		}
	
	#menu li#link-writings a {
		border-right: 0px;
		}

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