/*
SCREEN STYLESHEET
(c) Jon Tan 2006/7/8/9/10/11
Unoptimised for continuous editing. A pedant's work is never done!
----------------------------------------*/

/*
reset
----------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
html{
font-size:100%/*WinIE6- text resize adjust*/
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

/*
filter
----------------------------------------*/

@media screen{

body{
font:1em georgia,serif;
color:#222;
background:#fff;
text-align:center;
}

.hide{position:absolute;left:-9999px;text-align:left;}

/*
text =t
----------------------------------------*/

/* =a */

.entry-content a,
.entry-content p code{
text-align:justify;
}

a:link,
a:visited{
color:#000;
text-decoration:none;
}
a:focus,a:hover,a:active{
color:#f50;
}

#masthead p a:link,
#masthead p a:visited,
#aside .aside-talks ol li h3 a:link,
#aside .aside-talks ol li h3 a:visited{
font-variant:small-caps;
}

.entry-title a:link,
.entry-title a:visited{
color:#000;
}
.entry-title a:focus,
.entry-title a:hover,
.entry-title a:active{
color:#f50;
text-decoration:none;
outline-style:none;
}
.latest-entries ol a:link,
.latest-entries ol a:visited,
.entry-content a:link,
.entry-content a:visited,
#comments blockquote a:link,
#comments blockquote a:visited,
#comments-form label a:link,
#comments-form label a:visited,
#flow a:link,
#flow a:visited,
.section-content a:link,
.section-content a:visited,
#error-doc a:link,
#error-doc a:visited,
#silo a:link,
#silo a:visited{
color:#000;
/*font-variant:small-caps;*/
border-bottom: 0.071em solid #a9a9a0;
}
.latest-entries ol a:focus,
.latest-entries ol a:hover,
.latest-entries ol a:active,
.entry-content a:focus,
.entry-content a:hover,
.entry-content a:active,
#comments blockquote a:focus,
#comments blockquote a:hover,
#comments blockquote a:active,
#comments-form label a:focus,
#comments-form label a:hover,
#comments-form label a:active,
#flow a:focus,
#flow a:hover,
#flow a:active,
.section-content a:focus,
.section-content a:hover,
.section-content a:active,
#error-doc a:focus,
#error-doc a:hover,
#error-doc a:active,
#silo a:focus,
#silo a:hover,
#silo a:active{
color:#f50;
border-bottom: 0.071em solid #fa0;
}
#aside ol li h3 a:link,
#aside ol li h3 a:visited,
.illustration ul li a:link,
.illustration ul li a:visited,
.entry-content .nb a:link,
.entry-content .nb a:visited,
.figure-left-wrap a:link,
.figure-left-wrap a:visited,
.figure-right-wrap a:link,
.figure-right-wrap a:visited,
.nb-note a:link,
.nb-note a:visited,
#aside ol li p a:link,
#aside ol li p a:visited,
p.add a:link,
p.add a:visited,
#foot a:link,
#foot a:visited{
color:#000;
border-bottom: 0.083em solid #a9a9a0;
}
#aside ol li h3 a:focus,
#aside ol li h3 a:hover,
#aside ol li h3 a:active,
.illustration ul li a:focus,
.illustration ul li a:hover,
.illustration ul li a:active,
.entry-content .nb a:focus,
.entry-content .nb a:hover,
.entry-content .nb a:active,
.figure-left-wrap a:focus,
.figure-left-wrap a:hover,
.figure-left-wrap a:active,
.figure-right-wrap a:focus,
.figure-right-wrap a:hover,
.figure-right-wrap a:active,
.nb-note a:focus,
.nb-note a:hover,
.nb-note a:active,
#aside ol li p a:focus,
#aside ol li p a:hover,
#aside ol li p a:active,
p.add a:focus,
p.add a:hover,
p.add a:active,
#foot a:focus,
#foot a:hover,
#foot a:active{
color:#f50;
border-bottom: 0.083em solid #fa0;
}
.preface p a:link,
.preface p a:visited,
.asides ol li a:link,
.asides ol li a:visited{
/* font-variant:small-caps; */
border-bottom: 0.083em solid #a9a9a0;
}
.preface p a:focus,
.preface p a:hover,
.preface p a:active,
.asides ol li a:focus,
.asides ol li a:hover,
.asides ol li a:active{
border-bottom: 0.083em solid #fa0;
}

.section .contact a:link,
.section .contact a:visited{
font-variant:small-caps;
}


p.fig-note a:link,
p.fig-note a:visited{
border-bottom:0.1em solid #a9a9a0;
}
p.fig-note a:focus,
p.fig-note a:hover,
p.fig-note a:active{
border-bottom:0.1em solid #fa0;
}

.personal-note sup a:link,
.personal-note sup a:visited{
font-variant:normal;
font-style:normal;
color:#777;
border-bottom:0.1em solid #a9a9a0;
}
.personal-note sup a:focus,
.personal-note sup a:hover,
.personal-note sup a:active{
color:#f50;
border-bottom:0.1em solid #fa0;
}

.entry-content h2 a:link,
.entry-content h2 a:visited{
border-bottom:0.046em solid #a9a9a0;
}
.entry-content h2 a:focus,
.entry-content h2 a:hover,
.entry-content h2 a:active{
border-bottom:0.046em solid #fa0;
}

.work-with-me a:link,
.work-with-me a:visited{
border-bottom: 0.071em solid #a9a9a0;
}
.work-with-me a:focus,
.work-with-me a:hover,
.work-with-me a:active{
border-bottom:0.071em solid #fa0;
}

/* =h */

h1,h2,h3,h4{
font-weight:300;
}

