1 files changed, 68 insertions, 1 deletions
diff --git a/style.css b/style.css
index e17f42f..60ab327 100644
--- a/style.css
+++ b/style.css
@@ -628,7 +628,6 @@ div.pageheader {
     padding-top: 20px;
     min-height: 30px;
     font-size: 0.9em;
-    width: 58.5em;
 }
 
 .actions ul {
@@ -722,3 +721,71 @@ div.sidebar span {
     float: right;
     clear: right;
 }
+
+/* relevant to the index page */
+.album-end, .album-item {
+	clear: both;
+}
+
+.album-item .album-title,
+.album-item .album-metadata,
+.album-item .album-caption {
+	margin-left: 120px;
+}
+
+.album-item .album-thumbnail {
+	float: left;
+	padding: 8px;
+	margin-right: 0px;
+	margin-left: auto;
+	text-align: right;
+}
+
+.album-item .album-metadata {
+	padding: 8px;
+	font-size: small;
+}
+
+.album-item .album-size, .album-item .album-ctime {
+	padding-right: 1em;
+}
+
+.album-item .album-title {
+	font-weight: bold;
+	font-size: larger;
+}
+
+.album-item .album-title a {
+	text-decoration: underline;
+}
+
+/* relevant to the viewer page */
+#album-img a img {
+    width: 98%;
+    height: auto;
+}
+
+.album-arrow {
+	font-size: 400%;
+}
+
+.album-item {
+	padding: 2px 0px;
+}
+
+.album-viewer {
+	text-align: center;
+}
+
+.album-next, .album-finish {
+	float: right;
+}
+
+.album-prev {
+	float: left;
+}
+
+.album-prev a, .album-next a, .album-finish a {
+	padding-top: 1em;
+	text-decoration: none;
+}