diff options
Diffstat (limited to 'media/css/base.css')
| -rw-r--r-- | media/css/base.css | 361 |
1 files changed, 1 insertions, 360 deletions
diff --git a/media/css/base.css b/media/css/base.css index b629d73..e242b5f 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1,360 +1 @@ -/* -------------- 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;} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:"none"}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 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:#201a11 10px solid}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.hide,.dsq-brlink,img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'],.terms-of-use-link,#dsq-comments-count{display:"none"}div[dir='ltr'] span{width:0;visibility:collapse}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.6em}#writing-archive{margin-top:72px;margin-bottom:36px}#writing-archive li{clear:both}#writing-archive h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}#writing-archive div{width:420px;float:left}#writing-archive div.img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p{margin:0;font-size:1.1em}#writing-archive .location,#writing-archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:.7em}#writing-archive img{border:#201a11 10px solid}body#writing-detail article{font-size:1.7em;line-height:1.5em}body#writing-detail article header{border:none;height:auto;width:auto;margin:0 0 0 0}body#writing-detail article h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.8em;line-height:1.2em;margin:0}body#writing-detail article aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:0.7em;line-height:2.3em}body#writing-detail article aside a{color:#201a11}body#writing-detail article aside a:hover{color:#b53a04}body#writing-detail article dl{font-size:100%}body#writing-detail article dl dt{font-style:italic;margin:9px}body#writing-detail article a{color:#b53a04}body#writing-detail article h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}.single article header,.single article div#post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article div#post-body p:nth-of-type(1){font-size:1.2em;line-height:1.4em}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article header aside section{text-align:right !important;font-size:1em}.double article div#post-body{width:780px;float:left;margin-left:20px}.double article div#post-body div.col{width:350px;float:left;margin:0 40px 0 0}.double article div#post-body img.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.double article div#post-body div.narrow{width:520px}span.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}span.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:.8em}ol.footnote{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}section#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;font-size:0.8em;padding-bottom:8px}section#page-navigation{width:980px;margin:24px 0 0 0;text-transform:uppercase;font-size:.5em}section#page-navigation li#next{float:right;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-right:140px}section#page-navigation li#prev{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-left:120px}section#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:.8em}section#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:1em}h4 a.disqus-link-count{color:#201a11 !important}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pagination{margin:8px 0}#pagination .current{color:#b53a04}body.dubcol footer nav li{font-size:0.6em}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}dl.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}dl.addendum dd{margin:0.8em 0 0 0}#photo-archive article{width:980px}#photo-archive article h1{display:none}ul#photo-galleries{margin-left:-10px}ul#photo-galleries li{float:left;margin:10px;width:310px;position:relative;display:block}ul#photo-galleries div.figure{border:10px #201a11 solid;height:350px}ul#photo-galleries div.figure img{border:none}ul#photo-galleries span.legend{display:block;color:#888;padding:10px 10px 10px 15px;font-size:85%;line-height:18px;width:285px;background:#201a11;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0}ul#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}ul#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.4em;margin:8px 0}.map-legend li{font-size:90%;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:left;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}body#about section{clear:both;margin-top:24px}body#about section ul{font-size:1em;margin:18px}body#about section li{margin:9px}body#about section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:1.6em}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;text-align:right;font-size:.6em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email{width:326px}body#projects h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}body#projects article p{font-size:1.4em}#featured-image img{margin-left:20px;margin-bottom:78px}section#writing-tease,section#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:.8em;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}section#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}section#currently div.project-tease{font-size:18px;line-height:16px;margin-top:8px}section#currently div.project-tease h4{font-size:64px;line-height:50px;float:left;margin:0}section#currently div.project-tease h4 span{font-size:36px}section#currently div.project-tease a{display:block;width:220px;float:left}section#currently div.project-tease p{font-size:.7em;text-transform:none;line-height:50px;margin-left:440px;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif}section#currently div.project-tease p cite{padding-left:4px}section#fromthearc{clear:both}section#fromthearc li{float:left;width:300px;margin-bottom:20px}section#fromthearc h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:2em;margin:0}section#fromthearc .col2{margin-left:40px;margin-right:40px}section#fromthearc h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.2em;margin-bottom:12px;min-height:50px}section#fromthearc .location,section#fromthearc time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:2em;font-size:.7em}section#fromthearc p{margin:0;text-align:justify} |