h1{
font-size:2.063em;
line-height:2.667em;
font-family:baskerville,'palatino linotype','times new roman',serif;
letter-spacing:-0.030em;
width:23.333em;
margin:0 auto;
border-bottom: 0.121em solid #000;
}
h1 em{
font-style:italic;
letter-spacing:-0.030em;
}

/* =stuctured text */

pre{
margin:1.571em 0;
padding:0 1.571em;
}
pre code,
code{
font-size:1em;
font-family:'lucida console','courier new',sans-serif;
color:#037;
text-align:left;
}
code span.value, pre code span.value{
color: rgb(128,0,128);
}
code span.comment, pre code span.comment{
color: rgb(96,96,96);
}
code span.property, pre code span.property{
color: rgb(35,110,37);
}
h2 code{
font-weight:300;
font-family:baskerville,'palatino linotype','times new roman',serif;
}
a code{
font-variant:normal;
}
code em.php{
font-style:normal;
color:#900;
}
.entry-content code{
text-align:justify;
}
abbr{font-style:italic; font-variant:small-caps; cursor:help; }
ins{font-style:italic;text-decoration:none;border-bottom:0.071em dotted #999990;}
#colophon ins{border:0; text-align:justify;}
del{color:#999990;}
.entry-content sup,
.section-content blockquote sup{
font-size:0.714em;
font-style:normal;
line-height:1em;
font-family:arial,georgia,serif;
vertical-align:text-top;
margin:0;
}
.section-content blockquote sup{
color:#777;
}
kbd{
color:#037;
text-align:justify;
}

/*
grouping elements - layers / dividers and their children =d
----------------------------------------*/

#message{
width:48.125em;
margin:1.375em auto;
position:relative;
}
#message p{
font-size:0.875em;
line-height:1.571em;
}

/* index deck */

#deck{
width:48.125em;
margin:0 auto;
padding-top:1.375em;
position:relative;
border-bottom:0.188em solid #000;
}
#deck h2{
font-size:0.750em;
line-height:1.833em;
font-weight:300;
font-variant:small-caps;
letter-spacing:0.25em;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#7a7a70;
margin:0;
}
#deck h2 span{
font-variant:normal;
font-style:italic;
letter-spacing:0.083em;
margin-right:0.25em;
}

.latest-entries{
margin-left:11em;
width:26.125em;
}

.latest-entries h3{
font-size:1.125em;
line-height:1.167em;
font-weight:300;
margin-bottom:0.111em;
}
.latest-entries h3 em{
font-size:0.667em;
line-height:1.571em;
font-style:italic;
color:#777;
white-space:nowrap;
}
#deck .latest-entries h3 a:link,
#deck .latest-entries h3 a:visited{
font-variant:normal;
border-bottom:0.056em solid #a9a9a0;
}
#deck .latest-entries h3 a:focus,
#deck .latest-entries h3 a:hover,
#deck .latest-entries h3 a:active{
border-bottom: 0.056em solid #fa0;
}
.latest-entries h3 em strong{
border:0;
font-style:normal;
font-weight:300;
}

.latest-entries ol li{
padding-top:1.167em;
padding:1.25em 0;
border-top:0.063em solid #d9d9d0;
}
.latest-entries ol li p,
.section-content{
font-size:0.875em;
line-height:1.571em;
}
.latest-entries ol li p em{
font-style:italic;
}

/* index preface and asides */

.preface,
.asides{
width:8.938em;
}

.preface{
float:left;
}
.preface p{
font-size:0.750em;
line-height:1.833em;
color:#444;
padding: 2em 0 1.833em 0;
border-top:0.083em solid #d9d9d0;
}
/*
.preface p strong{
font-size:3.667em;
line-height:1em;
font-weight:300;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#000;
float:left;
margin:0 0.090em 0 0;
padding:0;
}
*/

.asides{
float:right;
}
.asides ol{
font-size:0.625em;
color:#bbb;
padding:2.2em 0;
border-top:0.1em solid #d9d9d0;
}
.asides ol li{
font-size:1.2em;
line-height:1.833em;
}
.asides ol li em{
font-style:italic;
color:#7a7a70;
}
.asides ol li em a{
font-variant:normal;
font-style:italic;
}

/* index frippery */

.indulgence{
display:block;
clear:both;
padding:0 0 2.75em;
border-top:0.063em solid #000;
}
.indulgence ul{
margin-top:1.375em;
}
.indulgence ul li{
display:inline;
margin-right:1.25em;
}
.indulgence ul li img{
width:4.125em;
vertical-align:text-bottom;
}
.indulgence ul li a:link img,
.indulgence ul li a:visited img{
padding:0.063em;
border:0.063em solid #d9d9d0;
}
.indulgence ul li a:focus img,
.indulgence ul li a:hover img,
.indulgence ul li a:active img{
padding:0.063em;
border:0.063em solid #fa0;
}

.indulgence div p{
font-size:0.875em;
line-height:1.571em;
margin-top:1.571em;
}
.indulgence div p img{
float:right;
margin-top:0.857em;
}

/* silo */

#silo{
width:48.125em;
margin:0.063em auto 0;
border-top:0.063em solid #000;
border-bottom:0.188em solid #000;
display:block;
clear:both;
position:relative;
}
#silo div{
position:absolute;
right:0;
bottom:0;
width:23.063em;
}
#silo h2{
font-size:0.750em;
line-height:1.833em;
font-weight:300;
font-variant:small-caps;
letter-spacing:0.25em;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#7a7a70;
margin:0.833em 0 0;
}
#silo p{
font-size:0.875em;
line-height:1.571em;
margin:1.571em 0;
text-align:justify;
}
#silo .showcase img{
vertical-align:text-bottom;
}
#silo ol{
margin:1.375em 0;
position: relative;
}
#silo ol ol{
width:auto;
margin:0;
padding-bottom:0.688em;
}
#silo ol li{
margin-bottom:0.688em;
width: 23.031em;
border-top:0.071em solid #d9d9d0;
}
#silo ol li li{
font-size: 0.875em;
line-height:1.571em;
margin:0 0 0 0.786em;
float:none;
height: auto;
border-top:0;
}


