CSS- Centering, LIMarginLeft, UL.roor Margins, font-size

public/stylesheets/style.css

@@ -1,5 +1,5 @@
 body {
-	background-color: rgb(245, 245, 245)
+	background-color: rgb(245, 245, 245);
 }
 
 /* Fix for Firefox dotted outline */
@@ -107,10 +107,15 @@ body {
 /************* End Sidebar *************/
 
 /**************** Panel ****************/
-.main-container {
+/*.main-container {
   margin-top: 60px;
   margin-bottom: 30px;
+}*/
+.centering{
+  width: 800px;
+  margin: auto;
 }
+
 .panel {
 	background: none repeat scroll 0% 0% rgb(252, 252, 252);
 	padding: 20px;
@@ -127,9 +132,18 @@ body {
   position:absolute;
   bottom: 35px;
 }
+
+.root {
+  margin-top: 40px;
+  margin-left: 40px;
+  margin-right: 40px;
+}
 /**************** Panel ****************/
 
 /**************** List *****************/
+
+
+
 ul {
   margin-left: 20px;
   padding: 0;
@@ -180,7 +194,7 @@ ul {
   vertical-align: top;
   margin: 0;
   padding: 0;
-  width: 85%;
+  width: 100%;
 }
 .node p {
   margin: 0;
@@ -197,6 +211,10 @@ ul {
 /*MINE */
 
 #pathDiv {
+  position: relative;
+  top:30px;
+  width: 90%;
+  margin: auto;
   border: 1px solid rgb(217, 217, 217);
   height: 20px;
 }
@@ -233,7 +251,7 @@ ul {
     padding: 0;
     padding-top: 0px;
     margin: 0;
-    margin-left: 25px;
+    margin-left: 10px;
     background-repeat: no-repeat;
     list-style: none;
     /*background-image: url(smiley.png); */
@@ -249,6 +267,7 @@ textarea {
     padding: 0;
     border: none; 
     resize: none;
+    font-size: 110%;
   }
 
   /*textarea {

views/index.ejs

@@ -62,7 +62,7 @@
           <li><a class='splitScreen'><img src="img/splitscreen.png"></a></li>
           <li><a href=""><img src="img/undo.png"></a></li>
           <li><a href=""><img src="img/redo.png"></a></li>
-          <li><a href="">x<sup>2</sup></a></li>
+          <li><a id="markdownButton">x<sup>2</sup></a></li>
           <li class="dropdown">
             <a href="" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
             <ul class="dropdown-menu">
@@ -77,49 +77,15 @@
     </div>
   </div>
 
-
-  <div class="main-container">
-    <div class="container">
-      <div class="row">
-
-        <!-- Pane 1 -->
-        <div class="col-md-6 col-md-offset-2">
-        <div id="pathDiv">PathDIV</div>
-          <div class='main main1 panel'>
-            <ul id="0" class='root subList dd-list' ></ul>
-            <h4 class="addendum"><small> Make lists. Not war. </small></h4>
-          </div>
-        </div>
-
-        <!-- Pane 2 -->
-        <!-- <div class="col-md-6">
-          <div class='main2 panel'>
-            <ul id="0" class='root subList dd-list' >
-              <li id='1' class='herez node'>
-                Inentionally Un-editable. (split-screen editing is a pending feature).
-            </ul>
-            <h4 class="addendum"><small> Make lists. Not war. </small></h4>
-          </div>
-        </div> -->
-
-
-
-
-
-       </div>
+<div class='centering'>
+    <div id="pathDiv">PathDIV</div>
+    <div class='main main1 panel'>
+      <ul id="0" class='root subList dd-list' ></ul>
+      <h4 class="addendum"><small> Make lists. Not war. </small></h4>
     </div>
   </div>
+</div>
 
- <!-- Toolbars
-  <div id="toolbar" hidden>
-    <a href="#"><i class="icon-user"></i></a>
-    <a href="#"><i class="icon-star"></i></a>
-    <a href="#"><i class="icon-edit"></i></a>
-    <a href="#"><i class="icon-trash"></i></a>
-  </div> -->
-
- <!-- <script src="js/tempFolder/nestable.js"></script> -->
- <script src="js/tempFolder/toolbar.js"></script>
  <script src="js/tempFolder/bootstrap.js"></script>
  <script src="js/tempFolder/startup.js"></script>
 </body>