# HG changeset patch
# User Radomir Dopieralski <sheep@stxnext.pl>
# Date 1299847094 -3600
# Node ID 5cd075e5422b2b81bb8f86d83622e07c0363e680
# Parent  99dbbfae7587b43100f85bfe7a3e4c9bb14c3d2c
Adjust font sizes and layout to match the python.org website exactly

diff -r 99dbbfae7587 -r 5cd075e5422b css/screen.css
--- a/css/screen.css	Tue Feb 16 22:52:26 2010 +0100
+++ b/css/screen.css	Fri Mar 11 13:38:14 2011 +0100
@@ -1,6 +1,7 @@
 html {
     height: 100%;
-    font-size: 90%;
+    font-size: 103%;
+    font-family: Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
 }
 body {
     position: relative;
@@ -8,11 +9,11 @@
 }
 form#searchform {
     float: right;
-    margin: 0.5em;
+    margin: 16px 4% 0 0;
 }
 form#searchform input#searchinput {
     border: 1px solid #c4cccc;
-    font-size: 12px;
+    font-size: 88%;
     vertical-align: middle;
 }
 form#searchform input#fullsearch,
@@ -24,7 +25,8 @@
     background: #f8f7f7 url(../img/button-on-bg.png) no-repeat;
     font-weight: bold;
     color: #223344;
-    font-size: 12px;
+    font-size: 90%;
+    text-transform: lowercase;
     vertical-align: middle;
 }
 div#header {
@@ -46,15 +48,15 @@
 }
 div#sidebar {
     float: left;
-    width: 162px;
-    padding: 4px 0 0 48px; 
-    margin: 0 32px 0 0;
+    width: 14.6em;
+    padding: 4px 0 0 1.4em; 
+    margin: 0 0 0 3%;
     color: #4b5a6a;
-    font-size: 12px;
+    font-size: 75%;
 }
 div#sidebar h1 {
     font-weight: bold;
-    font-size: 100%;
+    font-size: 103%;
     color: #4b5a6a;
     font-family: sans-serif;
     margin: 0.5em;
@@ -76,7 +78,7 @@
     margin: 4px 0 0 0;
     background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat;
     color: #4b5a6a;
-    font-family: sans-serif;
+    font-family: Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
     padding: 2px 4px;
     letter-spacing: 1px;
     overflow: hidden;
@@ -109,8 +111,10 @@
     font-size: 12px;
 }
 div#content {
-    margin: 0 1.5em 0 242px;
-    padding: 1.2em 0 0 0;
+    margin: 0 1.5em 0 3%;
+    padding: 12px 0 0 19em;
+    font-size: 86%;
+    line-height: 1.5;
 }
 div#footer {
     clear: both;
@@ -138,9 +142,11 @@
     margin: 1em;
 }
 #locationline {
+    font-size: 86%;
     position: absolute;
     bottom: 4px;
-    left: 242px;
+    left: 3%;
+    margin-left: 19em;
     background: url(../img/bullet.gif) no-repeat 0 50%;
     padding: 0 0 0 12px;
 }
@@ -155,10 +161,11 @@
     padding: 0;
     display: inline;
     list-style: none;
+    font-size: 110%;
 }
 ul#pagetrail li a,
 #locationline ul li a {
-    color: #000;
+    color: #3A4969;
     text-decoration: none;
 }
 ul#pagetrail li a:hover,
@@ -168,13 +175,15 @@
 #locationline ul li a.backlink {
     font-weight: bold;
 }
-#pagetrail {
+ul#pagetrail {
     position: absolute;
     bottom: -1.5em;
-    left: 242px;
-    font-size: 12px;
+    left: 3%;
+    margin-left: 19em;
+    font-size: 86%;
 }
 ul#pagetrail li {
+    font-size: 90%;
     padding: 0 0 0 12px;
     margin: 0;
     background: url(../img/bullet.gif) 1px 50% no-repeat;