/* simple.css */
/* increasingly misnamed */

@import "../../flags.css";

/* simple elements */
body { padding-left:4em; padding-right:4em; font: 10px/1.5 Verdana,sans-serif }
h1, h3, h4, p, blockquote { font-weight:normal }
h1 { font-size:2em; font-weight:normal; margin-bottom:.1em }
h2 { display:inline; margin-right:.5em; font-size:1.5em }
h3 { text-transform:capitalize; clear:both; font-size:1.25em }
h4 { font-size:1em }
blockquote { margin-left:2em; margin-right:2em }
blockquote cite { display:block; text-align:right }
/* li h4 { display:inline; margin-right:.5em; } */
h1 a,h2 a,h3 a { font-weight:normal }
dt { font-weight:bold }
dl { font-size:smaller; margin-left:2em }

/* code */
code,kbd { padding:1px; background:#fff; white-space:nowrap }
p>code,li>code { white-space:pre }
pre code { display:block; padding:1em }
code em { background:yellow; font-style:normal; font:inherit }
code.xhtmltag,code.xhtmlattr { text-transform:lowercase; font-variant:normal }
samp.cell { font-family: Monaco,sans-serif; font-size:smaller}

/* outline */
ol.month li { clear:left; list-style-type:none }
ol.month li { text-align:left;margin-top:2em }
ol.month ol li { margin:0;margin-bottom:1em }
ol.month ol ul li { margin:0 }
ol.month ol ul ul,ol.month ol ul ol { margin:.5em 0 0 2em }
ol.month ol ul ul li,ol.month ol ul ol li { margin:0 }
ol.month ol ul ul li,ol.month ol ul li { list-style:disc }
ol.month ol h2+ul li { list-style-type:none }
ol.month ol ul ol li,ol.month li li ol li { list-style:decimal }

/* images */
img { max-width:50% }
img.photo { width:auto; height:auto }

/* classy elements */
ul.nav,p.copyright { text-align:center }
p.copyright { padding-left:19px;margin-left:-19px;
 background-image:url(../../images/flagenus.gif); background-repeat:no-repeat; 
 background-position:0 0 }
ul.nav { padding:1em; border-bottom:2px groove #ccc; margin:1em 10% 2em; text-align:center }
ul.nav li { display:inline; margin:0; padding:0 1em }
div+ul.nav { border-top:2px groove #ccc; border-bottom:none; margin:2em 10% 1em; }
abbr.emoticon { font-family:monospace }
div.example { margin-bottom:2.5em }
p.note { font-size:smaller }
span.title,a.title { font-style:italic }

/* categories */
ul.categories li { display:inline; list-style:none; padding-right:.5em }

/* comments */
div.comments { display:block;margin-top:1em; padding-bottom:1px; height:1em; margin-bottom:2em }
div.comments h4 { display:inline; float:left; margin:0 }
body.log div.comments ol { margin:0 }
body.log div.comments li { list-style:decimal inside; float:left; clear:none; padding-left:1.3em; text-indent:1.3em; white-space:nowrap; font-size:85% }
div.comments li>*,
div.comments a { padding-left:4px;font-size:120% }
div.comments *+a { padding-left:0 }
div.comments p { clear:both; white-space:normal; margin-top:0 }
div.comments li>*>a { font-size:100% }

/* now */
div#now { background:inherit; width:180px; height:3600px;  }
div#now object { width:100%; height:100%; margin:0;padding:0; text-align:left }
div#now object a { text-decoration:none }
.now code { background:none }
a.ref { font-weight:bold }
a.temp { font-style:italic }
a.notrecent,:link.notrecent,:visited.notrecent { color:gray }
a.broken { font-style:italic; color:gray }
pre span.comment { font-family:serif; float:right; line-height:1em; height:1em; padding:1px }

/* hide from ie5.x/windows */
i{content:"\"/*"}
body { padding-right:242px }
div#now { position:absolute; top:32px; right:35px }