// function to fix the height of the main div and whatever else needs doing
function fixTemplate(){
	
	
	
	//$('main').style.height = (viewportHeight() - 30 - $('header').clientHeight) + 'px';
	//$('content').style.height = (viewportHeight() - $('header').clientHeight - 10) + 'px';
};



var viewportHeight = (function(){
	if (self.innerHeight)
		return function(){ return self.innerHeight; };
	else if (document.documentElement && document.documentElement.clientHeight)
		return function(){ return document.documentElement.clientHeight; };
	else if (document.body)
		return function(){ return document.body.clientHeight; };
})();