/*****************************************

  ML960 - theme stylesheet
  
  This style sheet is provided via a CSS preprocessor script, less.js - 'http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/'
  This allows you the use of variables in your CSS, ie for color information, widths - heights, border-thicknesses etc, very handy :@)
  
  //////////////////////////////////////////
  The CSS provided in this stylesheet is as an example only, none of the elements referenced exsist in the HTML, you may delete it.
  //////////////////////////////////////////
  
*****************************************/

@brand-color-one:#522d66;
@brand-color-two:red;
@brand-color-three:rgba(82,88,141,0.8);
@game-area-height:'100px';


	/* 
	color one items - dark purple - #522d66 
	*/
	
	#mainMenu, 
	#footMenu, 
	#detailHero .bar, 
	#homeCarousel div ul li h3, 
	#homeCarousel a.prev:hover, 
	#homeCarousel a.next:hover, 
	#catIntro .bar, 
	form button
	{ 
		background-color:@brand-color-one;
		color:@brand-color-two;
		height:@game-area-height;
	}