3 files changed, 15 insertions, 8 deletions
diff --git a/misc/vertical-tabs.css b/misc/vertical-tabs.css
index 61d100f28..99b672d46 100644
--- a/misc/vertical-tabs.css
+++ b/misc/vertical-tabs.css
@@ -47,11 +47,6 @@ div.vertical-tabs ul.vertical-tabs-list li a:focus {
 div.vertical-tabs ul.vertical-tabs-list li a:hover {
   text-decoration: none;
 }
-div.vertical-tabs ul.vertical-tabs-list li strong {
-  /* Strong tags are used around tab titles to indicate importance; however,
-     only the currently active tab should actually look bold. */
-  font-weight:normal;
-}
 div.vertical-tabs ul.vertical-tabs-list li.selected {
   background: #fff;
   border-right-width: 0;
@@ -60,8 +55,8 @@ div.vertical-tabs ul.vertical-tabs-list li.selected {
 div.vertical-tabs ul.vertical-tabs-list li.selected a:focus {
   outline: 0;
 }
-div.vertical-tabs ul.vertical-tabs-list li.selected strong {
-  font-weight: bold;
+div.vertical-tabs ul.vertical-tabs-list li.selected strong,
+div.vertical-tabs ul.vertical-tabs-list li.selected small {
   color: #000;
 }
 div.vertical-tabs ul.vertical-tabs-list .summary {
diff --git a/misc/vertical-tabs.js b/misc/vertical-tabs.js
index e96fba6d4..9d6bc6f95 100644
--- a/misc/vertical-tabs.js
+++ b/misc/vertical-tabs.js
@@ -111,7 +111,7 @@ Drupal.theme.prototype.verticalTab = function (settings) {
   tab.item = $('<li class="vertical-tab-button"></li>')
     .append(tab.link = $('<a href="#"></a>')
       .append(tab.title = $('<strong></strong>').text(settings.title))
-      .append(tab.summary = $('<span class="summary"></span>')
+      .append(tab.summary = $('<small class="summary"></small>')
     )
   );
   return tab;
diff --git a/themes/garland/style.css b/themes/garland/style.css
index a4ad47f50..9169199bc 100644
--- a/themes/garland/style.css
+++ b/themes/garland/style.css
@@ -886,6 +886,18 @@ div.vertical-tabs ul.vertical-tabs-list li {
   border-color: #d9eaf5;
 }
 
+div.vertical-tabs ul.vertical-tabs-list li strong {
+  font-weight: normal;
+}
+
+div.vertical-tabs ul.vertical-tabs-list li.selected strong {
+  font-weight: bold;
+}
+
+div.vertical-tabs ul.vertical-tabs-list li.selected small {
+  color: #898989;
+}
+
 div.vertical-tabs ul.vertical-tabs-list li.selected {
   background: #fff repeat-x 0 0;
 }