--- a/degal/static/style.css	Wed Jul 01 20:46:27 2009 +0300
+++ b/degal/static/style.css	Wed Jul 01 20:57:03 2009 +0300
@@ -1,3 +1,4 @@
+/* General styles */
 body {
 	background-color: #333333;
 	color: #cccccc;
@@ -18,43 +19,16 @@
 	text-align: center;
 }
 
-#thumbnails img {
-	margin: 0.2em;
-}
-
-img {
-	border: 1px solid #666666;
-}
-
-a:focus img {
-	border: 1px solid #cccccc;
-}
-
-img:hover, a:focus img:hover {
-	border: 1px solid #ff8800;
-}
-
+/* Breadcrumb */
 div#breadcrumb {
     
 }
 
-div#info {
-    font-size: x-small;
-    color: #666666;
-}
-
-div#info p {
-    padding: 0px;
-    margin: 0px;
-}
-
-p#footer {
-    padding-top: 40px;
-    font-size: xx-small;
-    text-align: center;
-    color: #666666;
-}
-
+/* 
+ * Pagination.
+ *
+ * This is designed to behave such that the pagiation buttons will be positioned in the same place for all pages.
+ */
 div.paginate {
     padding-top: 20px;
     height: 50px;
@@ -90,3 +64,40 @@
     background-color: #666666;
 }
 
+/* Thumbnails */
+#thumbnails img {
+	margin: 0.2em;
+}
+
+/* Image borders */
+img {
+	border: 1px solid #666666;
+}
+
+a:focus img {
+	border: 1px solid #cccccc;
+}
+
+img:hover, a:focus img:hover {
+	border: 1px solid #ff8800;
+}
+
+/* Metadata */
+div#metadata {
+    font-size: x-small;
+    color: #666666;
+}
+
+div#metadata p {
+    padding: 0px;
+    margin: 0px;
+}
+
+/* Footer */
+p#footer {
+    padding-top: 40px;
+    font-size: xx-small;
+    text-align: center;
+    color: #666666;
+}
+

--- a/degal/templates.py	Wed Jul 01 20:46:27 2009 +0300
+++ b/degal/templates.py	Wed Jul 01 20:57:03 2009 +0300
@@ -61,8 +61,8 @@
             tags.p(image.description) if image.description else None,
         ),
 
-        # extended info, metadata
-        tags.div(id='info')(*(
+        # metadata
+        tags.div(id='metadata')(*(
             tags.p(("%s: " % name), value) for name, value in image.metadata
         )),
     ]
@@ -194,7 +194,7 @@
             body,
             
             # footer
-            tags.p(id='about')(page.config.footer),
+            tags.p(id='footer')(page.config.footer),
         ],
     )