/* XUL.fr
  Apple-like Menu
  (c) webassembly.fr LGPL License
  CSS Document 
*/

#menubar ul {
  font: normal 0.9em arial, sans, sans-serif;
  margin: 0;
  padding:0 0 26px 0;
}

#menubar ul li {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  text-align:center;
}

#menubar ul li a {
  float: left;
  padding:11px;
  margin: 0;
  text-shadow: 0.04em 0.04em white;
  color:black;
  text-decoration: none;
  background: url(images/menu-blue.gif) repeat-x;   
  z-index:3; 
  opacity:0.8; 
  padding-left:32px;
}


#google {
  background:url(images/menu-google.gif) 5% 40% no-repeat; 
  padding-top:16px;
  z-index:2;
}

#bing {
  background:url(images/menu-bing.gif) 5% 40% no-repeat; 
  padding-top:16px;
  z-index:2;
}

#ddg {
  background:url(images/menu-ddg.gif) 5% 45% no-repeat; 
  padding-top:16px;
  z-index:2;
}


.firstitem {
  float:left;
  padding:0;
}

.lastitem {
  padding:0;
}

.firstitem img, .lastitem img {
  top:0;
  left:0;
  padding:0;
  background:none;
  opacity:0.8; 
}

#menubar li a, #menubar li a:visited, #menubar li a:active {
  text-decoration:none;
  color:black;  
}


#menubar li a:hover {
  opacity:0.8; 
  text-shadow:-0.05em -0.05em black;
  text-shadow: none; 
  background-image:url(images/menu-blue-dark.gif);
  border-right:1px solid #CCC;
}