/* -------------- reset from blueprint ---------------------- */ 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; background: transparent; } ol, ul, li { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*html5 fix*/ header, section, footer, aside, article, nav {display: block;text-align:left;} /* --------------------- Basic Typography Stuff ------------------------ */ * {margin:0;} html {height:100%;} body { background: #faf9f4; font-family: "Hoefler Text", Georgia, "Times New Roman", Times, Serif; /* font-size 15px */ font-size: 93.75%; /* line height of 24 px */ line-height: 23px; color: #241d13; } body {height:100%;text-align: center;} html>body { font-size: 15px;} p { margin: 0.8em 0 0 0; } a:link { text-decoration: none; color: #333; } a:visited { color: #736357; text-decoration: none; } a:hover { color: #b53a04 !important; text-decoration: none; } article a {border-bottom: 1px dotted #f00;} blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; line-height: 22px !important; font-style: italic !important;} /* --------------------- layout ------------------------ */ /* global header and nav elements */ header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;} header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em} header nav.rt { float: left; margin: 2px 0 0 0; clear:right;} header nav ul { margin: 0 auto 0;} header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0; line-height: 19px; text-transform: uppercase;} header nav.rt li {text-align: left;} header hgroup {float: left;} header hgroup h1, header hgroup h1 a { font: 44px/44px Georgia, "Times New Roman", Times, Serif; text-transform: uppercase; letter-spacing: 6px; color: #b53a04 !important; width: 480px; } header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; } header hgroup h2 { font-size: 18px; line-height: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; font-style: italic; } header hgroup h2, header hgroup h2 a {color: #b53a04 !important;} /* global article styles */ article h1, article h1 a { font: 42px/48px Georgia, "Times New Roman", Times, Serif; font-style: normal; color: #241d13 !important; margin: 55px 0 5px 0; border: none; text-align: center; } h3 { margin: 24px 0; font-size: 32px; line-height: 42px; font-weight: normal; font-style: italic; letter-spacing: 1px; border-bottom: 1px dotted #ccc; padding-left: 4px; } /*make the first graf bigger for browsers that understand -- suck it ie6 */ body.writing-detail article section#post p:nth-of-type(1), body#home article section#featured-article p:nth-of-type(1) { font: 18px/28px "Hoefler Text", Georgia, "Times New Roman", Times, Serif; margin: 0 0 1em 0; } article {margin: 0 auto; width: 530px;} .all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; } .all-link a {border: none;} /* pagination */ section#pagination ul {padding-top: 36px; text-align:center; clear: both;} section#pagination ul li { display: inline; margin: 0; font-variant: small-caps; } section#pagination ul li a, section#pagination ul li.current { padding: 3px; border: none; font-size: 100%; } section#pagination ul li:first-child {padding-right: 8px;} section#pagination ul li:last-child {padding-left: 4px;} /* Home page */ body#home section#writing-archive {clear:both;} body#home section#writing-archive h2 {font-size: 1.6em; font-weight: normal; text-transform:uppercase; letter-spacing:2px; margin-top: 32px; color: #333; } body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; margin: 30px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} body#home section#writing-archive ul h3 a {border: none;} body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;} body#home section#writing-archive ul li:first-child {padding-top: 0;} body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; } body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;} /* About page */ body#about article h3 {font-size: 20px; line-height: 22px; clear: both;} body#about article ul { margin: 22px 0;} body#about article ul li { list-style-type: disc; margin: 8px; font-size: 85%; line-height: 150%; list-style-position: inside; } /* Writing Archives */ body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} body#writing article ul h3 a {border: none;} body#writing article ul li {clear:both; padding: 24px 0; color: #888;} body#writing article ul li:first-child {padding-top: 0;} body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;} body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;} /* Photo Archives */ body#photo-archive article {width: 810px;} body#photo-archive ul#photo-galleries li {background: #000; width: 210px; float: left; margin: 20px; min-height: 370px; color: #888; padding: 10px; font-size: 85%; line-height: 18px;} body#photo-archive ul li a {border: none;} body#photo-archive ul li h3 {font-size: 14px; color: #f9f9f4; border: none; line-height: 18px;margin: 4px 0;padding: 0;} body#photo-archive ul li p {margin: 0;} /* Map pages */ body#map article {width: 940px;} div#map-canvas {float: left;width: 800px; height: 500px; border: #000 10px solid; margin-bottom: 120px;} div.infowin { font-size: 85%; line-height: 18px; margin-bottom: 16px;} div.infowin h4 {font-size: 16px; line-height: 24px; font-weight: normal; font-style: italic; letter-spacing: 1px; } div.infowin a { color: #b53a04 !important; border-bottom: 1px dotted #b53a04; } div.infowin .date { color: #888; text-align: center; text-transform: uppercase; font-size: 80%;font-style: italic;display: block;text-align: left; margin: 0;} aside {float: right; margin-top: -10px;} aside h4 { font-size: 16px; line-height: 24px; font-weight: normal; font-style: italic; letter-spacing: 1px; font-variant: small-caps; margin: 8px 0 2px; } aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;} aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;} aside.meta a {color: #736357; border: none;} aside.meta span {line-height: 16px;} aside.meta .topics {display: block;} aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;} /* Writing Detail Pages */ .all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;} /* drop caps */ span.drop { font-size: 5.5em; display: block; float: left; padding: 30px 5px 5px 0; overflow: visible; font-family: Georgia, "Times New Roman", Times, Serif; } ol.footnote { border-top: 1px dotted #ccc; font-size: 12px; margin: 18px 0; } ol.footnote li { margin: 12px 0; line-height: .8em; } ol.footnote li p {line-height: 18px !important; font-size:12px !important;} ol.footnote li a, ol.footnote li span {font-size: 12px; } hr.footnotes { display: none; } section#post-metadata {margin: 30px 0 20px; font-style: italic; border-top: #dadada 1px solid;border-bottom: #dadada 1px solid;} section#post-metadata h4 {display: none;} section#post-metadata p {margin: 10px 40px;font-size: 80%; line-height: 18px;} section#page-navigation ul {width: 560px;} section#page-navigation li {display: block; float: left;} section#page-navigation li a { border-bottom: none; font-variant: small-caps; } section#page-navigation li.next {float: right;} section#comments h4 { clear: both; font-size: 26px; line-height: 26px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin: 45px 0; padding-top: 45px; } section#comments h4 span {font-size: 90%; font-style: italic;} section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;} span.credit {display: block;} /* Projects */ dl.lprog dd {text-indent: 15px;} dl.lprog {margin: 44px 0 22px 0;} /*contact form*/ .form-holder {width: 500px; margin: 40px auto;} .form-holder li { clear: both; } .form-holder dt {float: left; margin: 0 10px 6px 0; text-align: right; width: 130px;} .form-holder dd { float: left;} .form-holder .button { clear: both; float: right; margin: 8px 30px 100px 0;} /* --------------------- Footer ------------------------ */ footer {text-align:center; padding-top: 40px; font-size: 80%; clear:both; margin-top: 60px; background:#ded1c0;} footer div { margin: 0 auto; width: 580px;} footer section {float: left; margin: 0 14px; width: 110px; line-height: 20px;} footer section:first-child {width: 220px; margin: 0 20px 0 30px;} footer section:last-child {float: none; clear: both; width: 560px; padding-top: 30px; text-align: center;} footer section h4 { margin: 0 0 8px 0; font-size: 16px; font-weight: normal; font-variant: small-caps; letter-spacing: 1px; border-bottom: #999 1px dotted; letter-spacing: .2em; line-height: 1.1em; text-transform: uppercase; padding-bottom: 3px; color: #333; } footer section p {margin: 0; padding-bottom: 20px;} footer section ul li {list-style-type: none; margin-left: 4px;} footer ul li img {margin-right:5px; position:relative; top:2px;} footer nav {clear:both; margin: 0 auto; width: 560px; margin-bottom: 30px;} footer nav ul {clear:both; width: 560px;text-align: center;padding: 5px 0;border-bottom: #999 1px dotted;} footer nav ul li {display: inline; margin: 5px; font-size: 105%; font-variant: small-caps; letter-spacing: .2em; line-height: 1.1em; text-transform: uppercase;} /* --------------------- img classes ------------------------ */ span.figure {display: block; background: #000;border: #000 10px solid; } span.figure p {color: #f9f9f4; font-size: 80%; font-style: italic; } div#clearfix {clear:both; } img.postpic, img.postpicright { display: block; margin: .3em .6em; border: #000 10px solid; clear: both; } img.postpic { float: left; margin-left: 0; margin-top: .3em; } img.postpicright { float: right; margin-right: 0; } img.postpicleft { float: left; margin: 5px; } img.picfull { border: #000 10px solid; } /* --------------------- misc classes ------------------------ */ .hide {display:none;} .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link {display: none;} #dsq-comments-count {display: none;} div[dir='ltr'] span { width: 0; visibility: collapse; } p.update {font-size: 12px !important; line-height: 18px !important;} #dsq-comments-title {display: none;} #dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important} .disqus-link-count {text-decoration: none; border: none;} a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;} span.alert { color: red;} .notes {font-variant:small-caps; letter-spacing:1px; text-transform:lowercase;} dl.addendum dt {font-style:italic;margin: 0.8em 0 0 0; margin-left: -30px; text-indent: -30px;padding-left: 30px;} dl.addendum dd {margin: 0.8em 0 0 0;}