/* aside */

#aside{
width:48.125em;
margin:0.063em auto 0;
border-top:0.063em solid #000;
border-bottom:0.188em solid #000;
display:block;
clear:both;
}
#aside div{
float:left;
width:14.375em;
}
#aside .aside-log,
#aside .aside-clippings{
margin-right:2.5em;
}
#aside .aside-talks,
#aside .aside-social,
#aside .aside-events,
#aside .aside-silo{
float:right;
}
#aside h2{
font-size:0.750em;
line-height:1.833em;
font-weight:300;
font-variant:small-caps;
letter-spacing:0.25em;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#7a7a70;
margin:1.833em 0 0;
border-bottom:0.083em solid #d9d9d0;
}
#aside h2 span{
font-variant:normal;
font-style:italic;
letter-spacing:0.083em;
margin-right:0.25em;
}
#aside .aside-social p{
font-size:0.750em;
line-height:1.833em;
font-style:italic;
margin:1.833em 0;
color:#444;
}
#aside ol{
list-style:lower-roman;
font-size:0.625em;
color:#bbb;
margin:2.2em 0 0;
}
#aside ol li{
margin-bottom:2.2em;
}
#aside .aside-silo ol li,
#aside .aside-social ol li{
margin-bottom:0;
}
#aside ol li h3{
font-size:1.4em;
line-height:1.571em;
font-variant:small-caps;
display:block;
clear:both;
}
#aside .aside-talks ol li h3{
font-variant:normal;
color:#777;
}
#aside ol li h3 cite{
font-style:normal;
}
#aside ol li h3 em{
font-size:0.857em;
line-height:1.833em;
font-variant:normal;
font-style:italic;
color:#777;
display:block;
clear:both;
}
#aside ol li h3 em.aside-log-comments{
font-style:normal;
display:inline;
white-space:nowrap;
}
#aside .aside-log ol li h3 strong{
font-style:normal;
}
#aside .aside-clippings ol li h3 em strong{
font-style:normal;
}
#aside ol li p{
font-size:1.2em;
line-height:1.833em;
color:#444;
}
#aside .aside-comments ol li h3{
font-variant:normal;
color:#797970;
}
#aside .aside-comments ol li h3 a{
font-variant:normal;
}
#aside .aside-comments ol li h3 cite a{
font-variant:small-caps;
}
#aside .aside-tweets ol li h3{
color:#000;
}
#aside .aside-comments ol li h3 a{
font-variant:small-caps;
}
#aside .aside-comments ol li blockquote{
font-style:normal;
}
#aside .aside-clippings ol li p,
#aside .aside-tweets ol li p{
font-style:italic;
overflow:hidden;
}
#aside p.add{
font-size:0.750em;
line-height:1.833em;
margin-bottom:1.833em;
}
#aside p.add img{
vertical-align:middle;
}

p.work-with-me{
font-size:0.875em;
line-height:1.571em;
font-size:1em;
line-height:1.375em;
font-style:italic;
font-family:Baskerville,"Palatino Linotype",Georgia,serif;
color:#444;
text-align:center;
padding:0.786em 0;
display:block;
clear:both;
border-top:0.071em dotted #000;
}
p.work-with-me img{
width:10.214em;
width:8.938em;
vertical-align: middle;
}
p.work-with-me a img{
border: 0;
}

/* Flickr */

#aside #flickr_badge_uber_wrapper {
float:right;
width:14.375em;
margin:0;
padding:0;
}
#aside #flickr_badge_wrapper{
float:none; 
display:inline; 
width:auto; 
margin:0; 
padding:0;
}
#aside .flickr_badge_image {
float:left; 
display:block; 
width:auto; 
padding:0; 
vertical-align:text-bottom; 
margin:1.063em 1.063em 0 0;
}
#aside .flickr_badge_image img{
vertical-align:text-bottom;
margin:0; 
padding:0.125em;
width:4.688em;
height:4.688em;
width:3.25em;
height:3.25em;
}
#aside .flickr_badge_image a:link img,
#aside .flickr_badge_image a:visited img{
border: 0.063em solid #a9a9a0;
}
#aside .flickr_badge_image a:focus img,
#aside .flickr_badge_image a:hover img,
#aside .flickr_badge_image a:active img{
border: 0.063em solid #f50;
}


/* crumbs */

#location{
font-size:0.750em;
line-height:1.833em;
color:#696960;
width:64.167em;
margin:0.917em auto 0;
padding-bottom:0.917em;
border-bottom:0.250em solid #000;
}

/* log controls */

#controls{
width:48.125em;
margin:0 auto;
border-bottom:0.125em solid #000;
position:relative;
}
#controls form{
text-align:right;
position:absolute;
top:0.688em;
right:0;
width:10.4378em;
padding-left:0.500em;
border-left:0.063em solid #000;
}
#controls label{
position:absolute;
left:-9999px;
}
#controls input{
font-size:0.750em;
line-height:1em;
font-family:georgia,serif;
width:11em;
padding:0.333em;
border:0;
outline:0;
}
#controls input#button{
vertical-align:middle;
width:1.333em;
padding:0;
}
#controls #search:focus{
color:#fff;
background:#000;
text-shadow:0 0 #000;
}

