sostler prod commit

6 files changed, 1128 insertions, 104 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 9f7d1dd..83754a9 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -1,4 +1,649 @@
+/* reset.css
+   From http://meyerweb.com/eric/tools/css/reset/
+   v1.0 | 20080212 */
 
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+
+/*header stuff */
+
+
+.white a:hover {
+	text-decoration: none;
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	
+	
+	color: #fff;
+}
+#header7{
+	margin: 0px auto -1px auto;
+	top:-1px;
+height:49px;
+	position:fixed;background-image:url(/static/img/bg.dither.gif);
+background-color:#eee;
+border:1px solid #000;
+width:100%;
+min-width:600px;
+left:-1px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+
+}
+#bar7{
+	top:19px;
+	position:absolute;
+	word-spacing:-1;
+	font-size: 16px;
+height:22;
+
+text-indent:14px;
+line-height:1.9;
+	left: 125px;
+	margin-left: 0.1%;
+	margin-right: 8%;
+	letter-spacing:.2px;
+	z-index: 999;
+}
+
+#bar7 img{
+margin-top:4;display:none;
+  vertical-align: top;
+}
+#bar7 a{
+	text-decoration: none;
+	font-size:13;
+padding:6px;
+cursor:pointer;
+  color: #000;
+
+
+}
+#bar7 a:hover{
+	text-decoration: none;
+padding:6px;background-color:#fff;
+  color: #000;
+
+}
+#logout7{
+	top:-1px;
+height:16px;
+padding-left:4px;padding-right:3px;
+
+	border-bottom-left-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	position:relative;
+	font-size:1px;
+border-left:1px solid #999;
+border-bottom:1px solid #999;
+background-color:#eff5fb;
+	float:right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: normal;
+}
+#logout7 img{display:none;
+}
+#logout7 a{font-size:10px;  color: #5a5858;
+
+}
+#logout7 a:hover{font-size:10px;
+color:#000;	text-shadow: 0px 1px 0px #fff;
+}
+#toplogin{
+margin-top:8px;
+margin-right:5px;
+
+}
+
+.white a:link {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+.white a:visited {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+#logo7{
+	margin-left: 10px;
+	z-index:1050;	text-decoration: none;
+	float:left;
+	margin-top:-1px;
+}
+#logo7 a{font-size:28px;
+
+letter-spacing:-1;
+font-weight:bold;	text-decoration: none;
+color:#000;    
+}
+#logo7 a:hover{
+color:#000;	text-decoration: none;
+text-shadow: -0.5px -0.5px 0px #f0e;
+}
+#dumplist{
+top:0px:width:100%;padding:0px;background-color:#fff;
+color:#000;font-size:60%;text-transform:uppercase;text-decoration: none;
+border-bottom:1px solid #999;text-align:right;
+padding-right:70px;line-height:1.1;background-color:#eff5fb;
+/*margin-left:40%;
+	border-bottom-left-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-moz-border-radius-bottomleft:5px;text-decoration: none;
+border-left:1px solid #999;*/
+}
+#dumplist a{color:#000;font-size:100%;text-transform:uppercase;text-decoration: none;
+}
+#dumplist a:hover{color:#000;text-decoration: none;
+
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 62px;
+	z-index: 1000;
+}
+#logoicons{
+width:auto;
+}
+#registerlink{
+	font-size: 16px;
+word-spacing:2;
+line-height:2.4;
+font-weight:bold;
+}
+
+#registerlink img{
+display:none;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+.thumb {
+  cursor:pointer;
+}
+
+img.chat-thumb {
+  cursor:pointer;
+  position: absolute;
+  /*margin-top: -10px;*/
+  width: 16px;
+  height: 16px;
+  bottom: 4px;
+  right: 4px;
+  /*left: 4px;*/
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+
+.dump .nick {
+  position: relative;
+  padding-right: 15px;
+}
+
+.logged-dump {
+  position: relative;
+}
+
+/* sharing */
+.buttons{
+  cursor:pointer;
+
+
+}
+.buttons .share {
+  opacity: 0.8;
+}
+.buttons .share:hover {
+  opacity: 1;
+}
+.buttons .other-sites {
+  /*padding-left: 20px;*/
+}
+img.thumb {
+  position: absolute;
+image-rendering: -moz-crisp-edges;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 27px;
+  width: 27px;
+  left:110px;
+  bottom: 9px;
+  display: block;
+}
+
+.thumb.favorite {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 27px;
+  width: 27px;
+  display: block;
+}
+
+a.youtube {
+  position: relative;
+}
+
+.youtube .youtube-thumb {
+  width: 130px;
+  height: 97px;
+  padding-bottom: 22px;
+  margin: 0;
+}
+.youtube .youtube-controls {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+}
+.share-buttons{
+cursor:pointer;
+width:100;
+}
+  /*searchstuff*/
+#searchbox{
+position:absolute;
+top:19px;
+margin-right:10px;
+}
+#search-query{
+background: white;
+border: 1px solid #999;
+color: #C0C8D3;
+font-size: 13px;
+padding: 3px 12px 3px 37px;
+padding-left: 37px;
+padding-left: 37px;
+width:190px;
+
+}
+#search-query .search_icon  {
+background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent;
+bottom:3px;
+cursor:pointer;
+left:6px;
+opacity:0.8;
+position:absolute;
+top:3px;
+width:32px;
+}
+
+.white a:hover {
+	text-decoration: none;
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	
+	
+	color: #fff;
+}
+#header7{
+	margin: 0px auto -1px auto;
+	top:-1px;
+height:49px;
+	position:fixed;background-image:url(/static/img/bg.dither.gif);
+background-color:#eee;
+border:1px solid #000;
+width:100%;
+min-width:600px;
+left:-1px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #000;
+
+}
+#bar7{
+	top:19px;
+	position:absolute;
+	word-spacing:-1;
+	font-size: 16px;
+height:22;
+
+text-indent:14px;
+line-height:1.9;
+	left: 125px;
+	margin-left: 0.1%;
+	margin-right: 8%;
+	letter-spacing:.2px;
+	z-index: 999;
+}
+
+#bar7 img{
+margin-top:4;display:none;
+  vertical-align: top;
+}
+#bar7 a{
+	text-decoration: none;
+	font-size:13;
+padding:6px;
+cursor:pointer;
+  color: #000;
+
+
+}
+#bar7 a:hover{
+	text-decoration: none;
+padding:6px;background-color:#fff;
+  color: #000;
+
+}
+#logout7{
+	top:-1px;
+height:16px;
+padding-left:4px;padding-right:3px;
+
+	border-bottom-left-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	position:relative;
+	font-size:1px;
+border-left:1px solid #999;
+border-bottom:1px solid #999;
+background-color:#eff5fb;
+	float:right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: normal;
+}
+#logout7 img{display:none;
+}
+#logout7 a{font-size:10px;  color: #5a5858;
+
+}
+#logout7 a:hover{font-size:10px;
+color:#000;	text-shadow: 0px 1px 0px #fff;
+}
+#toplogin{
+margin-top:8px;
+margin-right:5px;
+
+}
+
+.white a:link {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+.white a:visited {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+#logo7{
+	margin-left: 10px;
+	z-index:1050;	text-decoration: none;
+	float:left;
+	margin-top:-1px;
+}
+#logo7 a{font-size:28px;
+
+letter-spacing:-1;
+font-weight:bold;	text-decoration: none;
+color:#000;    
+}
+#logo7 a:hover{
+color:#000;	text-decoration: none;
+text-shadow: -0.5px -0.5px 0px #f0e;
+}
+#dumplist{
+top:0px:width:100%;padding:0px;background-color:#fff;
+color:#000;font-size:60%;text-transform:uppercase;text-decoration: none;
+border-bottom:1px solid #999;text-align:right;
+padding-right:70px;line-height:1.1;background-color:#eff5fb;
+/*margin-left:40%;
+	border-bottom-left-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-moz-border-radius-bottomleft:5px;text-decoration: none;
+border-left:1px solid #999;*/
+}
+#dumplist a{color:#000;font-size:100%;text-transform:uppercase;text-decoration: none;
+}
+#dumplist a:hover{color:#000;text-decoration: none;
+
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 62px;
+	z-index: 1000;
+}
+#logoicons{
+width:auto;
+}
+#registerlink{
+	font-size: 16px;
+word-spacing:2;
+line-height:2.4;
+font-weight:bold;
+}
+
+#registerlink img{
+display:none;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+.thumb {
+  cursor:pointer;
+}
+
+img.chat-thumb {
+  cursor:pointer;
+  position: absolute;
+  /*margin-top: -10px;*/
+  width: 16px;
+  height: 16px;
+  bottom: 4px;
+  right: 4px;
+  /*left: 4px;*/
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+
+.dump .nick {
+  position: relative;
+  padding-right: 15px;
+}
+
+.logged-dump {
+  position: relative;
+}
+
+/* sharing */
+.buttons{
+  cursor:pointer;
+
+
+}
+.buttons .share {
+  opacity: 0.8;
+}
+.buttons .share:hover {
+  opacity: 1;
+}
+.buttons .other-sites {
+  /*padding-left: 20px;*/
+}
+img.thumb {
+  position: absolute;
+image-rendering: -moz-crisp-edges;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 27px;
+  width: 27px;
+  left:110px;
+  bottom: 9px;
+  display: block;
+}
+
+.thumb.favorite {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 27px;
+  width: 27px;
+  display: block;
+}
+
+a.youtube {
+  position: relative;
+}
+
+.youtube .youtube-thumb {
+  width: 130px;
+  height: 97px;
+  padding-bottom: 22px;
+  margin: 0;
+}
+.youtube .youtube-controls {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  margin: 0;
+}
+.share-buttons{
+cursor:pointer;
+width:100;
+}
+.msvDiv {
+  cursor: pointer;
+}
+
+div.msgDiv:hover {
+  cursor: pointer;
+background-image:url("/static/img/thumbs/stripes.gif");
+background-position:center;
+background-attachment:fixed;
+}
+
+.msgDiv.favorite{
+  cursor: pointer;
+background-image:url("/static/img/thumbs/stripes.gif");
+background-position:center;
+background-attachment:fixed;
+}
+.content{background-color:white;}
+.nick{background-color:white;margin-right:3px;}
+.msgDiv dump{background-color:white;} 
+  /*searchstuff*/
+#searchbox{
+position:absolute;
+top:18px;
+right:36px;
+}
+#search-query{
+background: white;
+border: 1px solid #999;
+color: #C0C8D3;
+font-size: 13px;
+padding: 3px 12px 3px 37px;
+padding-left: 37px;
+text-indent:5px;
+	border-radius: 50px;
+	-webkit-border-radius: 50px;
+	-moz-border-radius: 50px;
+}
+.search_icon  {
+background:url("http://dump.fm/static/img/hourglass.png") no-repeat scroll center center transparent;
+bottom:3px;
+cursor:pointer;
+left:6px;
+opacity:0.8;
+border-right:1px solid #C0C8D3;
+position:absolute;
+top:3px;
+width:32px;
+}
+
+#searchresults{
+    top:50px;
+    overflow:auto;
+	position:fixed;background-image:url(/static/img/bg.dither.gif);
+background-color:#eee;
+width:100%;
+min-width:600px;
+border-bottom:1px solid #000;
+left:-1px;
+margin-top:-1px;
+}
+#searchresults img{
+    max-width:300px;
+    width: expression(this.width > 300 ? 300: true);
+    max-height:50px;
+    height: expression(this.width > 300 ? 300: true);
+    max-width:300px;
+    border:1px solid #eee;
+    float:left;
+    display:inline;
+    margin-right:10px;
+}
 
 
 /* pichat.css */
