diff --git a/dice.jpg b/dice.jpg
new file mode 100644
index 0000000..b54235e
Binary files /dev/null and b/dice.jpg differ
diff --git a/die.jpg b/die.jpg
new file mode 100644
index 0000000..b0d1d83
Binary files /dev/null and b/die.jpg differ
diff --git a/pq.gif b/pq.gif
new file mode 100644
index 0000000..e36c1b1
Binary files /dev/null and b/pq.gif differ
diff --git a/roster.html b/roster.html
index 26dd482..a2d3aa4 100644
--- a/roster.html
+++ b/roster.html
@@ -5,36 +5,63 @@
 <script src="config.js"></script>
 <script src="roster.js"></script>
 <style>
-td.brag {
-  font: 9pt Verdana;
+.brag td {
+  font: 9pt Helvetica, sans-serif;
   background-color: #ddddff;
   padding: 5px;
+}
+
+.brag {
   display: inline;
 }
 
 div.rc {
-  font: 8pt Verdana
+  font-size: 8pt;
 }
 
 div.bs {
-  font: 7pt Verdana
+  font-size: 7pt;
 }
 
-td.brag button {
+button.x {
   color: red;
 }
+body {
+  text-align: center;
+}
+#roster {
+  margin-left: 10%;
+  margin-right: 10%;
+  text-align: left;
+}
+#roll {
+}
+#newc {
+  text-align: center;
+}
+a, a:visited {
+  color: blue;
+}
 </style>
 </head>
 
 <body>
 
-<img src="logo.png" alt="Progress Quest">
+<img src="pq.gif" alt="Progress Quest">
 
-<dl id=roster>
-Here it goes
-</dl>
+<h1>Character Roster</h1>
 
+<p id=roster>
+</p>
+
+<table class="brag"><tr>
+<td id="newc">
+<b>New Character</b> <br>
+<img src=die.jpg><br>
 <button id=roll>Roll One Up</button>
+</td></tr></table>
+
+<p>
 <button id=test>Test</button>
 <button id=clear>Clear</button>
 </body>
@@ -42,10 +69,10 @@ Here it goes
 
 
 <script id="bumble" type="text/html">
-  <table><tr><td class="brag">
+  <table class="brag"><tr><td>
         <div>
-          <a><b>$Traits.Name</b></a> of Localhost ($Plots.last) 
-          <button>X</button>
+          <a><b>$Traits.Name</b></a> of Localrealm ($Plots.last) 
+          <button class="x">X</button>
         </div>
         <div class="rc">Level $Traits.Level $Traits.Race $Traits.Class</div>
         <div class="bs">$Equips.best / $Spells.best / $Stats.best</div>
diff --git a/roster.js b/roster.js
index 117e895..c5d28fe 100644
--- a/roster.js
+++ b/roster.js
@@ -24,9 +24,11 @@ $(document).ready(function () {
         load();
       });
  
+      /*
       var p = $("<p style='font:6pt verdana'/>");
       p.appendTo(roster);
       p.text(JSON.stringify(c));
+      */
     });
   }
 