#controls h2{
font-size:0.750em;
line-height:1.833em;
font-style:italic;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#696960;
}
#controls h3{
position:absolute;
left:-9999px;
}
#controls h2,
#controls ul,
#controls li{
display:inline;
}
#controls ul li{
font-size:0.750em;
line-height:3.667em;
font-variant:small-caps;
letter-spacing:0.167em;
margin-left:1.833em;
}
#controls ol{
font-size:0.750em;
line-height:1.833em;
display:block;
clear:both;
padding:0.917em 0;
border-top:0.083em dotted #000;
}
#controls ol li{
margin-right:1.883em;
}
#controls ol ol{
font-size:1em;
margin-left:1.833em;
display:inline;
border-top:0;
}
#controls #calendar ol li{
display:block;
color:#696960;
}
#controls #calendar ol ol li{
display:inline;
margin-right:1.883em;
}
#controls a.live:link,
#controls a.live:visited,
#controls a.live:focus,
#controls a.live:hover,
#controls a.live:active{
color:#e50;
}
#controls #type,
#controls #calendar,
#controls #popular{
display:none;
}

/* log controls - tags */

#tags ul ol{
font-size:0.750em;
line-height:1.833em;
line-height:1.333em;
}

#tags ul li{
font-size:1em;
font-variant:normal;
letter-spacing:0;
margin:0;
}
#tags ul li,
#tags ul ol{
text-align:justify;
}
#tags ul ol li{
line-height:1.883em;
padding:0 0.408em;
}
.cloud1{font-size:1em;}
.cloud2{font-size:1.167em;}
.cloud3{font-size:1.333em;}
.cloud4{font-size:1.5em;}
.cloud5{font-size:1.667em;}
.cloud6{font-size:1.833em;}
.cloud7{font-size:2em;}
.cloud8{font-size:2.167em;}
.cloud9{font-size:2.333em;}
.cloud10{font-size:2.5em;}

#tags ul ol li a.live:link,
#tags ul ol li a.live:visited,
#tags ul ol li a.live:focus,
#tags ul ol li a.live:hover,
#tags ul ol li a.live:active{
color:#f50;
}

/* entries */

.hentry{
margin: 0.063em auto;
border-top:0.063em solid #fff;
border-bottom:0.188em solid #000;
display:block;
clear:both;
width:48.125em;
}

.entry-title,
.section h2,
#error-doc h2{
font-size:1.375em;
line-height:1em;
letter-spacing:-0.045em;
text-align:right;
font-family:baskerville,'palatino linotype','times new roman',serif;
float:left;
width:6.5em;
padding:1.909em 0 2.136em;/*41px t 47px b*/
border-top-width:0.045em;
border-bottom:0.045em solid #000;
}
.entry-info,
.entry-content,
#comments ol li blockquote{
font-size:0.875em;
line-height:1.571em;
}

.entry-info{
font-size:0.750em;
list-style:none;
float:right;
padding-top:3.667em;/*44px*/
width:11.917em;
color:#797970;
}
.entry-info li{
display:block;
line-height:1.75em;
border-bottom:0.083em solid #000;
}
.entry-info ul li{
border-top:0.083em dotted #000;
border-bottom:0;
}
.entry-info .published,
.entry-info .tags{
font-style:italic;
}
.entry-info li a{
font-variant:small-caps;
}
.entry-info li li{
font-style:normal;
}

/* entry-content */

.entry-content,
#comments ol li blockquote,
.section .section-content{
padding:1.571em 0 0;
margin-left:12.571em;
width:29.857em;
}

.entry-content h2,
.entry-content h3,
.section h2,
.section-content h3{
font-family:baskerville,'palatino linotype','times new roman',serif;
}
.entry-content h2 span{
font-size:0.818em;
}
.entry-content h2{
font-size:1.571em;
line-height:1em;
font-style:italic;
text-align:center;
margin:1em 0 0;
}
.entry-content .figure-left-wrap h2{
font-size:1.833em;
margin:0 0 ;
text-align: right;
}
.entry-content .figure-right-wrap h2{
font-size:1.833em;
margin:0;
text-align: left;
}
.entry-content h3,
.section-content h3{
font-style:italic;
font-weight:900;
text-align:center;
}
ol li .entry-content h3{
font-size:1.571em;
line-height:1em;
font-weight:300;
margin:1em 0;
}
.entry-content ol li h3{
font-style: normal;
font-weight: 400;
text-align: left;
margin-bottom: 0.788em;
}
.entry-content ol li p{
margin-top: 0;
}

.entry-content p,
.entry-content ul,
.entry-content ol li,
.entry-content dl,
.section-content p{
margin:1.571em 0;
}
.entry-content p,
.section-content p{
text-align:justify;
}
.entry-content p.fin{
text-align: center;
color:#444;
}
.entry-content em{
font-style:italic;
text-align:justify;
}

.entry-content p strong,
.entry-content img + p strong,
#silo p strong{
font-size:3.143em;
line-height:1em;
font-weight:300;
/*font-family:baskerville,'palatino linotype','times new roman',serif;*/
float:left;
margin:0 0.125em 0 0;
}
.entry-content * + p strong,
.entry-content * > p strong{
font-size:1em;
line-height:1.571em;
font-family:Georgia,serif;
float:none;
margin:0;
font-weight:900;
text-align:justify;
}

.entry-content p:first-line,
.entry-content img + p:first-line{
text-indent:0;
font-weight:900;
/*font-variant:small-caps;*/
}
.entry-content * + p:first-line,
.entry-content * > p:first-line,
.entry-content p + p:first-line,
.entry-content * + blockquote p:first-line,
.entry-content * + .nb p:first-line,
.entry-content * + .nb-highlight p:first-line{
font-family:georgia,serif;
font-variant:normal;
font-weight:300;
}

