/* 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 #intraroll { 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 }
.item dt { display:none }
.item dt.comments { display:block }
.item dd { margin:0 }

/* grid. 20px line-height.*/
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 .item h2 { display:block }

#intraroll, #extraroll {
 width:140px; /* border-box-width: 160px */
 float:right;
}
#extraroll { clear:right; width:250px /* border-box-width: 270px */ }
#intraroll, #extraroll {
 padding:0 10px;
 margin:0 0 5% 5%; /* effectively gives posts a 5% right padding */
  /* and provides some breathing room below the sidebars to boot */
}
#intraroll {
 margin-right:-5%; /* negate the above margin-left where necessary */
}
#posts, #footer {
 padding:0 5%;
}
ul.nav {
 margin-bottom:0px;
}
#footer {
 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 */
.item h3 { display:inline }
 /* post lists subheads */
.item li h4 { display:inline }
 /* contact info */
address,.vevent object { display:inline }

/* typography */
 /* start with a minimal idea. */
body {
 font:13px/1.54em sans-serif;
}
p,pre { margin:0 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 }
#posts ul,#posts ol { margin-bottom:1.54em }
 /* side bars */
#intraroll, #extraroll, #intraroll input {
 font:10px/1.5em 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:bottom }
 /* headings */
h3.title { font:18px/20px serif; margin:0 0 0 -.2em; padding:20px 420px 0 0; display:block }
h3.title :link,h3.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.search { width:5.1em; }
fieldset { padding-bottom:1px }
fieldset input { 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 }

/* lists */
 /* post lists */
.item ol,.item ul { padding-left:1.5em }
.item ol { list-style:decimal }
.item ol ol { list-style:lower-alpha }
.item ol ol ol { list-style:lower-roman }
.item ul { list-style:disc }
.item ul ul { list-style:circle }
.item ul ul ul { list-style:square }
.comments ol { padding-left:2.2em }

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

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