/* Officially OK font-sizes: 
    77% (10px),  85% (11px),  92% (12px), 100% (13px), 107% (14px), 114% (15px),
   122% (16px), 129% (17px), 136% (18px), 144% (19px), 152% (20px), 159% (21px),
   167% (22px), 174% (23px), 182% (24px), 189% (25px), 197% (26px) */
/* --- Blog template stuff --- */
body { background: #993 url(../theme/head/bkgd_444.gif) repeat-y scroll 0 0;
  font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, legend { font-family: arial, helvetica, sans-serif;
  font-weight: normal; }
p { margin: 0 0 1.2em 0; line-height: 133%; }
blockquote { margin: 0 2em 1.2em 2em; line-height: 133%; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

#content { width: 930px; }
#main { float: left; width: 560px; padding-left: 12px; }
.entry, .archiveEntries { padding-right: 60px; background: transparent
  url(../theme/head/balloon_arrow_yellow.gif) no-repeat scroll 500px 50px; }
.title { font-size: 182% !important; margin-bottom: .5em; border-bottom: 1px solid #CCC;
  padding-bottom: -.5em; font-family: 'Times New Roman', Times, serif;
  font-weight: normal; color: #000 !important; }
.dateline { margin: -.8em 0 .2em 0; color: #AAA; text-align: right; }
.middot { width: 10px; height: 10px; padding: 0 2px;
  background: transparent url(../theme/head/byline_dot4.gif) no-repeat scroll 0 center; }
.content { margin: 0 0 2em 0; padding: 1em 1em .2em 1em; min-height: 150px;
  background: #FFF url(../theme/head/balloon_bottom.gif) no-repeat scroll 0 bottom; }

.comments { clear: both; padding: .5em; }
.commHead { font-size: 152%; color: #AAA; margin: 0 0 5px 109px; } 
.comment { clear: both; margin: .5em 0 0 0; width: 470px; padding-right: 30px;
  background: #444 url(../theme/head/comment_arrow_gray.gif) no-repeat scroll 79px 15px; }
.commentInfo { width: 70px; height: 71px; float: left; text-align: center;
  padding: 8px 0 0 0; margin: 0 .4em .8em .3em; font-family: verdana, helvetica, sans-serif;
  background: #444 url(../theme/head/commentPerson.gif) no-repeat scroll 0 0; }
.commentInfo a { color: #555; }
.commentInfo a:hover span { color: #00F; text-decoration: underline; }
.commentInfo span { display: block; font-size: 85%; }
.commentInfo span.commentNum { font-size: 122%; margin-bottom: .5em; }
.commentContent { width: 361px; float: right; margin-bottom: .8em;
  background: #CCC url(../theme/head/comment_top_gray.gif) no-repeat scroll 0 top; }
.commentBy { margin: .5em .8em .2em .8em; font-size: 122%; color: #555; }
.commentBy span { font-size: 77%; }
.commentText { padding: 0 .8em .8em .8em; margin: 0;
  background: #CCC url(../theme/head/comment_bottom_gray.gif) no-repeat scroll 0 bottom; }
.noCSS { display: none !important; }
.clear { clear: both; }
.byMe { background-image: url(../theme/head/comment_arrow_white.gif);
  background-position: 470px 15px; }
.byMe .commentContent { background-color: #FFF;
  background-image: url(../theme/head/comment_top_white.gif); }
.byMe .commentText { background-color: #FFF;
  background-image: url(../theme/head/comment_bottom_white.gif); }
.preview { background-image: url(../theme/head/comment_arrow_yellow.gif); }
.preview .commentInfo { color: #555; }
.preview .commentContent { background-color: #E6E691;
  background-image: url(../theme/head/comment_top_yellow.gif); }
.preview .commentText { background-color: #E6E691;
  background-image: url(../theme/head/comment_bottom_yellow.gif); }
.preview .commentText span { display: block; text-align: center; }
.preview .commentText span#previewNote { text-align: center; font-size: 92%; color: #663;
  font-style: italic; }
.preview .commentText input { padding-top: 2px; width: 9em; }

#comment-error { width: 341px; float: right; clear: right; background: #FCC;
  border: 2px solid #900; padding: 10px; margin-right: 10px; }
#comment-error .errorHead { font-size: 136%; margin-bottom: .2em; color: #900; }
#comment-error p { margin: 0; }
#comment-error strong { font-weight: bold; }

.newComment { background-position: 79px 3.5em; }
fieldset .commentText { margin-top: .8em; }
.newComment label { float: left; width: 55px; clear: left; font-size: 92%;
  font-style: italic; text-align: right; padding: 2px 5px 0 0; color: #555; }
.newComment input { width: 9em; }
.commInput { border: 1px solid #BBB; }
.newComment input.commSave { width: auto; margin-bottom: 1px; }
.newComment .commInpWide { width: 260px; }
.newComment .commInpCity { width: 25px; }
fieldset .commentText span { font-size: 85%; color: #555; }
.allowedTags { margin-left: 60px; font-size: 85%; color: #555; }
.noComment { clear: both; margin: 2em 0 0 109px; color: #AAA; }
.noComment .commHead { margin-left: 0; }
.noComment p { margin: 0; }

/* login stuff */
.loginBox { background-color: #ECC; padding: .3em; border: 3px solid #444; display: none;
  margin: .2em; }
.loginBox p { margin: 0; text-align: center; }
.loginBox label { float: none; clear: none; width: auto; }
.loginBox input { width: 5em; }

#side { float: left; width: 370px; margin-left: -30px; background: transparent
  url(../theme/head/floating_head_yellow.gif) no-repeat scroll 30px 0;
  padding: 300px 0 20px 0; }
#side .sideHead { font-size: 152%; color: #660; margin-bottom: .2em; }

.prevNext { display: block; float: left; width: 175px; }
.prevNext span { display: block; width: 150px; }
a.prevNext:hover { text-decoration: none; }
.prevNext span.arrow { width: 19px; height: 34px; }
#prevEntry { margin-right: 20px; margin-left: -5px; }
#prevEntry span { float: left; }
#prevEntry .arrow { margin-right: 5px;
  background: transparent url(../theme/head/arrow_prev.gif) no-repeat scroll 0 top; }
a#prevEntry:hover .arrow { background-position: 0 bottom; }
#nextEntry span { float: right; text-align: right; }
#nextEntry .arrow { margin-left: 5px;
  background: transparent url(../theme/head/arrow_next.gif) no-repeat scroll 0 top; }
a#nextEntry:hover .arrow { background-position: 0 bottom; }
.prevNextTitle { margin-bottom: .05em; color: #660;
  font: normal 152% arial, helvetica, sans-serif; } 
.prevNextLink { margin: 0; font: 129% 'Times New Roman', Times, serif; 
  line-height: 90%; line-height: 90%; }
span.prevNext .prevNextLink { color: #660; font-style: italic; } /* first/last entries */ 
a.prevNext:hover .prevNextLink { text-decoration: underline; }

#archiveMonths { clear: left; width: 370px; color: #771; padding: 15px 0 0 20px;
  font-family: verdana, helvetica, sans-serif; }
#archiveMonths .archiveYear { clear: left; padding-top: .3em; font-size: 122%;
  color: #660; }
#archiveMonths .archiveYearFirst { clear: left; padding-top: 0; font-size: 122%;
  color: #660; }
#archiveMonths ul { list-style: none; margin: 0; padding: 0; }
#archiveMonths li { float: left; width: 8.2em; height: 1.3em; margin-bottom: 1px;
  font-size: 85%; }
#archiveMonths li.note2004 { width: 16em; }
#archiveMonths li span { font-size: 92%; width: 18px; height: 14px; float: left;
  text-align: right; padding-right: 5px; color: #660; text-align: center;
  background: #993 url(../theme/head/month_count_balloon.gif) no-repeat scroll 0 top; }
#archiveMonths a:hover span { background-position: 0 bottom; }


/* --- Main-page-only things --- */
.entryFront { width: 500px; padding: 20px 60px 0 0;
  background: transparent url(../theme/head/balloon_top.gif) no-repeat scroll 0 top; }
#blogTitle { width: 557px; height: 166px; margin: 0 0 20px 0;
  background: transparent url(../theme/head/logo.gif) no-repeat scroll 0 top; }
#blogTitle h1 { display: none; } 
.entryFront .content { padding-top: 0; padding-bottom: 0; max-height: 250px;
  margin-bottom: 0; overflow: hidden; background-image: none; }
.expandBlock { display: block; height: 39px; color: #666; padding-left: 45px; font-size: 92%;
  background: transparent url(../theme/head/expand_block.gif) no-repeat scroll 5px top;
  margin: 0; cursor: hand; }
.expShown { display: block; float: left; width: 130px; margin: 5px 10px 0 0; }
.expShownPct { display: block; float: left; font-size: 200%; width: 2em;
  margin: 1px 3px 0 0; color: #999; }
.expComment { display: block; float: left; width: 160px; margin: 5px 10px 0 0; }
.expCommentNum { display: block; float: left; font-size: 200%;
  margin: 1px 5px 0 0; color: #999; }
.expShowFull { display: block; float: left; width: 130px; margin-top: 5px;
  font-size: 120%; font-weight: bold; color: #999; line-height: 1em; }
a.expandBlock:hover { background-position: 5px bottom; text-decoration: none; }
.entryFront .comments { width: 500px; height: 39px; clear: both; margin: 0 0 2em 0;
  background: #FFF url(../theme/head/balloon_bottom.gif) no-repeat scroll 0 bottom;
  padding: 0 0 7px 0; }
.entryFront .commHead, .entryFront .comment { display: none; }

.entryFrontFull { width: 500px; padding: 20px 60px 0 0;
  background: transparent url(../theme/head/balloon_top.gif) no-repeat scroll 0 top; }
.entryFrontFull .content { padding-top: 0; }
.entryFrontFull .comments .expandBlock { display: none; }

/* --- Archive-only things --- */
.archiveEntries .archiveTitle { font-size: 182%; margin-bottom: .5em; }
.archiveEntries .title { font-size: 159% !important; }
.archiveEntries .title a { text-decoration: none; }
.archiveEntries .dateline { margin: -.8em 0 0 0; color: #888; }
.archiveEntries .dataCounts { float: left; }
.archiveEntries .summary { margin-bottom: .8em; }


/* --- Blog (potential) content stuff --- */
.content h2 { font-size: 152%; color: #999; }
.content a { text-decoration: underline; }
.content em, .commentText em { font-style: italic; }
.content strong, .commentText strong { font-weight: bold; }
.content p.small { font-size: 85%; }
.content hr { width: 60%; padding: 0; margin: 2em auto; }
.content ul { padding: 0; margin: 0 0 1.2em 1.3em; list-style: disc; }
.content ol { padding: 0; margin: 0 0 1.2em 1.3em; list-style: decimal; }
.content ul li, .content ol li { margin-bottom: .4em; }

.content .subtitle { font-size: 152%; margin-bottom: .3em; }
.content p.indent, .content div.indent { padding-left: 2em; }
.content p.email { font: 1em 'courier new', courier, monospace; padding-left: 1em;
  padding-right: 1em; }
.content p.conversation { padding-left: 1em; padding-right: 1em; }
.content p.conversation .name, .content .smallCaps
  { font-variant: small-caps; font-style: normal; }
.content p.img { margin-top: .5em; margin-bottom: 1em; font-size: 85%; text-align: center; }
.content p.left { float: left; margin-right: 1.3em; }
.content p.right { float: right; margin-left: 1.3em; }