// This document is used to add styles to the pages,without requiring extraneous markup in the code
$(document).ready(function() {
	/* Add classes for www.960.gs and insert gutters for styling/padding of HTML content
	----------------------------------------------------------------------------------------------*/
		/* how many columns would you like?  12 or 16?
		-----------------------------------------------------------------*/
			$("body").wrapInner('<div class="container_12"></div>');
		/* Add 960 classes to each element (to remove it from the markup)
		-----------------------------------------------------------------*/
			$("#masthead, #main-navigation, #footer").addClass("grid_12");
			$("#primary-content").addClass("grid_8");
			$("#secondary-content").addClass("grid_4");	
		/* Insert a "gutter" div for padding 
		-----------------------------------------------------------------*/
		$("#masthead, #primary-content, #secondary-content, #footer").wrapInner('<div class="gutter"></div');
	/* Add a "last" class to the last list item in unordered and ordered lists	
	----------------------------------------------------------------------------------------------*/
		$("ul li:last-child, ol li:last-child").addClass("last");
	/* Add a "hilite" class to every other row in a table
	----------------------------------------------------------------------------------------------*/
		$("table tr:nth-child(2n)").addClass("hilite");
	/* Add a "hover" class when mousing over a table row, remove the class when mousing out.
	----------------------------------------------------------------------------------------------*/
		$("table tr").hover(function() {
			$(this).addClass("hover");
			},function(){
				$(this).removeClass("hover");
			});
 });