main view page looks better now

itf/static/css/noel/inner-details.css

@@ -73,9 +73,10 @@ display:block;}
 .hideText
 {display:none;}
 
-#lightbox h1 {
+.lightboxHeading {
-    font-size: 120%;
+    font-size: 130%;
     padding: 10px;
+	text-align: center;
 }
 
 #imagesContainer {

itf/static/css/noel/inner.css

@@ -580,7 +580,17 @@ margin-top:6px}
 {position:relative;
 height:100%;}
 
-.lightboxNext, .lightboxPrev {
+
+.closinglightbox {
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+}
+
+.closinglightbox, .lightboxNext, .lightboxPrev {
 font-size:14px;
 color:#F7BD00;
 font-weight:bold;
@@ -649,7 +659,8 @@ border-top:1px solid #d3d3d3;
 border-bottom:1px solid #d3d3d3;
 -moz-box-shadow:2px 3px 16px #252425;
 -webkit-box-shadow:2px 3px 16px #252425;
-box-shadow:2px 3px 16px #252425;}
+box-shadow:2px 3px 16px #252425;
+position: relative;}
 
 
 #searchContent {	

itf/templates/mediagallery/view.html

@@ -19,7 +19,7 @@
 </div>
 <div id="lightbox"></div>
 
-<h1>{{ title }}</h1>
+<h1 class="lightboxHeading">{{ title }}</h1>
 {% if photos %}
 <div id="imagesContainer">
     <h3 class="orange">Photos</h3>
@@ -59,6 +59,6 @@
 
 {% endif %}
 
-<a href="Javascript:window.close()">Close</a>
+<a href="Javascript:window.close()" class="closinglightbox">Close</a>
 
 {% endblock %}