diff --git a/art/record.html b/art/record.html
index 813e82d..1996bec 100644
--- a/art/record.html
+++ b/art/record.html
@@ -15,6 +15,7 @@
     <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="/javascripts/lightbox.js"></script>
     <!-- compiled and minified Bootstrap JavaScript -->
     <script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
@@ -34,7 +35,6 @@
             <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
             <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
         <![endif]-->
-    <script src="/javascripts/lightbox.js"></script>
     <link href="/css/lightbox.css" rel="stylesheet" />
 </head>
 
@@ -289,21 +289,33 @@
             <div class="row">
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
-                        <img src="/images/art/ai/clock1grad.jpg" alt="..." style="cursor:pointer" data-lightbox="gradiented">
+                        <a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock1grad.jpg" alt="...">
+                        </a>
                     </a>
                 </div>
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
-                        <img src="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
+                        <a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock2grad.jpg" alt="...">
+                        </a>
                     </a>
                 </div>
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
-                        <img src="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
+                        <a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock3grad.jpg" alt="...">
+                        </a>
+                    </a>
+                </div>
+                <div class="col-xs-6 col-md-3">
+                    <a href="#" class="thumbnail">
+                        <a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock4grad.jpg" alt="...">
+                        </a>
                     </a>
                 </div>
             </div>
-            <img src="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
         </div>
     </div>
 </body>