Switch to side-by-side view

--- a/docs_style.css
+++ b/docs_style.css
@@ -8,6 +8,12 @@
   line-height: 18px;
   font-family:Arial, Helvetica, sans-serif;
   text-align: justify;
+}
+
+.hint {
+  font-weight: bold;
+  padding: 10px 10px 10px 10%;
+  background: #eee;
 }
 
 #site-header {
@@ -85,17 +91,18 @@
 }
 
 .col1 {
-  max-width:420px;
+  max-width:620px;
   float:left;
   padding-top: 10px;
   padding-bottom: 10px;
 }
 .col2 {
-  max-width:420px;
+  max-width:220px;
   float:right;
   padding-top: 10px;
   padding-bottom: 10px;
 }
+
 
 .col2 img {
 }
@@ -114,7 +121,7 @@
   padding:10px;
   text-align: center;
   margin: 0 auto;
-  max-width: 800px;
+  max-width: 600px;
   margin-top: 10px;
 }