// Do not edit this file. Create a custom theme instead.

#main-menu,
#secondary-menu,
#navigation{
  text-align: center;
}

#main-menu,
#navigation {
  margin-bottom: @size1;
}

ul.menu {
  margin-bottom: 0;
  #topbar &,
  #main-menu &,
  #secondary-menu &,
  #navigation & {
    .inline-list();
  }
  #main-menu &,
  #secondary-menu &,
  #navigation & {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

.item-list ul.pager {
    margin-top: (@size1 + @size2)
}

ul.primary {
  border-bottom: 1px solid rgb(220,220,220);
}
ul.primary li a {
  .vertical-gradient(@colorWhite, darken(@colorWhite, 4%));
  border-color: darken(@colorWhite, 8%);
  border-style: solid solid none solid;
  border-width: 1px;
  .border-radii(@size2, @size2, 0, 0);
  .box-shadow(0px, 1px, 0px, 0px, @colorWhite, inset);
  color: darken(@colorWhite, 60%);
  .inline-block();
  font-weight: bold;
  height: auto;
  line-height: @size1;
  margin-right: @size3; /* LTR */
  padding: 0 @size2;
  text-align:center;
  text-decoration:none;
  text-indent:0;
  text-shadow:1px 1px 0px @colorWhite;
}
ul.primary li.active a {
  .vertical-gradient(@colorWhite, @colorWhite);
  border: 1px solid darken(@colorWhite, 8%);
  border-bottom: 1px solid @colorWhite;
}
ul.primary li a:hover {
  .vertical-gradient(darken(@colorWhite, 7%), darken(@colorWhite, 2%));
  border-color: darken(@colorWhite, 8%);
  border-bottom-color: darken(@colorWhite, 5%);
}

.breadcrumb {
  clear: both;
  .font-size(@msSmaller1);
  font-style: italic;
}
