/*
 * ikaaro menu
 */

#nav-wrapper {
  border: 1px solid #C17D11;
  height: auto;
}

/**************************************************************************
 * Nav
 * ***********************************************************************/
#nav {
  width: 100%;
  height: 23px;
  position: relative;
  float: left;
  /* color */
  background: #444;
  border-bottom: 1px solid #444;
}

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  display:block;
}

#nav li {
  float: left;
  /* Padding-right is used to add space between each item */
  padding-right: 1px;
}

#nav li.last {
  padding-right: 0;
}

#nav a {
  cursor: pointer;
  /* font */
  font-size: 12px;
  font-weight: normal;
  height: 22px; /* #nav.height - 1 */
  line-height: 20px; /* center text vertically #nav.height - 3 */
  /* render */
  text-decoration: none;
  white-space: nowrap;
  display: block;
  padding: 0 6px;
  /* color */
  color: #FFF;
  border-top: 1px solid #444;   /* Add border to avoid size change during hover */
  border-right: 1px solid #444; /* " */
  border-left: 1px solid #444;  /* " */
}

#nav a:hover,
#nav li.in-path a {
  color: #444;
  background: #FFF;
  border-top: 1px solid #444;
  border-right: 1px solid #444;
  border-left: 1px solid #444;
  border-bottom: 1px solid #fff;
}

/* Without global background */
#nav {
  background: transparent;
}
#nav a {
  background: #444;
}

/* Fix IE6 */
* html #nav a {
  display: inline;
  padding-bottom: 6px;
}
* html #nav li {
  height: 23px;
}