html { margin: 0; padding: 0; background: #fff; }
body { margin: 0 auto; padding: 20px 40px; font-size: 100%; }
h1, h2, h3 { font-family: Pacifico, "Times New Roman", serif; font-weight: normal; font-effect: outline; }
h1 { margin: 0 0 0.5em 0; font-size: 260%; }
h2 { margin: 1em 0 0.5em 0; font-size: 180%; }
a, a:link, a:visited { color: #2383c2; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
figure, figcaption { display: block; margin: 0; padding: 0; }
#hi { margin: 10px 0 0 0; width: 350px;
    -webkit-box-shadow: 0 0 40px #555; -moz-box-shadow: 0 0 40px #555;
    box-shadow: 0 0 40px #555;
    -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease-in;
    transition: all 1.5s ease;
    border: 4px solid #fff;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#hi:active,
#hi.flipped { -webkit-transform: translateZ(0); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
#hi p { padding: 2em; }
#hicomment { width: 342px; padding: 1em 4px; color: #cccccc; font-size: 70%; font-family: Verdana, Arial; }
#hicomment a { color: #bbbbbb; }
p, ul, ol { font-family: "Trebuchet MS"; font-size: 90%; color: #222; }
section { float: left; margin-left: 20px; }
aside { float: left; text-align: left; margin-left: 60px; width: 350px; display: block; }
article { display: block; width: auto; margin: auto; }
footer { clear: both; color: #aaa; margin-top: 2em; }
footer h2, footer h3 { margin: 0; }
footer p { color: #aaa; }
footer a { acolor: #aaa; text-decoration: none;  }
p.yours { font-size: 70%; color: #aaa; font-family: Verdana; }
p.yours a { color: #aaa; }
div.clear { clear: both; }
.sign { font-family: Pacifico; font-weight: normal; border-top: 1px solid #ccc; }
.sign a { color: #3594dd; /*#56b6f5*/ }

.send { width: 550px; }
#send {
  padding: 0.4em 1em;
  font-family: "Courier" !important;
  background: #eeeeee;
  -webkit-box-shadow: 0 0 6px #aaa;
}
#send p,
#send input,
#send textarea {
  font-family: Courier, fixed, monospace;
}