moved static content

11 files changed, 3732 insertions, 0 deletions

diff --git a/static/css/browser.css b/static/css/browser.css
new file mode 100755
index 0000000..fcf48f2
--- /dev/null
+++ b/static/css/browser.css
@@ -0,0 +1,475 @@
+/* pichat.css */
+
+  body {
+	  font-size:13;
+	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	  margin:2%;
+	background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+	
+}
+#rapper{
+}
+	#container {
+				text-align: left;
+				font-family: sans-serif;
+				color: #4E4848;
+				margin-left: auto;
+				margin-right: auto;
+				width: 1200px;
+			}
+			#description {display:none;width:790px;}
+					#description div, .post, .result {}
+					#description p > p,#description p {margin:0;line-height:1;width:auto;}
+					#description img {float:left;margin:0 12px 12px 0;}
+table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font-size:11px;color:#333}
+.gsc-trailing-more-results,.gsc-resultsHeader,
+.gsc-search-box{display:none;}
+.gsc-results{padding-left:0px;}
+#searchControl 
+.gsc-control{width:600;height:30;padding:0px;padding-left:0;}select, label{font:bold 11px Arial,Helvetica,sans-serif;color:#003;text-transform:uppercase;margin-right:5px;}
+input#q{width:400;height:25px;font:bold Arial,Helvetica,sans-serif;color:#F00;}
+input#submit{
+	width:100px;
+height:28px;
+font-size:20px;
+background-image:url(/static/img/bg-btn-blue.png);
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#087cff;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+}
+#logo{padding-left:20;}
+
+#ish{width:520;
+padding:20;
+height:550;
+background-color:#fff;
+border:1px solid #f0e0d6;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+}
+
+#content{
+    z-index: 3;
+    overflow: auto;
+	min-width:600px;
+}
+
+#chatboxx {
+    position: fixed;
+    top:80px;
+}
+
+
+#footerc
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
+line-height:3.1;
+	font-size:11px;
+word-spacing:8px;
+height:28px;
+	color: #000;
+
+}
+#footerc a {
+	font-size: 11px;
+	color: #000;
+}
+#footerc a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#messagePane {
+
+
+
+top:40px;
+bottom:20px;
+	position:fixed;
+	width: 100%;
+
+left:0.1%;
+
+	z-index:5;
+}
+
+#messageList {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+#msgInputDiv {
+	position:relative;
+	min-width:500px;
+	z-index:100;
+left:1px;
+bottom:10px;
+	width: 100%;
+}
+
+#msgInput {
+    width: 100%;
+	z-index:100;
+    margin-top: 15px;
+	left:-3px;
+    position:relative;
+		border:2px solid #c8cbce;
+height:36px;
+font-size:20px;
+    min-width:500px;
+	
+		box-shadow: 2px 3px 4px #eee;
+-webkit-box-shadow: 2px 3px 4px #eee;
+-moz-box-shadow: 2px 3px 4px #eee;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true);
+}
+.msgInput {
+    min-width:500px;
+	z-index:100;
+}
+
+#msgSubmit {
+	
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+right:0px;
+font-size:20px;
+background-image:url(/static/img/bg-btn-blue.png);
+top:15px;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#087cff;
+	border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:2px;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+}
+.msgDiv img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+ z-index: 1;
+}
+.msgDiv {padding:2px;   
+}
+.oldmsg {
+    color: #666;
+}
+
+#userList {
+	overflow-x: hidden;
+	overflow-y:auto;
+	height: auto;
+	margin: 0px;
+	position: absolute;
+	padding: 5px;
+	top:85px;
+	min-width: 150px;
+	width:11%;
+	float:right;
+	right: 6%;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight:420;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	max-height:450px;
+		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);
+	text-overflow:ellipsis;
+	z-index:18;
+	text-align: left;
+}
+.username{height:30px;
+margin-top:6px;
+line-height:20px;
+text-indent:6px;
+z-index:18;
+min-width:90px;
+overflow:hidden;
+
+}
+.username a { 
+display:block; 
+width:100%; 
+height:100%; 
+text-decoration:none; 
+}  
+.username a:hover { 
+display:block; 
+width:100%;
+height:100%;
+background-image:url(/static/img/moverc.png);
+background-repeat:repeat-x;
+color:#fff;
+text-decoration:none;
+background-color:#f3f3f3;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+}  
+#userList img{
+    max-width:30px;
+    width: expression(this.width > 30 ? 30: true);
+    max-height:30px;
+    height: expression(this.width > 30 ? 30: true);
+    max-width:30px;
+
+	float:right;
+	right:1px;
+	z-index:77;
+	height:30px;
+	border-top-left-radius:3px;
+	border-top-right-radius:3px;
+	-webkit-border-top-left-radius:3px;
+	-webkit-border-top-right-radius:3px;
+	-moz-border-radius-topleft:3px;
+	-moz-border-radius-topright:3px;
+	border-bottom-left-radius:3px;
+	border-bottom-right-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-webkit-border-bottom-right-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	-moz-border-radius-bottomright:3px;
+}
+
+#userListicon {
+    overflow: auto;
+    height: 70%;
+    margin: 0px;
+    position: fixed;
+    padding: 5px;
+    top:48px;
+    width: 7%;
+    float:right;
+    right: 35px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    text-transform: uppercase;
+    min-width:72px;
+    line-height:13px;
+    z-index:1;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #666;
+    text-transform:none;
+    
+}
+#avatar
+{	
+	right:1px;
+	float:right;
+	text-align:left;
+	width:auto;
+	
+}
+
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	margin: 0;
+	padding-bottom:105px;
+}
+
+#log
+{
+	border: 2px #F1F1F1;
+	margin-right:15%;
+	margin-left:15%;
+	background-color:#FFF;
+	padding-left: 40px;
+	padding-bottom: 80px;
+	padding-top: 15px;
+	min-height: 800px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:650px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+
+
+
+	padding: 15px;
+	font-family: Arial, Helvetica, sans-serif;
+	margin-left:15%;
+	width:60%;
+	
+	font-size: 12px;
+	text-transform: uppercase;
+	border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
+	min-width:72px;
+	line-height:15px;
+	background-color:#F2F2F2;
+	background-image:/static/footer.png;
+	background-position:bottom;
+	border:solid 1px #0f1e31;
+	z-index:4;
+	text-align: left;
+	margin:15px;
+	line-height:5px;
+	
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+          overflow: hidden;
+          text-overflow: ellipsis;
+      }
+
+      img#avatarPic {
+         max-height:250px;
+      }
+
+      #logged-dump {
+          border: 1px solid dotted;
+          padding: 5px;
+      }
+	        #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:auto;
+	letter-spacing:-3px;
+	color:#087cff;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+      }
+      #logo7{
+      font-size:30;
+		text-shadow: 1px 1px 1px #000,   2px 3px 1px #f0e;
+color:#fff;  
+font-weight:bold;
+}
+
+p {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 7px;
+}
+a {
+	font-size: 12px;
+	color: #000;
+}
+a:link {
+	text-decoration: none;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+a:hover {
+	text-decoration: none;
+	color: #00F;
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
diff --git a/static/css/directory.css b/static/css/directory.css
new file mode 100644
index 0000000..0ca097d
--- /dev/null
+++ b/static/css/directory.css
@@ -0,0 +1,379 @@
+    #profile {
+	float: right;
+	padding: 20px;
+width:180;
+	position:absolute;
+	top:29px;
+left:545;
+	margin-top:34px;
+background-color:#fff;
+
+	
+	text-overflow: ellipsis-word;
+	background-position:top;
+	z-index:999;
+	min-height:600px;
+
+	
+	line-height:1.5;
+      }
+#profile h3{
+margin-top:12;
+line-height:2;
+color:#fff;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+#profile h2{
+text-indent:-10;
+margin-top:-7;
+margin-bottom:15;
+}
+#logavatar{
+margin-left:-85;
+height:25;
+background-image:url(/static/leftarrow.png);
+width:70;
+	background-repeat:no-repeat;
+	background-position:59 4;
+margin-top:-20;
+z-index:5555;
+
+
+}
+#logavatar img{
+    max-width:50px;
+    width: expression(this.width > 50 ? 50: true);
+    max-height:50px;
+    height: expression(this.width > 50 ? 50: true);
+    max-width:50px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+margin-top:0;
+border:1px solid #f0e0d6;
+	box-shadow:2px 2px 5px #d8dbde;
+  -webkit-box-shadow:2px 2px 5px #d8dbde;
+  -moz-box-shadow:2px 2px 5px #d8dbde;
+ 
+}
+#lolbanner{
+
+margin-top:-22;
+margin-bottom:45;
+}
+#chatrap{
+  width:540;
+
+  margin-left:auto;
+  margin-right: auto ;
+
+
+}
+#pnav{position:absolute;
+padding-left:425;
+margin-top:35;
+background-position:top;
+font-weight:bold;
+margin-left:0;
+text-align:left;
+
+
+
+}
+
+#infotxt{
+position:absolute;
+top:;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+border:1px solid #ccc;
+height:22;
+margin-left:-30;
+color:fff;
+text-shadow: 1px 1px 1px #000;
+padding-right:8;
+text-transform:uppercase;
+	background-image:url(/static/img/upload.png);
+margin-top:-54;
+text-indent:5;
+}
+#pnavo{
+margin-top:-17;
+padding:2;
+width:85;
+letter-spacing:-2;
+text-indent:6;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+height:32;
+text-transform:capitalize;
+	background-image:url(/static/img/upload.png);
+
+
+}
+
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+.logged-dump a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+#pnavn{
+position:absolute;
+top:-17;
+left:330;
+letter-spacing:-2;
+text-indent:5;
+width:73;
+height:32;
+padding:2;
+border:1px;
+	background-image:url(/static/img/upload.png);
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+
+}
+#pnav a {
+	font-size: 30px;
+	color:#fff;
+text-transform:lowercase;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #fff;
+text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0;
+
+
+}
+
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:-55px;
+line-height:1;
+	font-size:11px;
+word-spacing:6px;
+padding-bottom:4;
+	color: #000;
+
+}
+#footer a {
+	font-size: 11px;
+	color: #000;
+}
+#footer a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footer a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+#log
+{
+	position:absolute;
+	
+	top:20px;
+	padding-top: 25px;
+
+	
+	
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+    max-width:500;
+    width:auto;
+text-overflow: ellipsis-word;
+	padding: 18px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height:15px;
+	background-color:#fff;
+border:1px solid #f0e0d6;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+margin-top:20;
+	z-index:4;
+
+	line-height:20px;
+	text-align: left;
+
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	padding-bottom:20px;
+      }
+	#contact {
+
+		
+	
+		  text-overflow: ellipsis-word;
+	  }
+	    #bio {
+
+	text-overflow: ellipsis-word;
+	  }
+
+	input.inplace_field {
+		width: 100%;	
+	}
+
+	textarea.inplace_field {
+		width: 100%;
+		height: 50px;
+	}
+
+	  h2 {
+
+	letter-spacing:-1px;
+color:#087cff;
+	height:40px;
+	font-size:24px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	
+
+	text-shadow: 1px 3px 3px #c8cbce;
+}
+
+
+      img#avatarPic {
+         max-height:250px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+      }
+ 
+#date{
+font-size:60%;
+}
+#headerbar{
+top:80;
+	background-image:url(/static/img/welcomebar.gif);
+}
+.invisible { display: none !important; }
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;
+	background-position:top;
+background-attachment:fixed;
+		margin: 0;
+	
+
+	
+}@charset "UTF-8";
diff --git a/static/css/dump.css b/static/css/dump.css
new file mode 100755
index 0000000..e09c539
--- /dev/null
+++ b/static/css/dump.css
@@ -0,0 +1,458 @@
+/* pichat.css */
+
+body {
+	
+background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
+	margin:0;
+
+	background-repeat:repeat-x;
+	background-position:top;
+overflow:hidden;
+	
+}
+
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+.white a:link {
+ text-decoration: none;
+ font-size:14px;
+ 
+ color: #fff;
+}
+.white a:visited {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+#content{
+    z-index: 3;
+    overflow: auto;
+	min-width:600px;
+}
+
+#chatboxx {
+    position: fixed;
+    top:80px;
+}
+
+#rapper {
+    top: 0px;
+}
+#trophy{
+position:fixed;
+right:2;
+bottom:30;
+
+}
+#effects-msg{
+position:fixed;
+bottom:68;
+z-index:1111;
+right:38;
+font-size:15;
+color:#000;
+text-shadow: #000 1px 1px 1px;
+
+}
+#footerc
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
+line-height:3.1;
+	font-size:11px;
+word-spacing:6px;
+height:28px;
+	color: #000;
+
+}
+#footerc a {
+	font-size: 11px;
+	color: #000;
+}
+#footerc a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#messagePane {
+	border: 2px solid #c8cbce;
+top:40px;
+bottom:65px;
+	position:fixed;
+	width: 99.3%;
+	background-color:#FFF;
+left:0.2%;
+	z-index:5;
+}
+
+#messageList {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+#messagetabs {
+    height: 40px;
+    padding: 5px;
+    position: fixed;
+    width: 80%;
+    max-width:1500px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    top:48px;
+    left:0px;
+    z-index:1;
+}
+
+#msgInputDiv {
+	position:relative;
+	min-width:500px;
+	z-index:100;
+left:1px;
+bottom:10px;
+	width: 100%;
+}
+
+#msgInput {
+    width: 99.7%;
+	z-index:100;
+	background-color:#FFF;
+    margin-top: 16px;
+	left:-3px;
+    position:relative;
+		border:2px solid #c8cbce;
+height:35px;
+font-size:20px;
+    min-width:500px;
+		box-shadow: 2px 3px 4px #eee;
+}
+.msgInput {
+    min-width:500px;
+	z-index:100;
+}
+#msginputrapper{
+margin-right:374;
+
+}
+#msgSubmit {
+			
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+right:260px;
+font-size:20px;
+background-image:url(/static/img/urlbutton.png);
+text-indent:27;
+
+top:15px;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-upload{
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:20;
+top:15px;
+padding-bottom:1;
+text-indent:28;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+background-image:url(/static/img/cambutton.png);
+
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-snap{
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:20;
+top:15px;
+padding-bottom:4;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:yellow;
+	font-size:17px;
+	color:#fff;
+background-image:url(/static/img/bg-btn-red.png);
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-snap.blink{
+  color:#4f4;
+}
+
+
+#webcam-button-close { /* 16 x 14 */
+  position: fixed;
+  bottom: 330px; /* 240 + 68 - (16 / 2) */
+  right: 335px; /* 320 - (14 / 2) */
+  z-index: 5001;
+border:1px solid #000;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 4px 4px #c8cbce;
+  cursor: pointer;
+}
+
+#webcam-preview {
+  position:fixed;
+  bottom: 82;
+opacity:0.9;
+  right:30;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 3px 4px #c8cbce;
+	border-top-right-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+border:1px solid #999;
+  z-index:5000;
+}
+#upload {
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:140;
+top:15px;
+padding-bottom:1;
+text-indent:24;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+background-image:url(/static/img/upbutton.png);
+
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+.msgDiv img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+margin:-2;
+ z-index: 1;
+}
+.msgDiv {padding:2px;   
+}
+.oldmsg {
+    color: #666;
+}
+
+#userList {
+	overflow-x: hidden;
+	overflow-y:auto;
+	max-height: 55%;
+	margin: 0px;
+	position: absolute;
+	padding: 5px;
+	top:85px;
+	min-width: 200px;
+	width:11%;
+	float:right;
+	right: 6.2%;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight:420;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-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);
+	text-overflow:ellipsis;
+opacity:0.87;
+	z-index:18;
+	text-align: left;
+}
+.username{height:30px;
+margin-top:6px;
+line-height:20px;
+text-indent:6px;
+z-index:18;
+min-width:90px;
+overflow:hidden;
+
+}
+.username a { 
+display:block; 
+width:100%; 
+height:100%; 
+text-decoration:none; 
+}  
+.username a:hover { 
+display:block; 
+width:100%;
+height:100%;
+background-image:url(/static/img/moverc.png);
+background-repeat:repeat-x;
+color:#fff;
+text-decoration:none;
+background-color:#f3f3f3;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+}  
+#userList img{
+    max-width:30px;
+    width: expression(this.width > 30 ? 30: true);
+    max-height:30px;
+    height: expression(this.width > 30 ? 30: true);
+    max-width:30px;
+
+	float:right;
+	right:1px;
+	z-index:77;
+	height:30px;
+	border-top-left-radius:3px;
+	border-top-right-radius:3px;
+	-webkit-border-top-left-radius:3px;
+	-webkit-border-top-right-radius:3px;
+	-moz-border-radius-topleft:3px;
+	-moz-border-radius-topright:3px;
+	border-bottom-left-radius:3px;
+	border-bottom-right-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-webkit-border-bottom-right-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	-moz-border-radius-bottomright:3px;
+}
+
+#userListicon {
+    overflow: auto;
+    height: 70%;
+    margin: 0px;
+    position: fixed;
+    padding: 5px;
+    top:48px;
+    width: 7%;
+    float:right;
+    right: 35px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    text-transform: uppercase;
+    min-width:72px;
+    line-height:13px;
+    z-index:1;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #666;
+    text-transform:none;
+    
+}
+#avatar
+{	
+	right:1px;
+	float:right;
+	text-align:left;
+	width:auto;
+	
+}
+#mgsavatar{
+left:0;
+}
+#binfo {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11px;
+    bottom
+}
+
+#preload {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+
+.invisible { display: none !important; }
\ No newline at end of file
diff --git a/static/css/dumpnewuser.css b/static/css/dumpnewuser.css
new file mode 100644
index 0000000..492b4ac
--- /dev/null
+++ b/static/css/dumpnewuser.css
@@ -0,0 +1,511 @@
+/* pichat.css */
+
+body {
+	
+background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
+	margin:0;
+
+	background-repeat:repeat-x;
+	background-position:top;
+overflow:hidden;
+	
+}
+#posthelp{
+position:fixed;
+z-index:2000;
+bottom:50px;
+left:20px;
+}
+#webcamhelp{
+position:fixed;
+z-index:2000;
+right:20px;
+bottom:39px;
+}
+#registerlink{
+top:7;
+padding:5;
+position:fixed;
+}
+#registerlink img{
+margin-right:5;
+}
+#userlisthelp{
+position:fixed;
+top:100px;
+right:300px;
+z-index:2000;
+}
+#imageboard{
+position:fixed;
+top:27px;
+left:-10px;
+z-index:3455;
+}
+#uploadstuff{
+position:fixed;
+
+bottom:50px;
+right:180px;
+z-index:444;
+}
+#signinblurb{
+position:absolute;
+top:-20px;
+display:none;
+z-index:2000;
+right:10px;
+}
+#readyjoin{
+position:fixed;
+top:23px;
+left:180px;
+z-index:2000;
+}
+#dumppreview{
+position:fixed;
+top:30%;
+left:15%;
+z-index:100;
+}
+#beingpostednow{
+position:fixed;
+bottom:127px;
+left:180px;
+z-index:2000;
+}
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+.white a:link {
+ text-decoration: none;
+ font-size:14px;
+ 
+ color: #fff;
+}
+.white a:visited {
+ text-decoration: none;
+ font-size:14px;
+ color: #fff;
+}
+#content{
+    z-index: 3;
+    overflow: auto;
+	min-width:600px;
+}
+
+#chatboxx {
+    position: fixed;
+    top:80px;
+}
+
+#rapper {
+    top: 0px;
+}
+#trophy{
+position:fixed;
+right:2;
+bottom:30;
+
+}
+#footerc
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
+line-height:3.1;
+	font-size:11px;
+word-spacing:6px;
+height:28px;
+	color: #000;
+
+}
+#footerc a {
+	font-size: 11px;
+	color: #000;
+}
+#footerc a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#messagePane {
+	border: 2px solid #c8cbce;
+top:40px;
+bottom:30px;
+	position:fixed;
+	width: 99.3%;
+	background-color:#FFF;
+left:0.2%;
+	z-index:5;
+}
+
+#messageList {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+#messagetabs {
+    height: 40px;
+    padding: 5px;
+    position: fixed;
+    width: 80%;
+    max-width:1500px;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    top:48px;
+    left:0px;
+    z-index:1;
+}
+
+#msgInputDiv {
+	position:relative;
+	min-width:500px;
+	z-index:100;
+left:1px;
+bottom:10px;
+	width: 100%;
+}
+
+#msgInput {
+    width: 99.7%;
+	z-index:100;
+	background-color:#FFF;
+    margin-top: 16px;
+	left:-3px;
+    position:relative;
+		border:2px solid #c8cbce;
+height:35px;
+font-size:20px;
+    min-width:500px;
+		box-shadow: 2px 3px 4px #eee;
+}
+.msgInput {
+    min-width:500px;
+	z-index:100;
+}
+#msginputrapper{
+margin-right:374;
+
+}
+#msgSubmit {
+			
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+right:260px;
+font-size:20px;
+background-image:url(/static/urlbutton.png);
+text-indent:27;
+
+top:15px;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-upload{
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:20;
+top:15px;
+padding-bottom:1;
+text-indent:28;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+background-image:url(/static/cambutton.png);
+
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-snap{
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:20;
+top:15px;
+padding-bottom:4;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:yellow;
+	font-size:17px;
+	color:#fff;
+background-image:url(/static/bg-btn-red.png);
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+#webcam-button-snap.blink{
+  color:#4f4;
+}
+
+
+#webcam-button-close { /* 16 x 14 */
+  position: fixed;
+  bottom: 330px; /* 240 + 68 - (16 / 2) */
+  right: 335px; /* 320 - (14 / 2) */
+  z-index: 5001;
+border:1px solid #000;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 4px 4px #c8cbce;
+  cursor: pointer;
+}
+
+#webcam-preview {
+  position:fixed;
+  bottom: 82;
+opacity:0.9;
+  right:30;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 3px 4px #c8cbce;
+	border-top-right-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+border:1px solid #999;
+  z-index:5000;
+}
+#upload {
+		border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+background-position:center;
+right:140;
+top:15px;
+padding-bottom:1;
+text-indent:24;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+background-image:url(/static/upbutton.png);
+
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+.msgDiv img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+margin:-2;
+ z-index: 1;
+}
+.msgDiv {padding:2px;   
+}
+.oldmsg {
+    color: #666;
+}
+
+#userList {
+	overflow-x: hidden;
+	overflow-y:auto;
+	max-height: 55%;
+	margin: 0px;
+	position: absolute;
+	padding: 5px;
+	top:85px;
+	min-width: 200px;
+	width:11%;
+	float:right;
+	right: 6.2%;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight:420;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-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);
+	text-overflow:ellipsis;
+opacity:0.87;
+	z-index:18;
+	text-align: left;
+}
+.username{height:30px;
+margin-top:6px;
+line-height:20px;
+text-indent:6px;
+z-index:18;
+min-width:90px;
+overflow:hidden;
+
+}
+.username a { 
+display:block; 
+width:100%; 
+height:100%; 
+text-decoration:none; 
+}  
+.username a:hover { 
+display:block; 
+width:100%;
+height:100%;
+background-image:url(/static/moverc.png);
+background-repeat:repeat-x;
+color:#fff;
+text-decoration:none;
+background-color:#f3f3f3;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+}  
+#userList img{
+    max-width:30px;
+    width: expression(this.width > 30 ? 30: true);
+    max-height:30px;
+    height: expression(this.width > 30 ? 30: true);
+    max-width:30px;
+
+	float:right;
+	right:1px;
+	z-index:77;
+	height:30px;
+	border-top-left-radius:3px;
+	border-top-right-radius:3px;
+	-webkit-border-top-left-radius:3px;
+	-webkit-border-top-right-radius:3px;
+	-moz-border-radius-topleft:3px;
+	-moz-border-radius-topright:3px;
+	border-bottom-left-radius:3px;
+	border-bottom-right-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-webkit-border-bottom-right-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	-moz-border-radius-bottomright:3px;
+}
+
+#userListicon {
+    overflow: auto;
+    height: 70%;
+    margin: 0px;
+    position: fixed;
+    padding: 5px;
+    top:48px;
+    width: 7%;
+    float:right;
+    right: 35px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    text-transform: uppercase;
+    min-width:72px;
+    line-height:13px;
+    z-index:1;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #666;
+    text-transform:none;
+    
+}
+#avatar
+{	
+	right:1px;
+	float:right;
+	text-align:left;
+	width:auto;
+	
+}
+#mgsavatar{
+left:0;
+}
+#binfo {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11px;
+    bottom
+}
+
+#preload {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+
+.invisible { display: none !important; }
\ No newline at end of file
diff --git a/static/css/header.css b/static/css/header.css
new file mode 100755
index 0000000..e3a3653
--- /dev/null
+++ b/static/css/header.css
@@ -0,0 +1,264 @@
+.share-buttons{
+cursor:pointer;
+width:100;
+}
+
+.white a:link {
+	text-decoration: none;
+	font-size:14px;
+	
+	color: #fff;
+}
+.white a:visited {
+	text-decoration: none;
+	font-size:14px;
+	color: #fff;
+}
+#strapline{position:absolute;
+top:-775;
+right:0;
+opacity:0.0;
+margin-right:80%;
+
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: 1px 1px 1px #000;
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	
+	
+	color: #fff;
+}
+
+#header7{
+	background-image:url(/static/dblue2.png);
+	background-attachment:inherit;
+	margin: 0px auto -1px auto;
+	top: 0px;
+height:49;
+	position:fixed;
+background-position:7 -14;
+background-repeat:repeat-x;
+	width:100%;
+	left: 0px;
+
+}
+#bar7{
+	top:8px;
+	position:absolute;
+	word-spacing:-1;
+	font-size: 16px;
+height:22;
+width:455;
+color:#fff;
+text-indent:14;
+line-height:1.9;
+font-weight:bold;
+	left: 140px;
+	margin-left: 1.1%;
+	margin-right: 8%;
+	letter-spacing:.2px;
+	z-index: 999;
+}
+#bar7 img{
+margin-top:4;
+  vertical-align: top;
+}
+#bar7 a{
+	text-decoration: none;
+	text-shadow: 1px 1px 1px #000;
+	font-size:13;
+padding:6;
+	color: #fff;
+}
+#bar7 a:hover{
+	text-decoration: none;
+	text-shadow: 1px 1px 1px #000,2px 2px 1px #f0e;
+padding:6;
+background-image:url(/static/img/upload.png);
+	color: #fff;
+	
+}
+#logout7{
+	top:-1px;
+	position:relative;
+	font-size:12px;
+	margin-right: 5px;
+	float:right;
+	z-index: 9999999999999999;
+
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: normal;
+}
+#logout7 a{font-size:11px;
+}
+#logout7 a:hover{font-size:11px;
+color:#fff;
+text-shadow: 0px 0px 0.3px #fff;
+}
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+.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: 3px;
+	margin-right: 10%;
+	z-index:1050;
+	float:left;
+	margin-top: -4px;
+}
+#logo7 a{font-size:42;
+font-weight:bold;
+
+
+
+		text-shadow: 2px 3px 1px #f0e,  3px 3px 1px #fff;
+letter-spacing:-4;
+color:#fff;
+
+}
+#logo7 a:hover{
+
+	text-shadow: 1px 1px 1px #000,   2px 3px 1px #f0e;
+color:#fff;     
+}
+
+#vippp{
+	top:0px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	background-image:url(/static/20bar7.ng);
+	font-size: 12px;
+height:30;
+word-spacing:2;
+color:#fff;
+text-indent:14;
+line-height:1.8;
+	text-shadow: -1px 1px 0px #;
+	right:65px;
+text-transform:capatalize;
+	margin-right:0;
+	letter-spacing:.2px;
+	z-index: 999;
+}
+#vippp a{color:fff;font-size:11;
+}
+#vippp a:hover{color:fff;
+text-shadow: 0px 0px 0.3px #fff;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 62px;
+	z-index: 1000;
+}
+#logoicons{
+width:auto;
+
+}
+#landscape{
+position:absolute;
+width:auto;
+display:none;
+margin-left:55%;
+top:-38;
+opacity:0.8;
+z-index:2;
+}
+#welcomeinternet{
+position:absolute;
+width:auto;
+left:190;
+margin-left:29%;
+top:-19;
+display:none;
+z-index:3;
+}
+
+#topnav {
+	padding:10px 0px 12px;
+	font-size:11px;
+	line-height:23px;
+	text-align:right;
+}
+#topnav a.signin {
+	background:#88bbd4;
+	padding:4px 6px 6px;
+	text-decoration:none;
+	font-weight:bold;
+	color:#fff;
+	-webkit-border-radius:4px;
+	-moz-border-radius:4px;
+	border-radius:4px;
+	*background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
+	*padding:4px 12px 6px;
+}
+#topnav a.signin:hover {
+	background:#59B;
+	*background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
+	*padding:4px 12px 6px;
+}
+#topnav a.signin, #topnav a.signin:hover {
+	*background-position:0 3px!important;
+}
+#register{
+	top:-5px;
+	position:absolute;
+	font-size: 16px;
+height:22;
+
+word-spacing:2;
+width:365;
+color:#fff;
+text-indent:14;
+line-height:1.9;
+font-weight:bold;
+	left: -140;
+	margin-left: 1.2%;
+	margin-right: 8%;
+	letter-spacing:.2px;
+	z-index: 999;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+#iesucks{
+background-image:url(/static/ieburnbtn.gif); font-size:40;color:white;height:100%;width:100%;z-index:1000000000000000000000000000000;padding-top:100;
+padding-right:400;padding-left:50;
+font-weight:bold;
+
+}
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..680fe8a
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,231 @@
+
+
+
+body {
+	background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+  margin:6%;
+}
+#preload {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+#main {
+	width:460px;
+	margin: 0 auto 0 auto;
+  padding: 19px 0;
+  border-radius: 15px;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+	border:solid 2px #000;
+	position: relative;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+}
+#logo-and-text {
+  position: relative;
+  z-index: 20;
+  padding-bottom: 20px;
+}
+
+#horse {
+	position: absolute;
+	z-index: 10;
+	top: 12px;
+	left: 140px;
+}
+#remember{
+
+}
+#customer {
+  position: absolute;
+  left: -90px;
+  top: -75px;
+  z-index: 10;
+
+}
+#info {
+	width:420px;
+	margin: 11px auto -1px auto;
+opacity:0.9;
+height:30;
+  vertical-align: bottom;
+}
+#dumpednow{
+position:absolute;
+height:50px;
+width:420px;
+top:0px;
+}
+
+p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 24px;
+}
+
+.btnav {  border: 0px #000 solid;} 
+
+.submit {
+	
+	text-shadow: -1px 1px 1px #ccc;
+	font-size:15px;
+}
+
+input {
+	height:40px;
+	width:300px;
+	border:3px #000;
+	background:#e3e3e3;
+	margin:10px;
+	color:#000;
+	font-size:30px;
+	
+}
+.txt {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:14px;
+line-height:1.2;
+	text-shadow:1px 1px 0.5px #ccc;
+	word-spacing: 3px;
+}
+	.line {
+	font-family:Arial, Helvetica, sans-serif;
+	letter-spacing:0px;
+line-height:-1;
+	color:#000;
+	font-size:17px;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+#signin-submit {
+	display:inline-block;
+	width:300px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:12px;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	text-shadow:1px 1px 3px #000;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;*/
+	border:solid 1px #eee;
+}
+
+#remembermeInput {
+ width: 15px;
+ height: 15px;
+ margin: 1px;
+}
+
+label {
+ display: block;
+ width: 300px;
+ text-align: right;
+ font-size: 16px;
+ color: #222;
+}
+
+/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/
+
+#jCarouselLite .carousel  {
+    padding: 10px 0 0 0;
+    margin: 0 0 20px 10px;
+    position: relative;     
+}
+    #jCarouselLite .digg {
+        position: absolute;
+        left: 610px;
+        top: 110px;
+    }
+    #jCarouselLite .main {
+        margin-left: 40px;
+    }
+
+    #jCarouselLite .demo em {
+        color: #FF3300;
+        font-weight: bold;
+        font-size: 60%;        
+        font-style: normal;
+    }
+    #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
+        float: left;
+    }              
+    #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next {
+        display: block;
+        float: left;
+        width: 30px;
+        height: 143px;
+        text-decoration: none;
+        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
+    }
+        #jCarouselLite .carousel a.next {
+            background: url("/image/imageNavRight.gif") right 60px no-repeat;
+        }
+            #jCarouselLite .carousel a.next:hover {
+                background-image: url("/image/imageNavRightHover.gif");
+            }
+            #jCarouselLite .carousel a.prev:hover {
+                background-image: url("/image/imageNavLeftHover.gif");
+            }    
+            #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active {
+                border: none;
+                outline: none;
+            }                 
+    #jCarouselLite .carousel .jCarouselLite {
+        border: 1px solid black;
+        float: left;
+        background-color: #dfdfdf;
+        
+        /* Needed for rendering without flicker */
+        position: relative;
+        visibility: hidden;
+        left: -5000px;
+    }
+        #jCarouselLite .carousel ul {
+            margin: 0;
+        }
+        #jCarouselLite .carousel li img, 
+        #jCarouselLite .carousel li p {
+            background-color: #fff;
+            width: 150px;
+            height: 118px;
+            margin: 10px;
+        }
+        
+        #jCarouselLite .widget img {
+            cursor: pointer;
+        }
+            #jCarouselLite .mid {
+                margin-left: 80px;
+                width: 400px;
+                height: 300px;
+            }
+            #jCarouselLite .vertical {
+                margin-left: 170px;
+            }
+                #jCarouselLite .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
+                    width: 170px;
+                }
+            #jCarouselLite .imageSlider li img, 
+            #jCarouselLite .imageSlider li p, 
+            #jCarouselLite .imageSliderExt li img , 
+            #jCarouselLite .imageSliderExt li p {
+                width: 400px;
+                height: 300px;
+            }
+            
+/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/
+
+            
diff --git a/static/css/log.css b/static/css/log.css
new file mode 100644
index 0000000..8d3f5d5
--- /dev/null
+++ b/static/css/log.css
@@ -0,0 +1,418 @@
+    #profile {
+	float: right;
+	padding: 20px;
+width:180;
+	position:absolute;
+	top:29px;
+left:545;
+	margin-top:34px;
+background-color:#fff;
+
+	
+	text-overflow: ellipsis-word;
+	background-position:top;
+	z-index:999;
+	min-height:600px;
+
+	
+	line-height:1.5;
+      }
+#profile h3{
+margin-top:12;
+line-height:2;
+color:#fff;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+#profile h2{
+text-indent:-10;
+margin-top:-7;
+margin-bottom:15;
+}
+#logavatar{
+margin-left:-85;
+height:25;
+background-image:url(/static/leftarrow.png);
+width:70;
+	background-repeat:no-repeat;
+	background-position:59 4;
+margin-top:-20;
+z-index:5555;
+
+}
+#logavatar img{
+    max-width:50px;
+    width: expression(this.width > 50 ? 50: true);
+    max-height:50px;
+    height: expression(this.width > 50 ? 50: true);
+    max-width:50px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+margin-top:0;
+border:1px solid #f0e0d6;
+	box-shadow:2px 2px 5px #d8dbde;
+  -webkit-box-shadow:2px 2px 5px #d8dbde;
+  -moz-box-shadow:2px 2px 5px #d8dbde;
+ 
+}
+#lolbanner{
+position:absolute;
+top:5;
+margin-left:22;
+}
+#chatrap{
+  width:580;
+
+  margin-left:auto;
+  margin-right: auto ;
+
+#cats{
+background-image:url(/static/img/dumpcats2.png);
+}
+	
+
+}
+#pnav{position:absolute;
+padding-left:270;
+margin-top:15;
+background-position:top;
+font-weight:bold;
+margin-left:0;
+text-align:left;
+
+
+
+}
+#pnavo{
+margin-top:-18;
+padding:2;
+width:105;
+letter-spacing:-2;
+text-indent:6;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+height:32;
+text-transform:capitalize;
+	background-image:url(/static/img/upload.png);
+
+
+}
+#pnavn{
+position:absolute;
+top:-1;
+left:395;
+letter-spacing:-2;
+text-indent:5;
+width:96;
+height:32;
+padding:2;
+border:1px;
+	background-image:url(/static/img/upload.png);
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+
+}
+#pnav a {
+	font-size: 30px;
+	color:#fff;
+text-transform:lowercase;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #fff;
+text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0;
+
+
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:-55px;
+line-height:1;
+	font-size:11px;
+word-spacing:6px;
+padding-bottom:4;
+	color: #000;
+
+}
+#footer a {
+	font-size: 11px;
+	color: #000;
+}
+#footer a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footer a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+#log
+{
+	position:absolute;
+	
+	top:57px;
+	padding-top: 25px;
+
+	
+	
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+	box-shadow:1px 1px 1px #d8dbde;
+  -webkit-box-shadow:1px 1px 1px #d8dbde;
+  -moz-box-shadow:1px 1px 1px #d8dbde;
+    max-width:500px;
+    width:500px;
+text-overflow: ellipsis-word;
+	padding: 18px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height:15px;
+	background-color:#fff;
+border:1px solid #f0e0d6;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+margin-top:20;
+	z-index:4;
+
+	line-height:20px;
+	text-align: left;
+
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	padding-bottom:20px;
+      }
+	#contact {
+
+		
+	
+		  text-overflow: ellipsis-word;
+	  }
+	    #bio {
+
+	text-overflow: ellipsis-word;
+	  }
+
+	input.inplace_field {
+		width: 100%;	
+	}
+
+	textarea.inplace_field {
+		width: 100%;
+		height: 50px;
+	}
+
+	  h2 {
+
+	letter-spacing:-1px;
+color:#087cff;
+	height:40px;
+	font-size:24px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	
+
+	text-shadow: 1px 3px 3px #c8cbce;
+}
+
+
+      img#avatarPic {
+         max-height:250px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+      }
+
+   
+      #newuser
+     {
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+padding:20;
+line-height:1.5;
+height:auto;
+margin-top:-100px;
+     width:600;
+
+	background-image:url(/static/img/dumpcats2.png);
+margin-left:40}
+
+     #newuser a{font-size:28;
+line-height:3;
+	text-shadow: 1px 1px 1px #000;
+letter-spacing:-1;
+color:#f0e;
+
+
+}
+a {
+ font-size: 12px;
+ color: #000;
+}
+a:link {
+ text-decoration: none;
+}
+a:visited {
+ text-decoration: none;
+ color: #000;
+}
+.logged-dump a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+a:active {
+ text-decoration: none;
+ color: #000;
+}
+#newuser h1{font-size:20;
+letter-spacing:-2;
+color:#fff;
+text-indent:250;	text-shadow: 1px 1px 1px #000;
+display:none;
+text-transform:uppercase;
+
+}
+#newuser h3{font-size:18;
+letter-spacing:-1;
+color:#000;
+	text-shadow: 1px 1px 1px #ccc;
+text-transform:uppercase;
+
+}
+#newuser h2{font-size:35;
+margin-top:-10;
+color:#000;
+	text-shadow: 0px 2px px #f0e;
+text-transform:lowercase;
+letter-spacing:5;
+text-align:center;
+
+}     
+#date{
+font-size:60%;
+}
+#headerbar{
+top:80;
+	background-image:url(/static/img/welcomebar.gif);
+}
+.invisible { display: none !important; }
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;
+	background-position:top;
+background-attachment:fixed;
+		margin: 0;
+	
+
+	
+}@charset "UTF-8";
diff --git a/static/css/pages.css b/static/css/pages.css
new file mode 100644
index 0000000..a24e102
--- /dev/null
+++ b/static/css/pages.css
@@ -0,0 +1,353 @@
+   #hugescreen{
+position:fixed;
+left:1700;
+top:150;
+}
+#chatrap{
+  width:610;
+
+  margin-left:auto;
+  margin-right: auto ;
+
+#cats{
+background-image:url(/static/img/dumpcats2.png);
+}
+	
+
+}
+
+#upload{
+display:inline-block;
+	width:181px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:0;
+margin-bottom:0;
+margin-left:-2;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	text-shadow:1px 1px 3px #000;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;*/
+	border:solid 1px #eee;
+
+}
+#pnav{position:absolute;
+padding-left:270;
+margin-top:15;
+background-position:top;
+font-weight:bold;
+margin-left:0;
+text-align:left;
+
+
+
+}
+#pnavo{
+margin-top:-18;
+padding:2;
+width:105;
+letter-spacing:-2;
+text-indent:6;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+height:32;
+text-transform:capitalize;
+	background-image:url(/static/img/upload.png);
+
+
+}
+#pnavn{
+position:absolute;
+top:-1;
+left:395;
+letter-spacing:-2;
+text-indent:5;
+width:96;
+height:32;
+padding:2;
+border:1px;
+	background-image:url(/static/img/upload.png);
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+
+}
+#pnav a {
+	font-size: 30px;
+	color:#fff;
+text-transform:lowercase;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #fff;
+text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0;
+
+
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
+#footer
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
+line-height:3.1;
+	font-size:11px;
+word-spacing:6px;
+height:28px;
+	color: #000;
+
+}
+#footer a {
+	font-size: 11px;
+	color: #000;
+}
+#footer a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footer a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#log
+{
+	position:absolute;
+	
+	top:57px;
+	padding-top: 25px;
+
+	
+	
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+width:500;
+    max-width:500px;
+text-overflow: ellipsis-word;
+	padding: 18px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height:15px;
+	background-color:#fff;
+border:1px solid #f0e0d6;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+margin-top:20;
+	z-index:4;
+
+	line-height:20px;
+	text-align: left;
+
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	padding-bottom:20px;
+      }
+	#contact {
+
+		
+	
+		  text-overflow: ellipsis-word;
+	  }
+	    #bio {
+
+	text-overflow: ellipsis-word;
+	  }
+
+	input.inplace_field {
+		width: 100%;	
+	}
+
+	textarea.inplace_field {
+		width: 100%;
+		height: 50px;
+	}
+
+	  h2 {
+
+	letter-spacing:-1px;
+color:#087cff;
+	height:40px;
+	font-size:24px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	
+
+	text-shadow: 1px 3px 3px #c8cbce;
+}
+
+
+      img#avatarPic {
+         max-height:250px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+      }
+
+   
+      #newuser
+     {
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+padding:20;
+line-height:1.5;
+height:auto;
+margin-top:-100px;
+     width:600;
+
+	background-image:url(/static/img/dumpcats2.png);
+margin-left:40}
+
+     #newuser a{font-size:28;
+line-height:3;
+	text-shadow: 1px 1px 1px #000;
+letter-spacing:-1;
+color:#f0e;
+
+
+}
+
+#newuser h1{font-size:20;
+letter-spacing:-2;
+color:#fff;
+text-indent:250;	text-shadow: 1px 1px 1px #000;
+display:none;
+text-transform:uppercase;
+
+}
+#newuser h3{font-size:18;
+letter-spacing:-1;
+color:#000;
+	text-shadow: 1px 1px 1px #ccc;
+text-transform:uppercase;
+
+}
+#newuser h2{font-size:35;
+margin-top:-10;
+color:#000;
+	text-shadow: 0px 2px px #f0e;
+text-transform:lowercase;
+letter-spacing:5;
+text-align:center;
+
+}     
+#date{
+font-size:60%;
+}
+#headerbar{
+top:80;
+	background-image:url(/static/img/welcomebar.gif);
+}
+.invisible { display: none !important; }
+body{
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;
+	background-position:top;
+background-attachment:fixed;
+		margin: 0;
+	
+
+	
+}
diff --git a/static/css/profile.css b/static/css/profile.css
new file mode 100755
index 0000000..a4d75f9
--- /dev/null
+++ b/static/css/profile.css
@@ -0,0 +1,437 @@
+   #edit-toggle{
+position:absolute;
+top:0;
+right:0;
+height:auto;
+background-image:url(/static/img/upload.png);
+width:auto;
+padding:2;
+text-align:center;
+background-color:#0c8fff;
+border-bottom:1px solid #f0e0d6;
+border-left:1px solid #f0e0d6;
+	box-shadow:5px 5px 5px #d8dbde;
+  -webkit-box-shadow:5px 5px 5px #d8dbde;
+  -moz-box-shadow:5px 5px 5px #d8dbde;
+
+}
+#edit-toggle a{font-size:12;
+letter-spacing:;
+	text-shadow: 1px 1px 1px #ccc;
+color:#fff;
+}
+#edit-toggle a:hover{font-size:12;
+letter-spacing:;
+color:#fff;	text-shadow: 1px 1px 1px #ccc;
+}
+   
+   #profile {
+	float: right;
+	padding: 20px;
+width:auto;
+	position:absolute;
+	top:29px;
+left:545;
+max-width:180;
+	margin-top:34px;
+background-color:#fff;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	height:auto;
+	text-overflow: ellipsis-word;
+	background-position:top;
+	z-index:999;
+	min-height:600px;
+border:1px solid #f0e0d6;
+	line-height:1.5;
+      }
+#lolbanner{
+position:absolute;
+top:5;
+margin-left:22;
+}
+#profile h3{
+margin-top:12;
+line-height:2;
+color:#fff;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+#profile h2{
+text-indent:-10;
+margin-top:-5;
+margin-bottom:15;
+}
+#logavatar{
+margin-left:-49;
+height:22;
+background-image:url(/static/leftarrow.png);
+	background-repeat:no-repeat;
+	background-position:22 1;
+margin-top:-22;
+
+}
+
+#logavatar img{
+    max-width:20px;
+    width: expression(this.width > 20 ? 20: true);
+    max-height:20px;
+    height: expression(this.width > 20 ? 20: true);
+    max-width:20px;
+margin-top:0;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 2px 2px 5px #d8dbde;
+}
+#chatrap{
+  width:650;
+
+  margin-left:auto;
+  margin-right: auto ;
+
+#cats{
+background-image:url(/static/img/dumpcats2.png);
+}
+	
+
+}
+
+#upload{
+display:inline-block;
+	width:181px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:0;
+margin-bottom:0;
+margin-left:-2;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	text-shadow:1px 1px 3px #000;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;*/
+	border:solid 1px #eee;
+
+}
+#pnav{position:absolute;
+padding-left:270;
+margin-top:15;
+background-position:top;
+font-weight:bold;
+margin-left:0;
+text-align:left;
+
+
+
+}
+#pnavo{
+margin-top:-18;
+padding:2;
+width:105;
+letter-spacing:-2;
+text-indent:6;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+height:32;
+text-transform:capitalize;
+	background-image:url(/static/img/upload.png);
+
+
+}
+#pnavn{
+position:absolute;
+top:-1;
+left:395;
+letter-spacing:-2;
+text-indent:5;
+width:96;
+height:32;
+padding:2;
+border:1px;
+	background-image:url(/static/img/upload.png);
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+
+}
+#pnav a {
+	font-size: 30px;
+	color:#fff;
+text-transform:lowercase;
+text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0;
+}
+pnav a:link {
+	text-decoration: none;
+color:fff;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+#pnav a:hover {
+	text-decoration: none;
+	color: #fff;
+text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0;
+
+
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:-50px;
+padding-bottom:4;
+line-height:1;
+	font-size:11px;
+word-spacing:6px;
+	color: #000;
+
+}
+#footer a {
+	font-size: 11px;
+	color: #000;
+}
+#footer a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footer a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#log
+{
+	position:absolute;
+	
+	top:57px;
+	padding-top: 25px;
+
+	
+	
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:500px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+width:500;
+    max-width:500px;
+text-overflow: ellipsis-word;
+	padding: 18px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height:15px;
+	background-color:#fff;
+border:1px solid #f0e0d6;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+margin-top:20;
+	z-index:4;
+
+	line-height:20px;
+	text-align: left;
+
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	padding-bottom:20px;
+      }
+	#contact {
+
+		
+	
+		  text-overflow: ellipsis-word;
+	  }
+	    #bio {
+
+	text-overflow: ellipsis-word;
+	  }
+
+	input.inplace_field {
+		width: 100%;	
+	}
+
+	textarea.inplace_field {
+		width: 100%;
+		height: 50px;
+	}
+
+	  h2 {
+
+	letter-spacing:-1px;
+color:#087cff;
+	height:40px;
+	font-size:24px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	
+
+	text-shadow: 1px 3px 3px #c8cbce;
+}
+
+
+      img#avatarPic {
+         max-height:250px;
+		 border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+      }
+
+   
+      #newuser
+     {
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+padding:20;
+line-height:1.5;
+height:auto;
+margin-top:-100px;
+     width:600;
+
+	background-image:url(/static/img/dumpcats2.png);
+margin-left:40}
+
+     #newuser a{font-size:28;
+line-height:3;
+	text-shadow: 1px 1px 1px #000;
+letter-spacing:-1;
+color:#f0e;
+
+
+}
+.logged-dump a:hover {
+ text-decoration: none;
+ color: #00F;
+}
+#newuser h1{font-size:20;
+letter-spacing:-2;
+color:#fff;
+text-indent:250;	text-shadow: 1px 1px 1px #000;
+display:none;
+text-transform:uppercase;
+
+}
+#newuser h3{font-size:18;
+letter-spacing:-1;
+color:#000;
+	text-shadow: 1px 1px 1px #ccc;
+text-transform:uppercase;
+
+}
+#newuser h2{font-size:35;
+margin-top:-10;
+color:#000;
+	text-shadow: 0px 2px px #f0e;
+text-transform:lowercase;
+letter-spacing:5;
+text-align:center;
+
+}     
+#date{
+font-size:60%;
+}
+#headerbar{
+top:80;
+	background-image:url(/static/img/welcomebar.gif);
+}
+.invisible { display: none !important; }
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;	
+	background-position:top;
+background-attachment:fixed;
+		margin: 0;
+	
+
+	
+}@charset "UTF-8";
diff --git a/static/css/reset.css b/static/css/reset.css
new file mode 100755
index 0000000..37522ab
--- /dev/null
+++ b/static/css/reset.css
@@ -0,0 +1,55 @@
+/* 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/win.css b/static/css/win.css
new file mode 100644
index 0000000..6b59e51
--- /dev/null
+++ b/static/css/win.css
@@ -0,0 +1,151 @@
+
+/* CSS Document */
+
+body {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color:#ffffee;
+	background-image:url(/static/img/chanbg.png);
+	background-repeat:repeat-x;
+	background-position:1 10;
+background-attachment:fixed;
+		margin: 0;
+}	
+
+#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