2 files changed, 38 insertions, 14 deletions
diff --git a/templates/styles.css b/templates/styles.css
index e0ae25e..10fc110 100644
--- a/templates/styles.css
+++ b/templates/styles.css
@@ -7,7 +7,8 @@ body {
    font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
    font-size: 12px;
    color: #EEEEEC;  
-   background: #343D42;
+/*   background: #343D42;  */
+   background: #43484A;
 }
 
 img {
@@ -35,7 +36,7 @@ div.navigation {
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 13px;
-    border-top: 10px solid #343D42;
+    border-top: 10px solid #43484A;
     border-bottom: 1px dotted #80878A;
 }
 
@@ -87,17 +88,6 @@ a.footermail:hover {
    text-decoration: underline;
 }
 
-img#preview {
-/*   border: 6px solid #384347;   */ 
-   background-color: #6b6c69;
-   padding: 1px;
-/*   -moz-border-radius: 5px;   */
-}
-
-img#preview:hover {
-/*   border: 6px solid #A3BED4;   */
-}
-
 div#img_preview {
    text-align: center;
 }
@@ -355,3 +345,37 @@ div.contentx {
 	padding: 8px;
 
 }
+
+
+/*
+ *  Image border styles
+ */
+
+img#border_single {
+/*   border: 6px solid #384347;   */ 
+   background-color: #6b6c69;
+   padding: 1px;
+/*   -moz-border-radius: 5px;   */
+}
+
+img#border_single:hover {
+/*   border: 6px solid #A3BED4;   */
+}
+
+img#border_none {
+   padding: 0px;
+   margin: 0px;
+}
+
+img#frame_black {
+   background-color: #909090;
+   padding: 1px;
+   border: 20px solid black;
+}
+
+img#frame_white {
+   background-color: #444444;
+   padding: 1px;
+   border: 20px solid white;
+}
+
diff --git a/templates/template-view_photo.tmpl b/templates/template-view_photo.tmpl
index 2cd9b5c..2cc78a5 100644
--- a/templates/template-view_photo.tmpl
+++ b/templates/template-view_photo.tmpl
@@ -37,7 +37,7 @@
 
 <!--  ##  Image  -->
 <div id="img_preview">
-  <a href="<!-- $(LINK_NEXT) -->" id="img_preview_a"><img src="<!-- $(IMG_SRC_BIG) -->" width="<!-- $(IMG_SIZE_BIG_W) -->" height="<!-- $(IMG_SIZE_BIG_H) -->" alt="" id="preview" /></a>
+  <a href="<!-- $(LINK_NEXT) -->" id="img_preview_a"><img src="<!-- $(IMG_SRC_BIG) -->" width="<!-- $(IMG_SIZE_BIG_W) -->" height="<!-- $(IMG_SIZE_BIG_H) -->" alt="" id="<!-- $(IMG_BORDER_STYLE) -->" /></a>
   <br /><br />
   <!-- $(BEGIN_IMG_FULLSIZE_LINK) -->
     <a href="<!-- $(IMG_SRC_FULL) -->">See original size (<!-- $(IMG_SIZE_ORIG_W) -->x<!-- $(IMG_SIZE_ORIG_H) -->)</a>