@charset "utf-8";

body { font-size: 93%;
       font-family: Bitstream Vera Sans, Verdana, Helvetica, sans-serif;
       font-size-adjust: 0.55;
       line-height: 1.8em
}
h1,h2,h3,h4,h5,h6{font-family: serif}
pre, code { font-family: Bitstream Vera Sans Mono, monospace }
pre { max-width: 45em; overflow: auto; padding: 1ex; line-height: 1.5em }
a { color: #006; text-decoration: none; border: 0; }
a:hover { text-decoration: underline }
img#bgimg { position: fixed; min-width: 100%; min-height: 100%; top: 0; left: 0 }
div#wrapper { max-width: 65em;
              min-width: 35em;
              position: relative;
              background: url(main_bg.png);
              padding: 1em;
              margin: auto;
}
div#hd { margin-right: 16em }
div#main { float: left; margin-right: 16em }
div#navigation { width: 14em;
                 position: absolute;
                 top: 1ex;
                 right: 1ex;
}
div#navigation ul { font-size: 83% }
div#ft { clear: both }

div#latest-posts { margin-bottom: 1em }
div#latest-posts a.archives { float: right; font-size: smaller }
div#navigation .nav-app { clear: both }
div#navigation .posttime { display: block; text-align: right; font-size: smaller }

div#main h2 { margin-bottom: 0.5ex; clear: both }
p.post-header { font-size: 77% }
div#ft { opacity: 0.5 }

div.comments { clear: both;
               border-top: 1px solid #666;
               margin: 2em 0 0 0;
               font-size: 83%;
}
div.comments div.author { float: left; padding-right: 1em; font-size: 83% }
div.comments div.comment { padding: 0 2em }
div.comments div.date { float: right; padding-left: 1em; font-size: 83% }
div.comments div.comment-text { white-space: pre-wrap;
                                clear: both;
                                padding: 0 2em 2em 2em;
                                border-bottom: 1px solid #333}
div#post-footer { clear: both }
a#post-next { float: right; margin-top: 1em }
a#post-prev { float: left; margin-top: 1em }

.photo-left { float: left;
              clear: left;
              margin: 0.5ex 1ex 0.5ex 0;
              padding: 0.5ex;
              background: #ccc;
              border: 1px solid #666;
}
.photo-right { float: right;
               clear: right;
               margin: 0.5ex 0 0.5ex 1ex;
               padding: 0.5ex;
               background: #ddd;
               border: 1px solid #999;
}
.photo-center { margin: 0.5ex auto;
                text-align: center;
                padding: 0.5ex;
                background: #ddd;
                border: 1px solid #999;
                display: block;
}
.callout-right { float: right;
                 clear: right;
                 padding: 0 0 0 1ex;
                 margin: 0 0 1ex 2ex;
                 border-left: 2px solid #666;
                 max-width: 15em;
                 font-size: 83%; /* 10px: 77% of the 100%, but body is at 93% */
}
p.caption-left { clear: left }
p.caption-right { clear: right; text-align: right }
.clear { clear: both }

/* vale y achuni clock */
div#clock { width: 12em; height: 20ex; background: #333; position: relative; overflow: hidden; border: 2px solid #ddd; color: #0b0 }
div#clock span { float: left; width: 25%; background: #000;
font-size: xx-small; border-bottom: 1px solid #060;
font-family: sans-serif; text-align: center; overflow: visible; white-space: pre}
div#clock a { display: block; color: #0b0; width: 100%; height: 100%; position: absolute; text-align: center; font-size: 40px; font-family: serif; line-height: 1; margin-top: 1ex; text-shadow: #0b0 0 0 4px }

div.post-content hr { border: 0; text-align: center }
div.post-content hr:after {content: "❦"}

textarea { width: 100% }