
BODY { font-family: "Times New Roman", Times, serif;
       background: url("/img/adventure_1.jpg") no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

#main { width: 640px; margin: auto; padding: 20px;
        background: rgba(255,255,255,0.8);
        -moz-box-shadow: 0 0 20px black;
        -webkit-box-shadow: 0 0 20px black;
        box-shadow: 0 0 20px black;
}

A { text-decoration: none; border-bottom: 1px solid blue; color: blue; }
A:visited { border-bottom: 1px solid purple; color: purple; }

H1 { border-bottom: 3px solid black; font-size: 250%; text-align: center; }
H2 { border-bottom: 2px solid black; font-size: 200%; text-align: center; }
H3 { border-bottom: 1px solid black; font-size: 150% }
H4 { font-size: 125% }
H5 { font-size: 100% }

div.center { text-align: center; vertical-align: middle; }

IMG { border: 3px solid #000000;
      margin: 0px 40px 10px 0px; }

IMG.thin { width: 200px; }
IMG.wide { width: 600px; }

h4.entry { margin-bottom: 0px; border-style: none; }
p.postdate { font-size: 80%; margin: 0px; }
p.posttime { font-size: 80%; margin: 0px; }
p.tags { font-size: 80%; margin: 0px; }

table { border-collapse: collapse; }
td { border: 1px solid black; }

table.quip { width: 500px; margin: 30px 0px; }
table.quip td {
  background-color: rgba(200,200,200,0.5);
  border: 1px solid black;
  padding: 0px 5px;
  vertical-align: text-top;
  font-size: 70%;
}
table.quip td.ttl { width: 200px; color: blue; }
table.quip td.tim { width: 100px; }
table.quip td.tgs {}
table.quip td.ico { width: 14px; padding: 0px; vertical-align: middle; }
table.quip td.ico img { border: 0px; margin: 0px; }

table.quip td.bod { background-color: rgba(255,255,255,0.0); font-size: 90%; }
