aaaaaaa

style.css

@@ -55,17 +55,13 @@ body {
 .spoiler:hover > .spoiler-link + .spoiler-content {
   display: block; }
 
-.container {
-  max-width: 720px;
-  margin: 0 auto;
-  padding: 16px; }
-
 .section {
   background-image: url("/assets/chesstransparent.png");
   background-repeat: repeat;
   border: 1px solid #7f0000;
   padding: 16px;
   margin-bottom: 16px;
+  width: 688px;
   text-align: left;
   color: #ffffaa; }
   .section h2, .section h2 a {
@@ -92,33 +88,42 @@ a {
 a:hover {
   text-decoration: underline; }
 
+.userbar {
+  width: 720px;
+  border: #7f0000 1px solid;
+  border-bottom-width: 0px; }
+
 .navbar {
+  width: 720px;
+  height: 38px;
   margin: 0 0 24px 0;
   white-space: nowrap;
-  border-bottom: 1px solid #7f0000; }
+  border: 1px solid #7f0000;
+  background-image: url("assets/userbar.png"); }
   .navbar table {
-    width: 100%; }
+    width: 100%;
+    padding: 8px; }
 
 .navbar, .basement {
-  padding: 8px;
   font-size: 12px;
-  background-image: url("/assets/chesstransparent.png");
   background-repeat: repeat; }
   .navbar .container, .basement .container {
     padding-top: 0;
     padding-bottom: 0; }
 
+.container {
+  margin: auto;
+  width: 720px; }
+
 .basement {
+  background-image: url("/assets/chesstransparent.png");
   border-top: 1px solid #7f0000;
   color: #ffffaa;
+  padding: 8px;
   text-align: center; }
 
 .navbar-right {
   text-align: right; }
-  .navbar-right a {
-    margin-right: 12px; }
-    .navbar-right a:last-child {
-      margin-right: 0; }
 
 .codeblock {
   background-color: #000000;