@@ -62,12 +707,6 @@ a:active {
 #rapper {
     top: 0px;
 }
-#trophy{
-position:fixed;
-right:2;
-bottom:15px;
-
-}
 #effects-msg{
 position:fixed;
 bottom:65;
@@ -114,7 +753,35 @@ color:000;
 	font-size: 11px;
 	color: #f0e;
 }
+#footerp
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
 
+line-height:3.1;
+	font-size:11px;
+word-spacing:15px;
+height:28px;
+	color: #000;
+
+}
+#footerp a {
+	font-size: 11px;	text-decoration: none;
+	color: #000;
+}
+#footerp a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerp a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
 
 #messagePane {
 top:50px;
@@ -439,12 +1106,10 @@ border:1px solid blue;
     -moz-border-radius-bottomleft:5px;
     -moz-border-radius-bottomright:5px;
     border-right:2px solid #c8cbce;
-    border-bottom:2px solid #c8cbce;
-    
-    box-shadow: 3px 4px 4px #c8cbce;
-    -webkit-box-shadow: 3px 4px 4px #c8cbce;
-    -moz-box-shadow: 3px 3px 4px #c8cbce;
-    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true);
+    border-bottom:2px solid #c8cbce;    
+    box-shadow: 3px 4px 2px #c8cbce;
+    -webkit-box-shadow: 3px 4px 2px #c8cbce;
+    -moz-box-shadow: 3px 3px 2px #c8cbce;
     text-overflow:ellipsis;
     /* opacity:0.87; */
     z-index:18;
