/* Drupal's Tabs */
ul.tabs {
  margin: 10px 0 20px;
  line-height: 20px;
  border-bottom: 0;
  padding: 0;
  top: 0;
}

ul.tabs li {
  display: inline-block;
}

ul.tabs li a {
  display: block;
  
  background: #f5f3f0;
  color: #222222;
  border: 0;
  border-radius: 3px;
  
  /* Make this 1px less if there's a 1px border etc */
  height: 40px;
  line-height: 40px;
  margin: 0;
}

ul.tabs li a.active {
  background: #df1f28;
  color: #ffffff;
  border: 0;
}



/* Drupal's Messages */
div.messages,
tr.messages {
  position: relative;
  top: -1px;
  /* 1px less due to border */
  padding: 19px 20px 19px 60px;
  margin: 0 0 20px 0;
  background-position: 20px 15px;
  border-radius: 3px;
}



/* Drupal fixes */

/* Fix drop downs on admin menu */
#admin-menu li ul {
  top: auto;
}

/* Sort alignment of Drupal's leaf menu styles */
li.expanded,
li.collapsed,
li.leaf {
  padding: 0;
  list-style-type: none !important;
  list-style-image: none !important; /* Debating whether to use this everywhere */
}

/* Fix style guide styles that bugger up my baseline grid! */
#styleguide-header {
  border: none;
}

h2.styleguide {
  margin: 20px 0;
  font-size: 28px;
  line-height: 40px;
  top: 10px;
  color: #000;
  text-transform: none;
}

.styleguide-description {
  font-size: 14px;
  margin: 0 0 20px;
}

#styleguide-header .item-list {
  margin: 0 20px 20px 0;
}

#styleguide-header .break {
  margin-bottom: 1px;
}

div.styleguide {
  border: none;
}

/* Resolve the annoying extra spacing under the images – careful doing this across the whole site though */
.styleguide img {
  display: block;
}