.entry-content ul{
list-style:circle;
margin:1.571em 0;
}
.entry-content ol{
list-style:lower-roman;
margin:1.571em 0; 
}
.entry-content ol.short-list li{
margin:0;
}
.entry-content ol ol{
list-style:lower-alpha;
}
.entry-content ol ol li{
margin:0 1.571em;
}
.entry-content dl{margin:1.571em 0;}
.entry-content dt{font-style:italic;}
.entry-content dd{margin:0 0 1.571em 0;}

.entry-content blockquote{
font-style:italic;
padding:0 1.571em;
border-top:0.071em dotted #999990;
border-bottom:0.071em dotted #999990;
}
.entry-content blockquote p,
.entry-content blockquote ol,
.entry-content blockquote ul{
color:#494940
}
.entry-content ul.long-list{
margin-bottom: 0;
}
.entry-content ul.long-list li{
list-style: none;
margin-bottom: 1.571em;
}
.entry-content ol li strong{
font-weight: 700;
}

.entry-content ol.friend-recommendations li blockquote{
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 0;
display: inline;
}
.entry-content ol.friend-recommendations li blockquote p{
padding: 0;
margin: 0;
display: inline;
}
.entry-content ol.friend-recommendations li p.recommendation-cite{
display: inline;
clear: right;
white-space:nowrap;
}

.entry-content .nb-note,
.entry-content .nb{
margin:1.571em 0;
padding:0 1.571em;
border-top:0.071em solid #a9a9a0;
border-bottom:0.071em solid #a9a9a0;
}

.entry-content .nb-note p,
.entry-content p.fig-note{
font-size:0.857em;
line-height:1.833em;
color:#444;
margin:0.917em 0;
}
.entry-content .nb p{
color:#222;
margin:0.917em 0;
}

.entry-content .figure-block{
width:29.857em;
margin:1.571em 0 0;
}
.entry-content p img.figure-block{
margin:0;
}
.entry-content .figure-left-wrap,
.entry-content .figure-right-wrap{
font-size:0.857em;
line-height:1.833em;
width:11.917em;
position:relative;
}
.entry-content .figure-left-wrap{
margin:0 0 0 -14.917em;
float:left;
}
.entry-content .figure-right-wrap{
margin:0 -14.917em 0 0;
float:right;
}
.entry-content img.figure-left,
.entry-content img.figure-right{
vertical-align:text-bottom;
width:11.917em;
}
.entry-content .figure-left-wrap p,
.entry-content .figure-right-wrap p,
.entry-content .figure-left-wrap ol,
.entry-content .figure-right-wrap ol,
.entry-content .figure-left-wrap ul,
.entry-content .figure-right-wrap ul{
margin:0;
color:#797970;
}
.entry-content .figure-left-wrap ol li{
margin:0;
text-align:right;
}
.entry-content .figure-right-wrap ol li{
margin:0;
text-align:left;
}

.entry-content .figure-left-wrap p{text-align:right;}
.entry-content .figure-right-wrap p{text-align:left;}
.entry-content p + img.figure-block + p:first-line,
.entry-content .figure-left-wrap img + p:first-line,
.entry-content .figure-right-wrap img + p:first-line{
font-variant:normal;
font-weight:300;
}

.entry-content div.figure-left-center{
margin:0 0 1.571em -12.571em;
float: left;
}
.entry-content div.figure-right-center{
margin:0 -12.571em 1.571em 0;
float: right;
}
.entry-content div.figure-left-center img,
.entry-content div.figure-right-center img{
vertical-align: text-bottom;
width: 594px;
}

.entry-content .figure-description{
font-size:0.875em;
line-height:1.833em;
font-style:italic;
color:#494940;
margin:0 0 1.833em;
}

.entry-content table{
width:100%;
border-top:0.071em solid #000;
border-bottom:0.071em solid #000;
}
.entry-content table th{
font-variant:small-caps;
text-align:left;
color:#000;
vertical-align:middle;
padding:0.143em;
border-bottom:0.071em solid #999990;
}
.entry-content table td{
padding:0.143em;
border-bottom:0.071em solid #ddddd0;
}
.entry-content table td.numerals{
text-align:center;
}

/* entry sharing */

.entry-syndication{
width:26.125em;
margin:0 auto;
padding:1.375em 0;
display:block;
clear:both;
border-top:0.063em dotted #000;
}
.entry-syndication h3{
position:Absolute;
left:-9999px;
}
.entry-syndication ul{
text-align:center;
}
.entry-syndication ul li{
display:inline;
margin:0 0.687em;
}
.entry-syndication ul li.comments{
font-size:0.875em;
line-height:1.571em;
font-variant:small-caps;
color:#7a7a70;
}
.entry-syndication ul li.comments a:link,
.entry-syndication ul li.comments a:visited{
border-bottom:0.083em solid #a9a9a0;
}
.entry-syndication ul li.comments a:focus,
.entry-syndication ul li.comments a:hover,
.entry-syndication ul li.comments a:active{
border-bottom:0.083em solid #f50;
}
.entry-syndication ul li img{
vertical-align:middle;
width:1.250em;
}

.entry-syndication ul li a:link img,
.entry-syndication ul li a:visited img{
border:0.0625em solid #fff;
}
.entry-syndication ul li a:focus img,
.entry-syndication ul li a:hover img,
.entry-syndication ul li a:active img{
border:0.0625em solid #fa0;
}

/* comments */

#comments{
width:48.125em;
margin:0 auto;
border-top:0.063em solid #000;
border-bottom:0.188em solid #000;
}
#comments h2{
font-size:1.375em;
line-height:1em;
letter-spacing:-0.045em;
font-family:baskerville,'palatino linotype','times new roman',serif;
padding:1em 0;/*22px*/
display:block;
width:6.5em;
text-align:right;
}

