$(document).ready(function(){
	var _nav = $('#nav a');
	var _colorEl = $('#content h2, div.side-box h3')
	var _color = _colorEl.css('color');
	var _duration = 1500;
	
/*	
	//not sure what this was for.. it was fading the left items to different colors on nav hover
	_nav.mouseenter(function(){
		var _newColor = this.rev;
		_colorEl.stop().animate({'color':_newColor},{duration:_duration, queue:false});
	}).mouseleave(function(){
		_colorEl.stop().animate({'color':_color},{duration:_duration, queue:false});
	});
	*/
	
	//set the left nav to the proper color
	try {
		var _activeItemColor = $("#nav a.active").attr('rev');
		$('#content h2, div.side-box h3').css('color', _activeItemColor);
	} catch (e) {
		//don't do anything crazy here
	}


});