/************************************************************

	Blog.css - Style rules specific to the blog.
	
	Copyright (c) 2006 Craig Cook and Focal Curve

*************************************************************/

/*** =Blog ***/

.post { width: 100%; padding-bottom: 1.3em; border-bottom: 1px solid #ececec; margin-bottom: 1.5em; }

/* HACK - IE/Win resizes boxes to fit content, which can break the layout. So for
that browser only we'll tell it to cut off overflowing content. Not an optimal 
solution, but IE can go get stuffed. */
* html .post { overflow: hidden; }

.feedback { text-align: right; font-weight: bold; }
.navigation { float: left; width: 100%; }
.postmetadata { font-size: .9em; }
.box { border: 1px solid #ececec; margin-top: 1.6em; padding: 8px; }

div.post h2, h2.pagetitle { margin-bottom: .5em; }

h3#comments { margin-top: 2em; }
h3#respond { margin-top: 2em; border-top: 1px solid #bbb; }

ol.commentlist { list-style: none; }
ol.commentlist li { position: relative; margin: 1.2em 0; border: 1px solid #e6e6e6; padding: .5em 3em .5em 1.5em; }
ol.commentlist li.oddcomment { border-color: #ebebeb; background-color: #fcfcfc; }
ol.commentlist li.mycomment { border: 2px solid #ccc; }
ol.commentlist li li { border: none; margin: .4em 0; padding: 0; }

ol.commentlist .num { color: #ddd; font-size: 2em; font-weight: bold; padding: 0 5px; background: #fff; position: absolute; top: -1px; right: -1px; border: 1px solid #ccc; border-color: inherit; border-width: 0 0 1px 1px; }
ol.commentlist li.mycomment .num { top: -2px; right: -2px; border-width: 0 0 2px 2px; }

#content ol.codelist { margin: .5em 0 1em; border: 1px solid #eee; padding: 10px 0 10px 2.5em; color: #ccc; }
#content ol.codelist code {color: #666; }
#content ol.codelist li { margin-bottom: 0; border-bottom: 1px dotted #eee; }
#content ol.codelist li.odd {  }
#content ol.codelist li.even {  }
#content ol.codelist li.tab1 { padding-left: 1em; }
#content ol.codelist li.tab2 { padding-left: 2em; }
#content ol.codelist li.tab3 { padding-left: 3em; }
#content ol.codelist li.tab4 { padding-left: 4em; }
#content ol.codelist li.tab5 { padding-left: 5em; }
#content ol.codelist li.tab6 { padding-left: 6em; }
#content ol.codelist li.tab7 { padding-left: 7em; }
#content ol.codelist li.tab8 { padding-left: 8em; }

textarea#comment { width: 100%; }
#subnav input { font-size: 1.2em; }
input#s {  }
input#searchsubmit, input#submit { border: 1px outset #aaa; background: #eee; }

.flickr-frame { text-align: center; }
.flickr-caption { display: block; text-align: center; font-size: 0.9em; margin-top: 3px; }

table.datatable { margin-bottom: 1em; border-collapse: collapse; }
table.datatable td, table.datatable th { padding: 2px 5px; border-bottom: 1px solid #eee; }
table.datatable thead th { border-bottom-width: 2px; }

div.linkblock { width: 29%; margin-right: 1%; float: left; }
#page div.linkblock ul { list-style: none; margin: 0; padding: 0; }
#page div.linkblock ul li { margin: .3em 0; padding: 0; }

pre.hl-surround { margin: 1em 0; border: 1px solid #ccc; padding: 5px; overflow: auto; background: #fefefe; }