#comments ol li{
margin:0 auto;
width:57.5em;
border-top:0.063em solid #000;
border-bottom:0.063em solid #fff;
width:48.125em;
min-height:8.313em;
display:block;
clear:both;
position:relative;
}
#comments h3{
font-size:0.750em;
line-height:1.833em;
list-style:none;
text-align:right;
float:left;
padding-top:1.833em;/*22px*/
width:11.917em;
color:#696960;
}
#comments h3 strong{
display:block;
text-align:right;
}
#comments h3 em{
font-size:1.833em;
line-height:1em;
font-style:normal;
font-weight:900;
font-family:baskerville,'palatino linotype','times new roman',serif;
text-align:right;
display:block;
}
#comments h3 a{
position:absolute;
right:0;
top:1.833em;
width:11.917em;
}
#comments em a,
#comments cite a{
position:relative;
top:0;
}
#comments ol li blockquote{
color:#444;
padding:0;
}
#comments #preview{
border-top:0.125em solid #f90;
}
#comments #preview h3 strong em a{
font-weight:300;
color:#f90;
border-bottom:0;
}
#comments li.author{
}
#comments li.author h3 em a{
color:#e50;
}
#comments li.author h3 img{
width:7.333em;
}
#comments ol li.author blockquote{
font-size:0.875em;
font-family:georgia,serif;
color:#000;
}
#comments ol li blockquote p{
margin:1.571em 0;
text-align:justify;
}
#comments ol li blockquote em{
font-style:italic;
}
#comments ol li blockquote blockquote,
#comments ol li.author blockquote blockquote{
font-size:1em;
margin:0;
padding:0;
color:#494940;
}
#comments ol li blockquote blockquote p,
#comments ol li.author blockquote blockquote p{
font-size:1em;
font-style:italic;
color:#494940;
margin:1.571em 0;
padding:0 1.571em;
width:auto;
}

/* comments-form */

#comments-form,
#no-comments{
margin:0 auto;
width:48.125em;
border-bottom:0.188em solid #000;
}
#comments-form form{
padding:0 0 2.750em;
}
#comments-form h2{
font-size:1.375em;
line-height:1em;
letter-spacing:-0.045em;
font-family:baskerville,'palatino linotype','times new roman',serif;
padding:1em 0;
border-bottom:0.045em solid #000;
}
#personal-info{
float:right;
width:13.75em;
}
#comment-text{
float:left;
width:31.25em;
}
#comments-form legend em{position:absolute;left:-9999px;}
#style-guide h2{
font-size:0.875em;
line-height:1.571em;
font-weight:900;
font-family:baskerville,'palatino linotype','times new roman',serif;
}
#comments-form p,
#comments-form div,
#comments-form div label{
display:block;
clear:both;
}
#comments-form p{
font-size:0.875em;
line-height:1.571em;
margin:1em 0;
}
#comments-form p em{
font-style:normal;
color:#696960;
}
#comments-form p strong,
#comments-form div label strong{
font-weight:900;
font-family:baskerville,'palatino linotype','times new roman',serif;
color:#370;
}
#comments-form div{
margin-bottom:0.786em;
}
#comments-form div label{
font-size:0.875em;
line-height:1.571em;
font-weight:900;
font-family:baskerville,'palatino linotype','times new roman',serif;
margin-bottom:0.071em;
}
#comments-form div label code{
font-family:georgia,monospace;
color:#370;
}
#comments-form div label em{
font-weight:300;
color:#696960;
}
#comments-form div input,
#comments-form div textarea{
font-size:0.875em;
line-height:1.571em;
font-family:georgia,serif;
width:15.286em;
padding:0.214em;
background:#f9f9f6;
border:0.071em solid #a9a9a0;
outline:0;
margin:0;
}
#comments-form div input{
line-height:1em;
}
#comments-form div textarea{
line-height:1.571em;
width:35.714em;
height:14.143em;
}
#comments-form p label{
font-family: baskerville,'palatino linotype','times new roman',serif;
}
#comments-form p label em{
font-weight:300;
}
#comments-form p input{
font-size:1em;
font-family: baskerville,'palatino linotype','times new roman',serif;
padding:0.214em 0.571em;
}
#comments-form div.notice{
padding:1.375em;
background:#f90;
display:block;
clear:both;
}
#comments-form div.notice h3{
font-size:1.375em;
line-height:1em;
color:#fff;
background:#f90;
}
#comments-form div.notice h3 img{
height:1em;
width:1.182em;
float:left;
margin-right:0.818em;
}
#comments-form div input:focus,
#comments-form div textarea:focus,
#advanced-search div div input:focus{
background:#ffd;	
border:0.071em solid #bb9;
}

#no-comments p{
font-family: baskerville,'palatino linotype','times new roman',serif;
line-height:1.375em;
font-style:italic;
text-align:center;
padding:1.375em 0;
}

/* advanced search */

#advanced-search div div label{
font-family: baskerville,'palatino linotype','times new roman',serif;
font-weight:900;
margin-right:0.786em;
}
#advanced-search div div input{
font-family:georgia,serif;
width:15.714em;
padding:0.214em;
background:#fafafa;
border:0.071em solid #a9a9a0;
padding:0.214em 0.571em;
}
#advanced-search div p input{
font-weight:900;
font-family: baskerville,'palatino linotype','times new roman',serif;
padding:0.214em 0.571em;
}

/* contextual flow */

