body { background: #bbb; }
#wrapper { background: #fff; margin: auto; padding: 2px;
  width: 98%; max-width: 800px; min-width: 250px;
  border: 1px dashed #666; }

a { color: #ff0000; text-decoration: none; }
a:hover { color: #aa0000; text-decoration: underline; }
h3 {margin: 0px; padding: 2px; text-align: center;}
h4 { background: #ccc; border: 1px solid #9a9a9a; padding: 3px; }
img:hover { opacity: 0.6; }

.share-buttons { background: #dadada; border: 1px dashed #bbb;
  padding: 2px; margin: 6px 0px; text-align: center; }
#share-text { width: 100%; height: 90px; }

.share-buttons img { background: #bbb; padding: 2px; margin: 1px;
  border: 1px solid #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.share-buttons img:hover { background: #eee; }

.length-div { text-align: right; }
#length-counter { width: 64px; }

.separator-line { width: 100%; height: 0px; margin-top: 4px;
  border-bottom: 1px dotted #aaa; }

#share-url, #share-title {width: 100%;}

.code-text { font-family: monospace; padding: 2px; margin: 2px;
  background: #ddd; border: 1px dashed #aaa; }

.footer-links { font-size: small; text-align: center; padding: 2px; }