html, body {height:100%; padding:0; margin:0; border:0;}
body { 	padding:20; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; }
h1{ font-size:3em; line-height:1.2em; margin: 0 2px; }
h2{ font-size:2em; line-height:1em; margin: 0 2px; }
h3{ font-size:1.5em; line-height:1em; margin: 0 2px; }

/* layout */
.col { float:left; display:block; margin:0; padding:0 2; }
.row { display:block; clear:both; padding:0; margin:0; vertical-align:middle; }
.card{ width:320px; padding:4px; margin-right:8px; margin-bottom:8px; 
  border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.wide{ width: 640px }  
.tile{ width:48px; margin: 2 0px; border:none; }
.bigtile{ width:120px; margin: 2 0px; border:none; }
.date{ /*width: 64px;*/ font-size:1.1em; font-weight:bold; }
.info{ width:240px; }
.info-wide{ width:450px; }
.quote{ display:block; padding-bottom: 4px; }
.auto{ width:auto; }

/* colour scheme */
body{  background-color:#000728; }
.card{ background-color:#fffff7; color:#1a2173; }
h1{ color:#fffff7; }
h2{ color:#5e85a3; }
h3{ color:#001456; }
h5{ color:#fffff7; }
.date{ color:#00b856; }
.card{ background-color:#fffff7; border: solid 4px #80b8a0; }
.quote{ color:#00b856; }