#flow{
width:48.125em;
margin:0 auto;
display:block;
clear:both;
}
#flow h2{
position:absolute;
left:-9999px;
}
#flow ul{
font-size:0.875em;
line-height:1.571em;
text-align:center;
margin:0 0 0.071em;
padding:1.571em 0;
border-bottom:0.143em solid #000;
}
#flow ul li{
display:inline;
}
#flow ul li + li{
margin-left:1.571em;
padding-left:1.571em;
border-left:0.071em solid #000;
}

/* image and hi */

#me{
margin:2.75em auto 0;
width:48.125em;
height:12.375em;
background:#000;
text-align:right;
position:relative;
}
#me blockquote h1{
font-size:1.375em;
line-height:1em;
font-style:normal;
font-family:baskerville,'palatino linotype','times new roman',serif;
text-shadow:0 0 #000;
color:#fff;
margin:0;
padding:0;
}
#me p{
line-height:1em;
float:right;
width:18.75em;
}
#me p cite{
line-height:1em;
padding:0;
margin:0;
}
#me blockquote{
font-size:1em;
text-align:left;
padding:0;
margin:0;
position:absolute;
top:5.5em;
left:2.750em;
width:10em;
}
#me p cite img,
#panorama img{
vertical-align:text-bottom;
width:18.75em;
height:12.375em;
}

/* about exceptions */

ol.content ul.short-list li{
list-style: circle;
}
ol.content ul.short-list li em{
font-style: italic;
}

/* index panoramas */

#panorama{
margin:0 auto;
width:48.125em;
height:12.375em;
background:#000;
position:relative;
}
#panorama img{
vertical-align:text-bottom;
width:48.125em;
height:12.375em;
}
#panorama p{
font-size:0.688em;
line-height:2em;
letter-spacing:0.091em;
color:#fff;
text-shadow:0 0 #000;
background:#222;
opacity:0.8;
padding:0 1em;
position:absolute;
right:0;
bottom:0;
}
#panorama p span{
opacity:1;
}
#panorama p abbr{
color:#fff;
font-style:normal;
}
#panorama a:link,
#panorama a:visited{
color:#ddd;
text-decoration:underline;
}
#panorama a:focus,
#panorama a:hover,
#panorama a:active{
color:#fff;
}

/* generic page structure */

.section{
width:48.125em;
margin:0 auto;
padding-bottom:1.375em;
border-bottom:0.188em solid #000;
}
.section p em{
font-style:italic;
}

.illustration{
font-size:0.750em;
list-style:none;
float:right;
padding-top:3.667em;/*22px*/
width:11.917em;
color:#696960;
}
.illustration img{
width:11.917em;
}
.illustration h3{
line-height:1.833em;
font-weight:300;
font-variant:small-caps;
letter-spacing:0.333em;
color:#7a7a70;
border-bottom:0.083em solid #d9d9d0;
}
.illustration ul{
margin:1.375em 0;
}
.illustration ul li{
line-height:1.833em;
font-style:italic;
}
.illustration ul li a{
font-variant:small-caps;
font-style:normal;
}

.section .personal-note{
padding-bottom:1.375em;
}

.section h3{
text-align: left;
font-family: georgia, serif;
font-weight: 700;
}

.personal-note blockquote{
margin:1.571em 0 0;
}
.personal-note p{
font-style:italic;
font-family:cochin,baskerville,'palatino linotype',georgia,serif;
text-align:center;
margin:0;
}
.personal-note blockquote p{
text-indent:1.571em;
text-align:justify;
margin:0;
}

.section .contact{
width:42.429em;
margin:0 0 0 12.571em;
}
.section .contact p{
text-indent:0;
margin:1.333em 0;
}
.section .contact p.note{
font-size:0.857em;
font-style:italic;
text-align:left;
color:#777;
float:right;
width:22em;
margin:0;
}
.section .contact dl{
font:0.857em georgia,serif;
line-height:1.667em;
font-variant:small-caps;
width:23.833em;
margin:0 0 0.834em;
padding:1.667em 0;
border: 0.083em dotted #bbb;
background:#f6f6f6;
display:block;
position:relative;
}
.section .contact dl dt{
position:absolute;
left:-9999px;
}
.section .contact dl dd{
width:12em;
color:#777;
margin:0 0 0 8.75em;
}
.section .contact dl dd.fn{
font-family: georgia,serif;
position:absolute;
top:6.667em;
left:2em;
margin:0;
padding:0;
width:4.417em;
text-align:center;
}
.section .contact dl dd img.photo{
position:absolute;
top:2.083em;
left:2.083em;
width:4.167em;
}
.section .contact a{
font-variant:normal;
}
.section .short-list{
margin-bottom:1.571em;
}

/* archive */

html{
padding-top: 6.875em;
background: #d9d9d7;
}

#archive{
text-align: center;
padding: 1.375em 0;
width: 100%;
position: fixed;
top: 0;
z-index: -1;
}
#archive p{
font-size: 0.875em;
line-height: 1.5714285714;
color: #636361;
text-align: left;
width: 42.428571429em;
padding-right: 12.571428571em;
margin: 0 auto;
}
#archive-content{
background: #fff;
padding: 2.750em 0;
}

/* utilities */

