I can't tell if this is by design or a bug....

In h2 and h3 elements, link text is bigger than plain text. This is because the relative font-size rule counts twice for the a elements.
The problem is at line 137:

h2, h2 a, h2 a:hover, .block h3, .block h3 a {
  font-size: 122%;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  margin:.5em 0 .5em 0;
}

An A in an H2 gets the 122% rule applied twice, and because it's relative, you get 122% x 122%. Text that's not in the link only gets the rule once so is smaller.
The solution (assuming this is a bug) is to move the font-size property to another selector that covers only the plain headings:

h2, h2 a, h2 a:hover, .block h3, .block h3 a {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  margin:.5em 0 .5em 0;
}
h2, .block h3 {
  font-size: 122%;
}

Comments

JohnAlbin’s picture

Title: plain text and links in h2 and h3 different sizes » plain text and links are different sizes inside a h1, h2, or h3
Status: Needs review » Fixed

This was also happening with the declarations for "h1.title a", "h1 a", and ".comment h3.title a"

Anonymous’s picture

Status: Fixed » Closed (fixed)