diff --git a/bootstrap-1.3.0.css b/bootstrap-1.3.0.css
index de9b0045f0f0b89a3bd2a29814c13bc7ff1403dd..fef02501d65b65fdd04ddf90f00b484638e0a436 100644
--- a/bootstrap-1.3.0.css
+++ b/bootstrap-1.3.0.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Sat Sep 10 22:46:48 PDT 2011
+ * Date: Sat Sep 10 22:50:02 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -2252,7 +2252,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 .media-grid li {
   display: inline;
 }
-.media-grid .thumbnail {
+.media-grid a {
   float: left;
   padding: 4px;
   margin: 0 0 20px 20px;
@@ -2264,12 +2264,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
 }
-.media-grid .thumbnail:hover {
+.media-grid a img {
+  display: block;
+}
+.media-grid a:hover {
   border-color: #0069d6;
   -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
   box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
 }
-.media-grid img {
-  display: block;
-}
diff --git a/bootstrap-1.3.0.min.css b/bootstrap-1.3.0.min.css
index ee4918fe5a34bbbbce58b60fb0141a60f0788e0e..f497bd367bd9c39614a9a0a13a643198c73a1157 100644
--- a/bootstrap-1.3.0.min.css
+++ b/bootstrap-1.3.0.min.css
@@ -308,5 +308,5 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;
 .media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;*display:inline;}
 .media-grid:after{clear:both;}
 .media-grid li{display:inline;}
-.media-grid .thumbnail{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid .thumbnail:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
-.media-grid img{display:block;}
+.media-grid a{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
+.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
diff --git a/docs/index.html b/docs/index.html
index 12b8c52913cdcf9faccb38ad6ecc85807955cc26..771adabe712fb0dd74dafb2f03f1115b8c96548a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -717,59 +717,59 @@
       <h4>Large</h4>
       <ul class="media-grid">
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/330x230" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/330x230" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/330x230" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/330x230" alt="">
           </a>
         </li>
       </ul>
       <h4>Medium</h4>
       <ul class="media-grid">
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/210x150" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/210x150" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/210x150" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/210x150" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/210x150" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/210x150" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/210x150" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/210x150" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/210x150" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/210x150" alt="">
           </a>
         </li>
       </ul>
       <h4>Small</h4>
       <ul class="media-grid">
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/90x90" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/90x90" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/90x90" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/90x90" alt="">
           </a>
         </li>
         <li>
-          <a class="thumbnail" href="#">
-            <img src="http://placehold.it/90x90" alt="">
+          <a href="#">
+            <img class="thumbnail" src="http://placehold.it/90x90" alt="">
           </a>
         </li>
       </ul>
diff --git a/lib/patterns.less b/lib/patterns.less
index 1e601adf4229a5670f1109f3bf6505d9dd3c2ff6..901ac12de18ace8c58b0c9c955ba688521cf8f91 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -941,19 +941,19 @@ input[type=submit].btn {
   li {
     display: inline;
   }
-  .thumbnail {
+  a {
     float: left;
     padding: 4px;
     margin: 0 0 20px 20px;
     border: 1px solid #ddd;
     .border-radius(4px);
     .box-shadow(0 1px 1px rgba(0,0,0,.075));
+    img {
+      display: block;
+    }
     &:hover {
       border-color: @linkColor;
       .box-shadow(0 1px 4px rgba(0,105,214,.25));
     }
   }
-  img {
-    display: block;
-  }
 }