/* recover from old-browser styling */ .oldbl {display: block !important;} .oldin {display: inline !important;} img.pic {display: block !important;} .ahem, .skipper, #aboutsite, #aboutsite * {display: none !important;} /* NS6.x-specific fix(es) */ *|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;} /* IE image scaling fix */ img {-ms-interpolation-mode: bicubic;} /* misc */ #present {z-index: 100000 !important;} /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* generics */ body {font: 0.95em/1.333 Arial, sans-serif; margin: 0; padding: 0; color: #202020; background: #FFF; margin: 0 auto;} a:link {color: #339;} a:visited {color: #848;} a img {border: none;} h1, h2, h3, h4, h5, h6 {font-weight: bold;} h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;} h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;} h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;} h4 {font-size: 1.1em; margin: 0.5em 0 0;} h5 {font-size: 1em; margin: 0.5em 0 0;} h6 {font-size: 0.85em; margin: 0.5em 0 0;} p {margin: 0.33em 0 1em 0;} ul, ol {margin: 1em 0; padding-left: 2.5em;} dt {margin: 0.5em 0 0; font-weight: 700;} dd {margin: 0.25em 0 0.5em 2.5em;} pre, code, tt, kbd {font: 100% "Consolas", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;} kbd {outline: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.05); margin: 0 1px; padding: 0 0.2em; font-size: 0.95em;} code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;} pre code {border-bottom: 0;} small {font-size: 85%;} big {font-size: 115%;} sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;} img {max-width: 100%;} img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;} img.border {border: 3px double;} img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;} p.standalone {text-align: center;} p.standalone img {display: inline;} .warning {background: #FF8; color: red; border: 2px solid; padding: 1em;} .highlight {background: #B4D5FF; font-weight: bold;} table.chart {margin: 1em auto;} table.chart.side {margin: 1em 0 0; width: 67%;} table.chart caption {font-weight: bold; font-style: italic; font-size: 95%; text-align: center; margin: 0 auto; border-bottom: 1px dotted gray;} table.chart th {text-align: left; font-weight: bold;} table.chart th, table.chart td {border-bottom: 1px dotted #DDD; padding-right: 0.75em;} table.chart thead th {border-bottom: 1px solid #CCC;} table.chart tbody th {padding-right: 1em;} table.chart + p.note {font-size: smaller;} /* masthead */ #sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000; height: 192px; width: 100%; position: relative; z-index: 1; background: #333 no-repeat 0 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #sitemast h1 {font-size: 2em; line-height: 1em; letter-spacing: 0.13em; padding: 0; margin: 0; position: absolute; left: 0; top: 100px; /* hide-from-IE5/Mac hack \*/ top: auto; bottom: 0; /* end hack */} #sitemast h1 a {padding: 0 0.25em;} #sitemast h1 a, .panel a {text-decoration: none;} /* main content */ #main {margin: 2.25em 20em 0 12em; padding: 3.5em 0; min-height: 30em;} #main h2 {border-bottom: 1px solid #888; margin: 0; padding: 0; font-size: 1.75em; line-height: 1;} #main p.contact {margin: 0 1em; text-align: right; font-size: 90%;} #main p {line-height: 1.4;} #main li {line-height: 1.33; margin-bottom: 0.33em;} #main .compact li {line-height: normal; margin-bottom: 0;} #main ul li {list-style: square;} #main ol li {list-style: decimal;} #main blockquote {font-style: normal; margin: 1em 1em 1em 2em;} #main blockquote em {font-style: italic; font-weight: inherit;} #main blockquote p {margin: 0.33em 2.5% 0.33em 0; line-height: 1.2; text-indent: 2em;} #main blockquote dl p {text-indent: 0;} #main blockquote.book p {margin: 0 2.5% 0 0 !important;} #main blockquote.lyric {font-style: italic; white-space: pre; border: none; margin-left: 1em;} #main blockquote.lyric p {text-indent: 0;} #main blockquote.dialogue {border: none; margin-left: 0;} #main blockquote.dialogue p {margin: 0.1em 0; padding: 0; text-indent: 1em;} #main .quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;} #main .quoteattrib cite {font-style: italic;} /* search bits */ #search {position: absolute; top: 193px; right: 0; z-index: 10; text-align: right; padding: 0.25em 0 1.25em 5px;} #search h4 {display: none;} #search form {margin: 0; padding: 2px 1em 0;} #search input[type="text"] {width: 14em; border: 2px inset #999;} #search small {display: block; margin: 0 1.25em; padding: 0; text-align: right; line-height: 1;} #search small a {background: #FFF; color: #668; font-style: italic;} /* navbar */ #navigate {position: absolute; top: 193px; left: 0; right: 0; padding: 0.25em 0 0.25em 1em; z-index: 1; overflow: hidden; height: auto; width: 85%; line-height: 2;} #navigate h4 {display: none;} #navigate ul, #navigate li {margin: 0; padding: 0;} #navigate ul {padding-left: 0.5em;} #navlinks {float: left; width: 100%;} #navlinks a {text-decoration: none;} #navlinks li {float: left; list-style: none; margin-left: 1px;} #navlinks li a {padding: 0.25em 1em; margin-right: 0.125em; border-top: 0.75em solid #AAC; border-bottom: 1px dotted #FFF; font-weight: bold; color: #668;} #navlinks li ul {display: none; border: none;} #navlinks li li a {font-weight: normal;} #navlinks a:hover {border-top-color: #88A;} #navlinks #otherLink {margin-left: 1.75em;} .arch #archLink a, .css #cssLink a, .tools #toolsLink a, .write #writeLink a, .speak #speakLink a, .other #otherLink a {border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;} /* 'sidebar' */ #extra {position: absolute; top: 193px; right: 0; z-index: 100; width: 18em; font-size: 1em; line-height: 1.2; padding: 2.25em 0 0; margin: 3em 0 0; color: #5A5A5F;} #extra a:link {color: #66A;} #extra a:visited {color: #858;} #extra .panel {margin: 0.75em 0 0; padding: 0.75em 0.75em 0 3em; border: 1px dotted #FFF;} #extra .panel h4, #extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0; font-size: 90%; line-height: 1; border-bottom: 1px solid #AAA;} #extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;} #extra .panel li {margin-left: 1em; text-indent: -1em;} #extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em; font-style: italic; text-align: right; font-size: smaller;} #extra .panel .more a {padding-left: 15px; background: url(pix/morearr.gif) 0 66% no-repeat;} #extra #flickrs .flickr_badge_image {display: inline;} #extra #flickrs .flickr_badge_image img {margin: 0 5px 5px 0; background: url(/ui/pix/flickr-wait.gif) center no-repeat;} #extra #advisory {margin: 35px 0 25px;} #extra #advisory div {background-color: silver; text-align: center;} #extra #advisory div.low {background-color: #A8CA63;} #extra #advisory div.guarded {background-color: #77A5D0;} #extra #advisory div.elevated {background-color: #FEDA37;} #extra #advisory div.high {background-color: #FCAE47;} #extra #advisory div.asshat {background-color: #EC665C;} #extra #advisory img {margin: -35px 0 -22px; width: auto;} #extra #blogroll h5 {padding-right: 95px;} #extra #blogroll ul {margin: 0.5em 1em 0 0;} #extra #xfn-btn {float: right; margin: -20px 1px 0 5px;} #extra #excuse {text-align: center; padding: 0 0.25em 0.66em; margin: 2em 1em -2em 3em; border: 1px solid #CCC;} #extra #excuse h4 {display: inline; position: relative; top: -0.6em; border: 0; padding: 0 0.25em; margin: 0; background: #FFF; color: #666; text-transform: capitalize; font-size: 1em; font-weight: normal;} #extra #excuse p {margin: 0; padding: 0; color: #444;} #extra #extras {padding: 1em 0.5em 1em; margin: 2em 1em 0 3em; width: 13em; color: #666; border: 1px solid #AAA; border-width: 1px 0;} #extra #extras h4 {display: none;} #extra #extras ul {margin: 0; text-align: center; list-style: none;} #extra #extras li {margin-left: 0.25em; display: inline;} #extra #extras a {margin-right: 0.25em;} /* miscellaneous */ #footer {margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em; border-top: 1px solid gray; text-align: center; color: gray; background: #FFF;} #footer a {color: #558;} #footer a:visited {color: #858;} #footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; } #reading img {border: 1px solid silver;} #extra #reading img {margin: 0.5em;} .book #main img.cover {float: right; margin: 1em 0 1em 2em; border: 1px solid; border-color: #AAA #444 #444 #AAA;} /* Hack-o-rama! */ * html #navigate {padding-top: 0;} /*\*//*/ body #search {width: 20em;} /**/ /* html body {background: #FDC;} html #sitemast h1 {right: 0; left: auto;} html #sitemast h1 a {color: maroon;} html #thoughts ul.meta {float: right; text-align: right;} html #thoughts h3 {font-size: 1.6em; line-height: 1em; padding: 0 6.25em 0.25em 0;} html #thoughts .text {margin-left: 0; margin-right: 10em;} html #main {margin: 2.25em 2em 0 20em;} html #extra {right: auto; left: 0;} */ @media handheld, (max-width: 60em), (max-device-width: 900px) { #main {margin-top: 0; padding-top: 1.5em; margin-right: 1em;} #extra, #search, #navigate {position: static; width: auto;} #search {display: none;} #extra .panel {width: 15em; float: left;} #navigate, #footer {margin: 0; width: auto; clear: both;} #thoughts aside.pic {width: auto;} } @media (max-device-width: 900px) { body {font-size: 2em;} } @media print, (max-device-width: 900px), (max-width: 40em) { body #sitemast {margin-bottom: 1em; text-align: right;} body #sitemast * {margin: 0;} body #sitemast a {text-decoration: none; color: silver; letter-spacing: 1px; font-size: 85%;} body #main {margin: 0 5%; padding: 0; position: static;} body #thoughts .entry h3 {font-size: 200%; padding-left: 0; margin-bottom: 0; text-align: center;} body #thoughts h3 a:hover:after {content: ""; padding-left: 0;} body #thoughts .entry .meta {float: none; height: 1.5em;} body #thoughts .entry .meta li {display: none;} body #thoughts .entry .meta li.date {display: block; margin: 0.25em 0 0; text-align: center; font-size: smaller; font-style: italic; float: left;} body #thoughts .entry .meta li.cmt {display: block; margin: 0em 0 1em; text-align: center; font-size: smaller; font-style: italic; float: right;} body #thoughts .text {margin: 0;} body #footer {margin-top: 2em; padding-top: 1em; border-top: 1px solid #999; font-size: smaller; text-align: center;} body #footer * {margin: 0; text-decoration: none; color: #999;} } @media print { body #extra, body #navigate, body #search, body .skipper, body .navigation, body .prev-next, body #thoughts .entry .meta li.cmt { display: none !important;} body #thoughts .entry .meta li {float: none;} body #thoughts .entry .meta li.date:before {content: "~ ";} body #thoughts .entry .meta li.date:after {content: " ~";} body {font: 12pt "New Century Schoolbook", "Times New Roman", TimesNR, Times, serif;} body #thoughts .text p {margin: 0.25em 0; text-indent: 3em;} body #thoughts .text p:first-child {text-indent: 0;} }