--- 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;
+}
+