/* 

The font size ladder is (size/line-height):  12/14, 14/21, 16/21, 18/21, 18/28, 23/28, 35/42, 42/42.

*/


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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
padding:0;
font-weight: normal;
font-size: inherit;
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

img { border: 0; }

body {
font-family: "calluna-1","calluna-2", Palatino, Georgia, serif;
font-size: 14px;
line-height: 21px;
color: #31302B;
-webkit-font-smoothing: antialiased;
        background-color: white;
text-rendering: optimizelegibility;
}


        #notelist li.notelink {
        margin-top: 10px;
        margin-bottom: 11px;
        border-top: 1px solid #d9d8d4;
        }
        .notelink a {
        line-height: 42px;
        padding: 11px 0px 10px 0px;
        }
        .permalink #main.essay {
}


.navigation {
display: none;
width: 480px;
}
.permalink .navigation {
display: block;
}
.navigation .older {
float: left;
text-align: left;
width: 100px;
margin-bottom: 21px;
}
.navigation .newer {
float: right;
text-align: right;
width: 100px;
margin-bottom: 21px;
}
body {
}

.new:after {
content: " (New!)"
}


div#main {
padding-top: 63px;
padding-bottom: 42px;
}

#main.essay {
width: 700px;
padding: 30px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
padding-top: 42px;
padding-bottom: 42px;
}
img { -ms-interpolation-mode : bicubic; }
#main.essay.hyphenate {
text-align: justify;
}
#main.essay .titlemain h2, #main.essay div.footnotes {
text-align: left;
}    

#main.essay p+p {
text-indent: 2em;
}

#main.essay sup {
line-height: 6px;
vertical-align:super;
}
#main.essay sup a{
background-color: #F9F8f4;
padding-left: 2px;
padding-right: 2px;
}

#main.essay sup a:hover{
background-color: #d1d0cB;
padding-left: 2px;
padding-right: 2px;
}

#main.essay div.captioned {
margin-top: 21px;
margin-bottom: 21px;
text-align: right;
}

#main.essay div.captioned:first-child {
margin-top: 0px;
margin-bottom: 21px;
}

#main.essay div.captioned p {
background-color: black;
color: white;
display: inline-block;
font-style: italic;
padding: 11px 21px 10px;
text-align: right;
}


#main.essay div.captioned img {
width: 100%;
}




#main.essay div.full {
width: 700px;
margin-top: 21px;
margin-bottom: 21px;
}

#main.essay div.side {
width: 300px;
display: inline-block;
float:right;
margin: 0px;
margin-right: -220px;
margin-left: 20px;
margin-top: 21px;
}

#main.essay div.side img {
margin-top: 0px;
}


#main.essay h2 {
font-size: 42px;
line-height:42px;
letter-spacing: 1px;
font-weight: lighter;
}

#main.essay h2 a {
color: #31302B;
font-weight: lighter;
}

#main.essay h3.date {
font-size: 18px;
letter-spacing: 1px;
font-weight: lighter;
margin-bottom: 21px;
margin-top: 21px;
text-align: left;
}

#main.essay .decking {
background-color: black;
clear: both;
color: white;
font-size: 21px;
font-weight: lighter;
line-height: 28px;
margin-bottom: 21px;
margin-top: 21px;
padding: 21px 42px;
width: 396px;
}

#main.essay .decking a {

}

#main.essay .decking a:link {
color: #3399ff;
}

#main.essay .decking a:visited {
color: #cc3300;
}

#main.essay .decking a:hover {
color: #cc3300;
}

#main.essay .textbody {
}

#main.essay .byline, #main.essay h2  {
width: 480px;
}

#main.essay #brunt {
width: 480px;
float:left;
margin-bottom: 21px;
}

#main.essay .footnotes {
width: 190px;
font-size: 12px;
line-height: 14px;
padding: 0px;
float: right;
top: 0px;
right: 0px;
bottom: 0px;
}

#main.essay .footnotes ol {
width: 190px;
float:left;
}
#main.essay .footnotes ol a {
line-height: 8px;
}
.footnotes hr {
display: none;
}

hr {
border: none;
border-top: 1px solid #d9d8d4;
margin-top: 21px;
margin-bottom: 21px;
}

#main.essay h3.byline {
margin-top: 21px;
margin-bottom: 21px;
font-style:italic;
font-size: 18px;
line-height: 21px;
clear: both;
margin-bottom: 42px;
}

#main.essay blockquote {
font-style:italic;
margin-top: 21px;
margin-bottom: 21px;
}

#main.essay blockquote:first-child {
margin-top: 0px;
}
div#mainbody {}

.smallcaps {
}

div#misc {
float: none;
margin-left: 0px;
margin-left: auto;
margin-right: auto;
width: 300px;
text-align: justify;
}

div#misc p {
}

div#mainbody h1 {
font-size: 35px;
line-height:42px;
font-variant: small-caps;
letter-spacing: 1px;
font-weight: lighter;
}

div#notebook h2, #main h2.notehead {
font-size: 18px;
margin-bottom:10px;
text-transform: uppercase;
text-align: left;
padding-top: 21px;
letter-spacing: 1px;
line-height: 21px;
}

div#mainbody h2 {
font-size: 18px;
margin-bottom: 0px;
text-transform: uppercase;
text-align: left;
}

div#mainbody ul#stuffofinterest li {
display: inline;
font-style: italic;
font-size: 18px;
letter-spacing: 1px;
}

div#mainbody ul#stuffofinterest {
margin-bottom: 21px;
}

div#notebook {
width: 300px;
margin-left: auto;
margin-right: auto;

}


ul#notelist {
list-style: none;
font-style: italic;
font-size: 14px;
}
ul#notelist li {
margin-bottom: 11px;
margin-top: 10px;
}

#meblurb {
padding-top: 0px;
margin-bottom:21px;
margin-top:21px;
font-size: 18px;
line-height: 28px;
padding: 21px;
width: 300px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
font-weight: lighter;
}


a {
transition-property: all;
transition-duration: 0.5s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.5s;
-moz-transition-property: all;
-moz-transition-duration: 0.5s;
-o-transition-property: all;
-o-transition-duration: 0.5s;
border-bottom: 1px solid transparent;
}

#misc:hover a:link, #notebook:hover a:link {
}

a:link {
color: #005;
text-decoration: none;
}

a:visited {
color: #552200;
text-decoration: none;
}

a:hover {
color: #990033;
}

a:active {
color: #002255;
text-decoration: none;
}

@media only screen and (device-width: 768px) and (orientation: portrait) {
  /* rules for iPad in portrait orientation */
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
}


@media only screen and (max-device-width: 481px) {
  /* iPhone, Android rules here */
body {
}

div.navigation a {
-webkit-text-size-adjust: 130%;
}

}