@@ -697,34 +1362,6 @@ left:0;
 .invisible { display: none !important; }
 
 
-        /* Hover menu shit */
-
-        .trigger ul.menu
-        {
-            display: none;
-            position: absolute;
-            margin: 0;
-            padding: .4em;
-            list-style: none;
-        }
-        .trigger ul.menu li
-        {
-            padding: .1em .5em;
-        }
-        .trigger ul.menu li a
-        {
-            display: block;
-        }
-        .trigger:hover
-        {
-            background: transparent url(hover_menu_sample_glass_panel_body_selected.png) no-repeat center;
-        }
-        .trigger:hover ul.menu
-        {
-            display: block;
-width:60px;
-position:absolute;
-        }
 
         /* profile shit */
     body.profile {
@@ -1032,7 +1669,7 @@ text-overflow: ellipsis-word;
 
 margin-left:3px;
 	line-height:15px;
-border-top:1px solid #ccc;	
+
 
 	z-index:4;
 	line-height:20px;
diff --git a/static/css/header.css b/static/css/header.css
index 9a80830..2466b22 100755
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -1,3 +1,58 @@
+/* reset.css
+   From http://meyerweb.com/eric/tools/css/reset/
+   v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
 
 
 .white a:hover {
@@ -520,13 +575,16 @@ width:100;
 
 div.msgDiv:hover {
   cursor: pointer;
-background-image:url("/static/img/thumbs/smallheart.gif");
-
+background-image:url("/static/img/thumbs/stripes.gif");
+background-position:center;
+background-attachment:fixed;
 }
 
 .msgDiv.favorite{
   cursor: pointer;
-background-image:url("/static/img/thumbs/grheart.gif");
+background-image:url("/static/img/thumbs/stripes.gif");
+background-position:center;
+background-attachment:fixed;
 }
 .content{background-color:white;}
 .nick{background-color:white;margin-right:3px;}
diff --git a/static/css/index.css b/static/css/index.css
index 05a4545..2e20351 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,3 +1,58 @@
+/* reset.css
+   From http://meyerweb.com/eric/tools/css/reset/
+   v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
 
 body {
 	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
@@ -81,11 +136,9 @@ z-index:2;
 	width: 144px;
 	text-decoration: none;
 	font-weight: bold;
-	background: url(images/button.gif) no-repeat center center;
 }
 .menu2 li em {
 	font-weight: normal;
-	background: url(images/hover.png) no-repeat;
 	width: 180px;
 	height: 45px;
 	position: absolute;
@@ -291,7 +344,6 @@ height:0px;
 	position:relative;
 z-index:-1;
 	//See the "style-pack" below for image
-	background:url(images/loading.gif) no-repeat 50% 50%; 
 }
 #slider img {
 	position:absolute;
@@ -299,3 +351,81 @@ z-index:-1;
 	left:0px;
 	display:none;
 }
+/*
+ * jQuery Nivo Slider v1.9
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2010, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+ 
+ 
+/* The Nivo Slider styles */
+.nivoSlider {
+	position:relative;
+}
+.nivoSlider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+}
+/* If an image is wrapped in a link */
+.nivoSlider a.nivo-imageLink {
+	position:absolute;
+	top:0px;
+	left:0px;
+	width:100%;
+	height:100%;
+	border:0;
+	padding:0;
+	margin:0;
+	z-index:60;
+	display:none;
+}
+/* The slices in the Slider */
+.nivo-slice {
+	display:block;
+	position:absolute;
+	z-index:50;
+	height:100%;
+}
+/* Caption styles */
+.nivo-caption {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	background:#000;
+	color:#fff;
+	opacity:0.8; /* Overridden by captionOpacity setting */
+	width:100%;
+	z-index:89;
+}
+.nivo-caption p {
+	padding:5px;
+	margin:0;
+}
+/* Direction nav styles (e.g. Next & Prev) */
+.nivo-directionNav a {
+	position:absolute;
+	top:45%;
+	z-index:99;
+	cursor:pointer;
+}
+.nivo-prevNav {
+	left:0px;
+}
+.nivo-nextNav {
+	right:0px;
+}
+/* Control nav styles (e.g. 1,2,3...) */
+.nivo-controlNav a {
+	position:relative;
+	z-index:99;
+	cursor:pointer;
+}
+.nivo-controlNav a.active {
+	font-weight:bold;
+}
\ No newline at end of file
diff --git a/static/css/pages.css b/static/css/pages.css
index 8a050b9..db5a056 100644
--- a/static/css/pages.css
+++ b/static/css/pages.css
@@ -1,4 +1,61 @@
-   #hugescreen{
+/* reset.css
+   From http://meyerweb.com/eric/tools/css/reset/
+   v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+  
+  
+  #hugescreen{
 position:fixed;
 left:1700;
 top:150;
@@ -17,7 +74,7 @@ left:290;top:353;
 
 
 }
-a:active {
+a {
 	text-decoration: none;
 	color: #000;
 }
@@ -118,3 +175,145 @@ background-attachment:fixed;
 
 	
 }
+
+/* CSS Document */
+	
+
+#content {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#fff;
+	background-repeat:repeat-x;
+	background-position:1 10;
+background-attachment:fixed;
+		margin: 0;
+
+	
+}
+
+f1 { background-color:#000000;
+      font: 12px "Microsoft Sans Serif";
+	  color:#FFFFFF;
+	  
+}
+
+ul {
+	
+	margin: 4px;
+	padding: 15px;
+	
+}
+	
+#boxshadow {
+	box-shadow:-10px 5px #000;
+	-webkit-box-shadow:-10px 5px #000;
+	-moz-box-shadow: -10px 5px #000;
+	
+}
+
+.divDragTitle {
+    position: absolute;
+    height: 24px;
+padding:0;
+    background-color:#fff;	
+background-image:url(/static/img/upload.png);
+    border:1px solid #999;
+	cursor:move;
+	box-shadow:0px 0px 10px #100;
+	-webkit-box-shadow:0px 0px 10px #100;
+	-moz-box-shadow: 0px 3px 10px #100;
+	
+}
+
+.divDragTitle table {
+    border-spacing:0px; width:100%;
+
+}
+
+.divDragTitle table tr td {
+    font-family:Arial,Helvetica,sans-serif;
+	padding-left:5px;
+	text-shadow: 1px 1px 1px #333;
+	font-size:13;
+
+	color: #fff;
+font-weight:bold;
+    color:#FFFFFF;
+
+}
+
+.divDragContent {
+    position: absolute;
+    background-color:#FFFFFF;
+    padding:0px; margin:0px;
+    border:1px solid #999;
+    display:block;
+margin-top:6;
+	cursor:default;
+	box-shadow:0px 0px 10px #100;
+	-webkit-box-shadow:0px 0px 10px #100;
+	-moz-box-shadow: 0px 0px 10px #100;
+	opacity: 0.923;
+
+
+	
+}
+
+.divTitleButton {
+    border:0px;
+	padding: 1px;
+	cursor:default;
+}
+
+/* gallery styling */
+
+#jgal { 
+	list-style:none;
+	 width: 100px; 
+}
+	 
+#jgal li { 
+	opacity: .5; 
+	display: block;
+	position:relative; 
+	width: 40px; 
+	height: 40px; 
+	background-position: 50% 45%; 
+	cursor: pointer; 
+	border: 1px solid #fff; 
+	outline: 1px solid #ddd; 
+	margin-right: 20px; 
+	margin-bottom: 14px; 
+	
+}
+
+#content h1{
+font-size:14;
+text-align:left;
+margin-left:10;
+letter-spacing:-0.5;
+color:#000;line-height:0.5;
+	text-shadow: 1px 1px 1px #fff;
+font-weight:bold;
+}
+#content h2{
+font-size:12;
+text-align:left;
+margin-left:22;
+margin-top:6;
+
+letter-spacing:-0.5;
+color:#000;
+font-weight:normal;
+	text-shadow: 1px 1px 1px #fff;
+
+}
+#content a {
+color:#333;
+font-size:14;
+font-weight:bold;
+}
+#content a:hover {
+color:#f0e;
+font-weight:bold;
+	text-shadow: 1px 1px 0.5px #fff;
+}
\ No newline at end of file
diff --git a/static/css/reset.css b/static/css/reset.css
deleted file mode 100755
index 37522ab..0000000
--- a/static/css/reset.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* reset.css
-   From http://meyerweb.com/eric/tools/css/reset/
-   v1.0 | 20080212 */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	background: transparent;
-	font-family: Arial, Helvetica, sans-serif;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
-	text-decoration: none;
-}
-del {
-	text-decoration: line-through;
-}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
diff --git a/static/css/top.css b/static/css/top.css
index 184edd0..9251ff9 100644
--- a/static/css/top.css
+++ b/static/css/top.css
@@ -1,3 +1,58 @@
+/* reset.css
+   From http://meyerweb.com/eric/tools/css/reset/
+   v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+	font-family: Arial, Helvetica, sans-serif;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}