body {
    max-width: 60em;
    margin: 0 auto;
}

    meta { http-equiv="X-UA-Compatible"; content="chrome=1"; charset: "ISO-8859-1"; }
@ font-face {font-family: 'headfont'; src: url('myHead.eot'); src: url('myHead.otf');}
@ font-face {font-family: 'bodyfont'; src: url('myBody.eot'); src: url('myBody.otf');}
@ page { margin: 1em; }
body {background-colour: #999999;}
p {font-family: bodyfont;}
h1 {font-family: headfont; margin-top: 1 em;}
      .italic {
        font-style: italic;
      }
      
      .oblique {
        font-style: oblique;
      }
      
      .bold {
        font-weight: bold;
      }
      
      .underline {
        text-decoration: underline;
      }

      .overline {
        text-decoration: overline;
      }
      
      .strikeThrough {
        text-decoration: line-through;
      }
      
      .center {
        text-align: center;
      }
      
      .right {
        text-align: right;
      }
      .left {
        text-align: left;
      }

      .justify {
        text-align: justify;
      }
      
      .sans {
        font-family: sans-serif;
      }
      
      .big {
        font-size: 200%;
      }


button {border: 1px solid blue;
border-radius: 4px;
color: white;
background-color: #010066;
font-family: sans-serif;
font-weigth: bold;
font-size: 15px;
line-height: 20px;
padding: 5px 10px;
-webkit-appearance: none;}

#a {
width: 500px;
-moz-box-orient: horizontal;
display: -moz-box;
-webkit-box-orient: horizontal;
display: -webkit-box;
}
#b {
-moz-box-flex: 1;
-webkit-box-flex: 1;
}
#c {
-moz-box-flex: 3;
-webkit-box-flex: 3;
}
#d {
-moz-box-flex: 1;
-webkit-box-flex: 1;
}