Index: trunk/docs/_static/basic.css
===================================================================
--- trunk/docs/_static/basic.css	(revision 156)
+++ trunk/docs/_static/basic.css	(revision 218)
@@ -50,5 +50,5 @@
 div.sphinxsidebar {
     float: left;
-    width: 230px;
+    width: 25%;
     margin-left: -100%;
     font-size: 90%;
Index: trunk/docs/_static/default.css
===================================================================
--- trunk/docs/_static/default.css	(revision 156)
+++ trunk/docs/_static/default.css	(revision 218)
@@ -30,17 +30,22 @@
     float: left;
     width: 100%;
+            background:#707070;
 }
 
 div.bodywrapper {
     margin: 0 0 0 230px;
+
 }
 
 div.body {
-    background-color: #ffffff;
+
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#707070'); /* for IE */
+background:-webkit-gradient(linear, left top, left bottom, from(#bababa), to(#707070)); /* for webkit browsers */
+background:-moz-linear-gradient(top,  #bababa,  #707070); /* for firefox 3.6+ */
     color: #333333;
-    padding: 0 20px 30px 20px;
+    padding: 10px 20px 20px 20px;
 }
 div.bodywrapper {
-    margin: 0 230px 0 0;
+    margin: 1em 25% 1em 1em;
 }
 
@@ -65,4 +70,5 @@
 
 div.related a {
+	margin: 0 0 10px;
     color: #ffffff;
 }
@@ -70,4 +76,5 @@
 div.sphinxsidebar {
     float: right;
+    
 }
 
@@ -90,22 +97,29 @@
 }
 
-.twitts, .donate {
-    -moz-border-radius: 5px 5px 5px 5px;
+.twitts, .donate, .searchbox {
+    -moz-border-radius: 5px;
+    -webkit-border-radius:5px;
+    border-radius:5px;
     background: -moz-linear-gradient(center top , #FFFFFF, #FFCD0B) repeat scroll 0 0 transparent;
     border: 0 none;
-    height: 180px;
-    margin-bottom: 1em;
+    height: auto;
+    margin-bottom: 10px;
     padding: 1%;
     width: 98%;
 }
 
-p.version{
-color:#FFFFFF;
-text-shadow: none;
-margin:0 0 10px 10px ;
-padding:0;
-}
+
 
 /* -- End Custom Sidebar styles ----------------------------------------------------------- */
+
+div.sphinxsidebar h1, .donate h1, .twitts h1 {
+    font-family: 'Verdana, Arial, Helvetica, sans-serif';
+    color: #663e05;
+    font-size: 1.4em;
+    font-weight: normal;
+    margin: 0;
+    padding: 0;
+    margin:10px 0 10px 10px;
+}
 
 div.sphinxsidebar h3 {
@@ -147,4 +161,12 @@
 div.sphinxsidebar a {
     color: #333333;
+}
+
+
+div.sphinxsidebar a p.version{
+color:#FFFFFF;
+text-shadow: none;
+margin:0 0 10px 10px ;
+padding:0;
 }
 
@@ -191,5 +213,10 @@
 }
 
-div.body h1 { margin-top: 0; font-size: 140%; }
+div.body h1 {
+	font-size: 1.4em;
+	font-family:Verdana;
+	margin: 10px 0 0 0;
+	padding:0;
+	 }
 div.body h2 { font-size: 120%; }
 div.body h3 { font-size: 100%; }
@@ -321,5 +348,5 @@
 }
 ul.topnav li a{
-	padding: 6px 10px 10px 20px;
+	padding: 9px 10px 10px 20px;
 	color: #fff;
 	display: block;
@@ -384,5 +411,5 @@
  color: #333;
  width: 100%;
- height: 220px;
+ height: 180px;
  margin: 0;
  background: #FFFFFF ;
@@ -399,6 +426,6 @@
 background:url(images/zoo-title.png) no-repeat;}
 
-h1.title{width:290px;position:relative;top:115px;left:15px;font-size:1.4em;letter-spacing:2px;color:#727272;text-transform:uppercase;padding:5px;
- background:#999999;
+h1.title{width:290px;position:relative;top:102px;left:15px;font-size:1.4em;letter-spacing:2px;color:#727272;text-transform:uppercase;padding:5px;
+ background:#999999;font-weight:normal;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#bbbbbb'); /* for IE */
 background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#bbbbbb)); /* for webkit browsers */