/*
	CSS for a menu with light colors.
*/

/*
	Menu, submenus, items
	- Styling (light background)
*/
.mm-menu
{
	background: #333;
}
.mm-menu *
{
	text-shadow: none;
}
.mm-menu li
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mm-menu li:after
{
	border-bottom-color: rgba(0, 0, 0, 0.4);
}
.mm-menu li,
.mm-menu li > a,
.mm-menu li > a:hover,
.mm-menu li > span
{
 	text-decoration: none;
}
.mm-menu li > a:hover {
	color:#fff;
}
.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span
{
	background: rgba( 255, 255, 255, 0.6 );
}

/* subopen/close */
.mm-menu a.mm-subopen
{
	 
}
.mm-menu a.mm-subopen:before
{
}
.mm-menu a.mm-subclose
{
 }

/* vertical submenu */
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul
{
	background: rgba( 0, 0, 0, 0.05 );
}

/* page + blocker */
html.mm-opened .mm-page
{
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.6 );
	background-color: #fff;
}


/*
	Labels
	- Styling
*/
.mm-menu li.mm-label
{
	background: rgba( 0, 0, 0, 0.05 );
	color: rgba( 0, 0, 0, 0.4 );
}


/*
	Counters
	- Styling
*/
.mm-menu em.mm-counter
{
	background: rgba( 0, 0, 0, 0.2 );
	box-shadow: none;
	color: rgba( 255, 255, 255, 0.8 );
}


/*
	Arrows
	- Styling
*/
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before
{
	 
}


/*
	Search
	- Styling
*/
.mm-menu div.mm-search
{
	background: rgba( 0, 0, 0, 0.2 );
	border-bottom-color: rgba( 0, 0, 0, 0.1 );
}
.mm-menu div.mm-search input
{
	background: rgba( 255, 255, 255, 0.8 );
	border: none;
	color: rgba( 0, 0, 0, 0.7 );
}
.mm-menu li.mm-noresults
{
	 
}