@import "variables";

#breadcrumb {
  background: url('[{$dir_images}]bc_bg.gif') repeat-x;
  border-bottom: 1px solid $darkgrey;
  color: $darkgrey;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;

  li {
    list-style-type: none;
    float: left;
    padding-left: 10px;
    font-weight: bold;
    text-shadow: 0 1px 0 $white;

    a {
      line-height: 34px;
      height: 34px;
      display: inline-block;
      background: url('[{$dir_images}]bc_separator.png') no-repeat right;
      padding-right: 15px;
      text-decoration: none;
      color: #454545;
    }
  }

  a:hover {
    color: lighten($brand-color, 6.7%);
  }
}

.home a {
  border: none;

  img {
    margin: 11px;
  }
}
