/* mccgrid.css */

/* debug scaffolding */
body.debug { background:#fff }
/*.debug h1 { background:#c8c8c8 }*/
/*
.debug h2 { background:#d0d0d0 }
.debug h3 { background:#d8d8d8 }
.debug h4 { background:#e0e0e0 }
.debug h5 { background:#e8e8e8 }
.debug h6 { background:#f0f0f0 }
*/

/* 
.debug li { border:1px dotted #999 }
.debug ul,.debug ol { border:1px solid #666 }

.debug #posts { background:#efe }
*/

.debug #et { background:#efe }
.debug #extraroll { background:#dfd }

.dnote { display:none }
.debug .dnote { position:absolute;top:0;left:60%; width:40%; font-size:smaller; display:block; margin:0 0 0 -4em; padding:.5em 2em; background:#ffc }
.debug .dnote p { margin:0 }
.debug .dnote h2 { background:none }
.dnote * { display:inline }

/* prune linear-only elements */
.skip { display:none }
/* prune some inline metadata */
ul.categories { display:none }
.hentry dt { display:none }
.hentry dt.comments { display:block; margin-top:1em }
.hentry dd { margin:0 }

/* grid. 20px line-height.*/
body { margin:2em }
h1 { padding-top:20px }
#posts h2,
#posts h3.time,#posts dd.datetime { display:block;float:right; height:20px;  margin-top:-20px; font-family:serif}
#posts h2 { margin-bottom:-20px }
#posts h3.time { margin-top:20px;margin-bottom:-40px; }
#posts h2 { display:none }
#posts .hentry h2 { display:block }
.hentry ol,.hentry ul { padding-left:1.5em }
.entry-content p:first-child { padding-top:.5em }
h4.summary {margin-top:1em}

ul.tags,ul.tags li,h4.tags { display:inline; margin:0; padding:0 }
h4.tags,ul.tags li { height:1ex; margin:.5ex 1px }

.comments+dd { padding-bottom:1.44em }

#et,#extraroll {
 width:200px;
 position:absolute;
 top:11.5em;
}
#et { left:20px }
#extraroll { right:0}
#posts,#footer { margin:20px 220px;padding:0 1em }
#et, #extraroll {
 padding:0 10px;
 margin:0;
}
ul.nav {
 margin-bottom:0px;
}
#footer {
 clear:both;
 margin-top:4.62em;
}
#footer ul, #footer li { display:inline }

/* inlines */
 /* nav, valids, categories */
ul.nav li, ul.nav ul, ul.nav ol, 
ul.valids li,
ul.categories li 
{ display:inline }
ul.nav li, ul.categories li
{ margin-right:2em }
ul.nav ul li { margin-right:0; margin-left:2em }
 /* post headers */
.hentry h3 { display:inline }
 /* post lists subheads */
.hentry li h4 { display:inline }
 /* tags */
ul.tags li { white-space:nowrap }
ul.tags li a img { vertical-align:middle; margin-left:0.4em; padding:0 }
 /* contact info */
address,.vevent object { display:inline }
.trs img { vertical-align:top }

/* typography */
 /* start with a minimal idea. */
body,.entry-content { font:13px/1.54em sans-serif; }
p,pre { margin:.77em 0 .77em 0 }
/*
dd li p { text-indent:3em }
dd li p:first-child { text-indent:0 }
*/
dd li p { margin:0 }
dd p:first-child { margin-bottom:0 }
dd p:first-child+p { margin-top:.77em }
blockquote { margin:.77em 2em }
.entry-content ul,.entry-content ol { margin-bottom:1.54em }
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol { margin-bottom:0 }
ins.correction p { text-decoration:underline }
 /* post subheads */
h4.summary {margin-top:1.54em}
 /* tags */
h4.tags,ul.tags { font: 10px/1ex Trebuchet MS,sans-serif }
ul.tags a:link,
ul.tags a:visited { color:green }
 /* post thumbnails */
p>a:first-child>img:first-child { float:left;padding:0.25em 1em 0.5em 0 }
img.video-thumbnail { height:240px; width:320px; border:0 }
 /* review images */
.entry-content .hreview .vcard img.photo { float:left; padding-right:3px }
blockquote.description { font-style:normal }

 /* side bars */
#et, #extraroll, #et input {
 font:10px/1.5em Trebuchet MS, sans-serif;
}
 /* blog header */
h1 { 
  font:24px/1.67em serif;
  padding-left:5%;
  text-indent:-.2em; /* optical letter alignment */
}
h1 a:link,h1 a:visited { color:#000 }
 /* nav */
ul.nav {
 font:11px/2.73em sans-serif;
 padding-left:5%;
}
 /* quotes */
blockquote,q {
 font-style:italic;
}
 /* comments */
div.comments {
 margin-bottom:3em;
}
.comments img { vertical-align:middle }
 /* headings */
li.hentry { clear:left }
h3.entry-title { font:18px/20px serif; display:block; clear:left  }
h3.entry-title :link,h3.entry-title :visited { color: #000 }
#posts h3,#posts h2 { font-weight:normal }
#posts h2 { line-height:20px }
h3.time { font-size:9px; line-height:20px }
 /* forms */
input.text { width:8.1em; }
fieldset { padding-bottom:1px }
fieldset input.text { height:1.4em; padding:0 }
/* ie5mac can have skinnier buttons than 
   safari buttons which are untrimmably fat on their sides \*//*/
fieldset input { width:8.5em }
input.search { width:3.7em }
/* */
.trs img { vertical-align:bottom }
 /* code */
#posts code { white-space:pre }
code kbd { font-weight:bold }

#books li { display:inline }
#books a.url { display:none }

/* list and counter styling */
 /* post lists */
.hentry ol { list-style:decimal }
.hentry ol ol { list-style:lower-alpha }
.hentry ol ol ol { list-style:lower-roman }
.hentry ul { list-style:disc }
.hentry ul ul { list-style:circle }
.hentry ul ul ul { list-style:square }
.comments ol { padding-left:2.2em }

.roll h2 { margin-top:20px; line-height:20px; }
.roll h2:first-letter { text-transform:uppercase; font-size:12px }

/* tables */
.hentry table { border:1px solid #000; border-spacing:0 }
.hentry table td { border-top:1px solid #999; margin:0; padding:0 .5em }
.hentry table td:first-child { text-align:center }
.hentry table td+td { border-left:1px solid #999 }