/*
 * Apple-Style Skin for UberMenu
 * 
 * Copyright Chris Mavricos, SevenSpark
 * 
 * License: GPL
 * 
 * To Use: Paste this into the custom.css file in your UberMenu styles/presets directory
 * and set the preset to "Custom"
 */

/* Specifically for TwentyEleven */
#access{
	background:none;
	border:none;
	box-shadow:none;
	margin-top:10px;
}

/*
 * The menu bar itself; background, border, corners
 */
#megaMenu ul.megaMenu{
	background:#2f2f2f;
	background:-moz-linear-gradient(top, #4d4d4d, #2f2f2f);
	background:-webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#2f2f2f));
	border:1px solid #545454;
	border-bottom-color:#1f1f1f;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
    background: #2f2f2f; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#4d4d4d, #2f2f2f);
    background: -o-linear-gradient(#4d4d4d, #2f2f2f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d4d4d), to(#2f2f2f)); /* older webkit syntax */
    background: -webkit-linear-gradient(#4d4d4d, #2f2f2f);
    
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
}

/*
 * Top level menu items
 */
#megaMenu ul.megaMenu > li{
	padding:0px;
}

/*
 * Top level menu item links
 */
#megaMenu ul.megaMenu > li > a{
	font-size:13px;
	color:#eee;
	text-shadow:0px 1px 1px #000000;
	border-color:transparent #4d4d4d transparent #2f2f2f;
	font-weight:normal;
}
#megaMenu ul.megaMenu > li > a img{
	margin:0px;
}

/*
 * Second level menu items
 */
#megaMenu ul.megaMenu > li ul li.ss-nav-menu-item-depth-1{

}

/*
 * The first top level menu item link
 */
#megaMenu ul.megaMenu > li:first-child > a{
	border-left-color:transparent;
}

/*
 * The last top level menu item link
 */
#megaMenu ul.megaMenu > li:last-child > a{
	border-right-color:transparent;
}

/*
 * Top level hover settings & Top Level Current Menu Item
 */
#megaMenu ul.megaMenu > li:hover > a, 
#megaMenu ul.megaMenu > li > a:hover, 
#megaMenu ul.megaMenu > li.megaHover > a,
#megaMenu > ul.megaMenu > li.ss-nav-menu-item-depth-0.current-menu-item > a,
#megaMenu > ul.megaMenu > li.ss-nav-menu-item-depth-0.current-menu-parent > a,
#megaMenu > ul.megaMenu > li.ss-nav-menu-item-depth-0.current-menu-ancestor > a{
	background:#2f2f2f;
	box-shadow:inset 0px 0px 30px #000;	
	color:#fff;
	text-shadow:0px 1px 1px #000;
}


/*
 * Submenu Borders
 */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, 
#megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu{
	border-color:#dfdfdf;
}

/*
 * In most cases, the bottom border for the hovered top level menu item should be the same as 
 * the background, so that it is not visible.
 */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega:hover > a, 
#megaMenu ul.megaMenu > li.ss-nav-menu-reg.mega-with-sub:hover > a, 
#megaMenu ul.megaMenu > li.ss-nav-menu-mega.megaHover > a, 
#megaMenu ul.megaMenu > li.ss-nav-menu-reg.mega-with-sub.megaHover > a{
	border-bottom-color:#000;
}


#megaMenu ul li.mega-with-sub > a, 
#megaMenu ul li.ss-nav-menu-mega > a{
	background-image:none;
}

/*
 * Submenu Border Radius
 */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1{
	border-radius:0px 0px 3px 3px;
	-moz-border-radius:0px 0px 3px 3px;
	-webkit-border-radius:0px 0px 3px 3px;
}
#megaMenu ul.megaMenu > li.ss-nav-menu-reg ul.sub-menu{
	border-radius:0px 0px 3px 3px;
	-moz-border-radius:0px 0px 3px 3px;
	-webkit-border-radius:0px 0px 3px 3px;
}
#megaMenu ul.megaMenu > li.ss-nav-menu-reg ul.sub-menu ul.sub-menu{
	border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	-webkit-border-radius:0px 3px 0px 3px;
}
#megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1, 
#megaMenu li.ss-nav-menu-reg ul.sub-menu{
	background:#efefef;
	background:#e9e9e9 url(../images/silver_sub.png) top left repeat-x;
	background:-moz-linear-gradient(top, #fefefe, #efefef);
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
}
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a, 
#megaMenu ul ul.sub-menu li a{
	color:#444;
	font-size:12px;
	text-shadow:0px 1px 1px #fff;
	border-bottom: none;
}
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, 
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, 
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
.wpmega-widgetarea h2.widgettitle{
	color:#222;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #fff;
}
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a{
	color:#000;
}
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu li.ss-nav-menu-highlight > a, #megaMenu ul li.ss-nav-menu-reg ul.sub-menu li.ss-nav-menu-highlight > a{
	color:#000;
	text-shadow:0px 1px 1px #fff;
	font-weight:bold;
}
.ss-nav-menu-with-img .wpmega-link-title, .ss-nav-menu-with-img .wpmega-link-description{
	/*padding-left:20px;*/
}
.ss-nav-menu-with-img{
	min-height:20px;
}

#megaMenu ul.megaMenu > li.ss-nav-menu-reg ul.sub-menu > li > ul.sub-menu{
	
	border-left-color:#111;
	border-radius:0px 2px 2px 0px;
	-moz-border-radius:0px 2px 2px 0px;
	-webkit-border-radius:0px 2px 2px 0px;
}