#utilities{
text-align:right;
width:57.5em;
height:1.375em;
margin:0 auto;
padding:0; 
background:#000;
display:block; 
clear:both;
position:relative;
width:48.125em;
}
#utilities.trim{
margin:2.750em auto;
}
#utilities ul{
font-size:0.875em;
line-height:1.428em; 
font-family:baskerville,'palatino linotype','times new roman',serif;
text-transform:lowercase;
font-variant:small-caps;
letter-spacing:0.143em;
margin:0;
padding:0;
height:1.571em;
width:100%;
}
#utilities li{
display:inline;
}
#utilities li em{
font-variant:normal;
font-style:italic;
letter-spacing:0.071em;
}
#utilities li a{
text-align:center;
float:left;
display:block;
width:5em;
height:1.571em;
color:#fff;
background:#000;
border-right:0.071em solid #fff;
}
#utilities li.home a{
width:9.786em;
border-left:0.214em solid #000;
}
#utilities li.xml a:link,
#utilities li.xml a:visited{
width:2.143em;
background:#fa0;
}
#utilities li.xml a:focus,
#utilities li.xml a:hover,
#utilities li.xml a:active{
width:2.143em;
background:#fff;
}
#utilities li.xml a img{
width:1em;
vertical-align:text-bottom;
}
#utilities li a em{
font-weight:300;
color:#aaa;
}
#utilities li a:focus,
#utilities li a:hover,
#utilities li a:active,
#utilities li a:focus em,
#utilities li a:hover em,
#utilities li a:active em{
text-decoration:none;
color:#fff;
background:#fa0;
}
#utilities li a:focus.live em,
#utilities li a:hover.live em,
#utilities li a:active.live em{
background:0;
color:#f90;
}
#utilities li a:link.live,
#utilities li a:visited.live,
#utilities li a:focus.live,
#utilities li a:hover.live,
#utilities li a:active.live{
font-weight:900;
color:#000;
background:#fff;
}
#utilities li.active a em{
font-weight:300;
}

/* masthead */

#masthead{ height:8.25em; height:6.875em; height:9.625em; line-height:1em; position:relative; text-align:left; width:57.5em; 
margin:0 auto; width:48.125em; /*background: url(../i/temp/new.gif) top right no-repeat;*/}
#masthead h1{ position:relative; float:left; width:1.417em; padding:0 0.2em 0.2em 1.6em; margin:0.6em 0 0 0; margin:0.8em 0 0 0; font: 300 3.438em 'times new roman',serif; line-height:0.639em; letter-spacing:-0.175em; text-indent:0.03em; /*nudge for the italised 1st letter*/ text-transform:uppercase; text-align:left; padding:0 0.2em 0.2em 1em; border-bottom:0;}
#masthead h1 a{color:#000;text-decoration:none;font-weight:300;padding:0;}
#masthead h1 a span{color:#000; font-style:italic; }
#masthead h1 a em{color:#000;font-style:normal;letter-spacing:-0.240em;}
#masthead h1 a tt{ position:absolute;top:-0.250em;left:1.5em; left:0.9em; width:1em; height:1em; font-weight:300; font-size:1em; color:#f90; }
#masthead h1 a:link, #masthead h1 a:visited{ border:0;background:none; }
#masthead h1 a:hover, #masthead h1 a:focus, #masthead h1 a:hover em, #masthead h1 a:active em{ color:#000;background:transparent; }
#masthead h1 a:hover span, #masthead h1 a:focus span, #masthead h1 a:active span{ color:#f90;background:none; }
#masthead h1 a:hover tt, #masthead h1 a:focus tt, #masthead h1 a:active tt{ color:#fc0;background:none; }
#masthead img{border:0;vertical-align:text-bottom;margin:0;height:5em;width:5em;margin-left:10em;}
#masthead a{border:0;}
#masthead a:link img,
#masthead a:visited img{border:0.063em solid #fff;}
#masthead a:hover img,
#masthead a:focus img,
#masthead a:active img{border:0.063em solid #fa0;}
#masthead p{ font-size:1.375em; line-height:0.85em; font-style:italic; font-family:baskerville,'palatino linotype','times new roman',serif; text-align:left; color:#000; float:left; width:19em; margin:1.667em 0 0 2em; margin:2.25em 0 0 1.5em; padding:0; }
#masthead p strong{font-size:1.5em; line-height:1em; font-weight:300; text-transform:lowercase; display:block; color:#000; }
#masthead p em{margin-left:0.333em;}

/* foot */

#foot{
text-align:left;
color:#444;
margin:0.063em auto 0;
padding:1.375em 0 5.5em 0;
border-top:0.063em solid #000;
border-bottom:0.063em solid #fff;
display:block;
clear:both;
width:57.5em;
width:48.125em;
}

#foot address a{font-variant:normal;}

#foot p,
#foot address{
font-size:0.750em;
line-height:1.833em;
font-family:baskerville,'palatino linotype','times new roman',serif;
}
#foot p{
float:left;
margin:0 0 0 2.75em;
width:34.833em;
}
#foot address{
float:left;
margin:0;
padding:0;
width:11.917em;
}
#foot address strong a{
font-variant:small-caps;
font-style:italic;
margin-right:0.25em;
}
#foot address em{
font-style:italic;
}
#foot address span{
text-align:right;
display:block;
clear:both;
}

#foot ul{
list-style:none;
font-size:0.750em;
line-height:1.833em;
font-family:baskerville,'palatino linotype','times new roman',serif;
margin:0;
padding:0;
float:right;
width:11.917em;
}
#foot ul li{
padding:0 1.385em 0 0;
}
#foot ul li.subscription{
font-style:normal;
font-weight:900;
}

/* error pages */

#error-doc{
width:48.125em;
margin:0 auto;
}
#error-doc h2{
padding-top:0;
font-weight:300;
border:0;
}
#error-doc p{
font-size:0.875em;
line-height:1.571em;
text-align:justify;
margin:1.571em auto;
width:29.857em;
}

}/*END @media screen*/

@media screen and (max-width: 820px) {

	html{
	padding-top: 19.25em;
	}
	#archive{
	padding: 2.75em 0;
	}
	#archive p{
	font-size: 1.875em;
	line-height: 1.4666666667;
	width: 24em;
	padding: 0;
	margin: 0 auto;
	}

}