everything to em

diff --git a/local.css b/local.css
index fc961c70ca6398ee9c69893972729c4cc6e4b3ab..47456fe3df6b30604f4e0ba85010c3d4d1189172 100644 (file)
--- a/local.css
+++ b/local.css
@@ -5,7 +5,7 @@ body{
 }
 
 .page{
-       max-width: 960px;
+       max-width: 60em;
        margin: 0 auto;
 }
 
@@ -24,22 +24,22 @@ body{
 }
 
 #footer{
-       width: 960px;
-       padding: 10px;
+       width: 60em;
+       padding: 1em;
        margin: 0 auto;
-       margin-top: 20px;
+       margin-top: 1.0em;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 60em) {
        .column-left { float: none; width: auto; }
        .column-right { float: none; width: auto; }
        #footer { width: auto; }
 }
 
 .columns, #content{
-       border-radius: 10px;
+       border-radius: 1em;
        background-color: white;
-       padding: 10px;
+       padding: 1em;
 }
 
 
@@ -49,34 +49,34 @@ h1, h2, h3, .title{
 }
 
 .pageheader {
-       margin: 20px auto;
+       margin: 1.0em auto;
 }
 
 .pageheader .title{
        background-image: url('swirl_and_vienna.png');
        background-repeat: no-repeat;
-       padding-left: 170px;
-       margin-top:10px;
-       height: 95px;
+       padding-left: 5em;
+       margin-top: 0em;
+       height: 4em;
        display: block;
-       font-size: 2em;
-       padding-top: 47px;
+       font-size: 200%;
+       padding-top: 1em;
 }
 
 .pageheader .header{
-       border-radius: 10px;
+       border-radius: 1em;
        background-color: white;
-       padding: 10px;
-       height: 100px;
+       padding: 1em;
+       height: 5.0em;
 }
 
 .pageheader .actions{
-       padding: 10px;
-       height: 30px;
+       padding: 1em;
+       height: 1.5em;
 }
 
 .pagebody{
-       max-width: 960px;
+       max-width: 60em;
 }
 
 a{