1 files changed, 40 insertions, 26 deletions

diff --git a/static/pichat.css b/static/pichat.css
index a3cbaca..f413736 100755
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -4,23 +4,36 @@ html, body {
     padding: 1em;
 }
 
-#content, #chatbox {
-    position: relative;
-	
+#content{
+    position:absolute;
+    z-index:3;	
 }
 
+#chatbox {
+    position: fixed;
+    top:48px;
+}
+h1,h2{
+    font: 100% 'helvetica neue',sans-serif;
+    letter-spacing:10px;
+    text-transform:uppercase;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 9px;
+    top:35px;
+    position: fixed;
+}
 #messagePane {
-	border: 1px solid green;
-	height: 80%;
-	padding: 5px;
-	position: fixed;
-	width: 80%;
+    border: 1px solid green;
+    height: 80%;
+    padding: 5px;
+    position: fixed;
+    width: 80%;
 }
 
 #messageList {
     height: 100%;
     width: 100%;
-	position:inherit
+    position: inherit
     overflow-y: auto;
     overflow-x: hidden;
     border-bottom: 1px solid grey;
@@ -28,35 +41,36 @@ html, body {
 
 #msgInputDiv {
     height: 15px;
-	position:relative;
+    position:relative;
 }
 
 #msgInput {
     width: 85%;
     margin-right: 5px;
     margin-top: 15px;
-	position:relative;
+    position:relative;
 }
 
 #msgSubmit {
     width: 14%;
-	position:relative;
+    position:relative;
 }
 
-.msgDiv {
-	width: 100%;
-	max-width:650px;
-width: expression(this.width > 650 ? 650: true);max-height:400px;
-height: expression(this.width > 400 ? 400: true);}
-
+.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;
+}
 
 #userList {
-	overflow: auto;
-	border: 1px solid blue;
-	height: 80%;
-	margin: 0px;
-	position: fixed;
-	padding: 5px;
-	width: 10%;
-	right: 3%;
+    overflow: auto;
+    border: 1px solid blue;
+    height: 80%;
+    margin: 0px;
+    position: fixed;
+    padding: 5px;
+    width: 10%;
+    right: 3%;
 }