/* Layout ------------------------------------------------------------------
---------------------------------------------------------------------------- */
body { 
    font-size:1em/*16px*/; 
    }

/* Clearfixed */
#nav ul:after, 
#footer:after, 
.about ul:after { 
    content: '.'; 
    display:block; 
    overflow:hidden; 
    clear:both; 
    visibility:hidden; 
    height:0; 
    }


/* Typography --------------------------------------------------------------
---------------------------------------------------------------------------- */
body {
    font-family:MinionPro-Regular, GaramondPremrPro, AGaramondPro-Regular, 
    WarnockPro-Regular, Garamond, Constantia-Regular, Constantia, Georgia, 
    "Times New Roman", Times, serif; 
    }
h1, h2, blockquote, em, cite, .entry-meta, #masthead p, 
.weblog #nav ul li a#nav-weblog, 
.notable #nav ul li a#nav-notable, 
.portfolio #nav ul li a#nav-portfolio, 
.tumble #nav ul li a#nav-tumble, 
.about #nav ul li a#nav-about { 
    font-family:MinionPro-It, GaramondPremrPro, AGaramondPro-Regular, 
        WarnockPro-Regular, Garamond, "Times New Roman", Times, serif; 
    font-style:italic; 
    }
strong { 
    font-family:Optima-Bold, MinionPro-Semibold; 
    font-weight: bold;
    }
h3, h4, h5, h6, #footer { 
    font-family:Optima, Optima-Regular, MyriadPro-Regular, "Lucida Sans", "Lucida Grande"; 
    font-weight:normal;
    }
h3 {
    border-bottom:1px dotted #efefee;
    font-variant:small-caps;
    }
pre, code { 
    font-family:PanicSans, "Panic Sans", DroidSansMono,
        "Droid Sans Mono", Ayuthaya, "Droid Sans Mono", monospace; 
    }
pre strong, code strong { 
    font-family:PanicSans, "Panic Sans", DroidSansMono,
        "Droid Sans Mono", Ayuthaya, "Droid Sans Mono", monospace; 
    font-weight: bold;
    }
p + h3, ol + h3, ul + h3, dl + h3, pre + h3  {
    margin-top:2.5em/*40px*/;
    }
h3 + p {
    margin-top:-.625em/*-10px*/;
    }



/* Site-wide ---------------------------------------------------------------
---------------------------------------------------------------------------- */
body { 
    min-width:20em; 
    max-width:40em; 
    margin:0; 
    padding:0; 
    background-color:#fff; 
    color:#29261e; 
    line-height:1.25em/*20px*/; 
    }
a { 
    color:#5e5e5e; 
    border-bottom:1px solid #ccc; 
    text-decoration:none; 
    }
a:hover, a:focus { 
    background-color:#f8f8f8; 
    color:#272727; 
    border-top:1px solid #ccc; 
    }

a img {
    border:0 none;
    }
pre, code { 
    color:#444444; 
    font-size:12px/*.75em backwards because of Safari*/;
    }
pre { 
    overflow:auto; 
    padding:1.1875em/*19px*/ 1.5625em/*25px*/; 
    border:1px solid #ececec; 
    }
h1, h2 { 
    font-size:2.25em/*36px*/; 
    font-weight:normal; 
    line-height:1.1111em/*40px*/; 
    }
.caps, abbr, acronym { font-size:0.875em/*14px*/; }
hr { display:none; }

table {
  width: 100%;
  padding: 10px;
  border: 1px dotted #999;
}
th {
  border-bottom: 1px solid #999;
}
#elevator { 
    display:block; 
    overflow:hidden; 
    width:0; 
    height:0; 
    text-indent:-9999px; 
    }
#container { 
    position:relative; 
    padding-bottom:4.0625em/*65px*/; 
    }
#masthead { 
    position:absolute; 
    z-index:10; 
    top:0; 
    left:0;
    font-size:.5625em/*9px*/; 
    line-height:0; 
    }
#masthead h1 { 
    line-height:0; 
    }
#masthead h1 a, 
#masthead h1 span { 
    position:relative; 
    z-index:8; 
    padding:.05em 1.4em 0; 
    background-color: transparent;
    color:#29261e;
    border:0 none; 
    }
#masthead h1 a { 
    position:relative; 
    z-index:8; 
    padding-bottom:1em; 
    }
#masthead p { 
    position:relative; 
    z-index:7; 
    margin-left:2.5em; 
    padding-top:.65em; 
    color:#bcbcbb; 
    font-size:1.2em/*12px*/; 
    }
#masthead p a { 
    border-bottom:0 none;
    }
#masthead p a:hover { 
    border-bottom:1px solid #ccc; 
    }
#masthead p span { 
    color:#5e5e5e;
    }

#nav { 
    position:absolute; 
    z-index:9; 
    top:0; 
    width:100%; 
    margin:0; 
    padding:0; 
    color:#bcbcbb; 
    border-bottom:3px double #ececec; 
    line-height:0; 
    font-size:.75em/*12px*/; 
    }
#nav ul { 
    /* clearfixed */
    margin:0 0 0 10.5em/*!!px*/; 
    padding:0 0 0 1em; 
    border-left:1px dotted #efefee; 
    }
#nav ul li { 
    display:inline; 
    }
#nav ul li a {
    display:block; 
    float:left;
    margin-top:1px; 
    padding:1em 1.25em/*16px*/ .85em; 
    border-bottom:0 none; 
    }
#nav ul li a:hover, 
#nav ul li a:focus { 
    margin-top:0; 
    }
.weblog #nav ul li a#nav-weblog, 
.notable #nav ul li a#nav-notable, 
.portfolio #nav ul li a#nav-portfolio, 
.tumble #nav ul li a#nav-tumble, 
.about #nav ul li a#nav-about { 
    margin-top:0; 
    border-top:1px solid #ccc; 
    }

#wrapper { 
    position:relative; 
    z-index:1; 
    padding:4.25em/*!!px*/ 3.4375em/*55px*/ 0; 
    }

#footer { 
    /* clearfixed */
    width:100%; 
    margin-top:10em; 
    color:#bcbcbb; 
    border-top:3px double #ececec; 
    font-size:.625em/*10px*/; 
    line-height:1em/*10px*/; 
    }
#footer a { 
    color:#bcbcbb; 
    border-bottom-color:#e8e8e8; 
    }
#footer a:hover, #footer a:focus { 
    color:#272727; 
    border-top-color:#e8e8e8; 
    }
#footer #copyright { 
    float:left; 
    padding-top:.25em;/* To align baseline with the type in the Django image. */
    padding-left:5.5em;
    }
#footer #powered { 
    float:right; 
    }
#footer #powered a { 
    background-color:transparent;
    border-bottom:0 none;
    }

    
/* Blogging ----------------------------------------------------------------
---------------------------------------------------------------------------- */
.entry-meta { 
    color:#bcbcbb; 
    border-bottom:1px solid; 
    text-align:right; 
    font-size:.75em/*12px*/; 
    line-height:1em; 
    }
h2 + .entry-meta { 
    margin-top:-1.6667em/*20px*/;
}
.entry-meta + h3 { 
    margin-top:0;
}

.prevnext { 
    margin-top:5em/*!!px*/; 
    text-align:center; 
    font-size:.75em/*12px*/; 
    }
.prevnext a { 
    line-height:1em; 
    }

    
/* Portfolio ---------------------------------------------------------------
---------------------------------------------------------------------------- */


    
/* About / Contact ---------------------------------------------------------
---------------------------------------------------------------------------- */
.about #primary li {
    display:block;
    float:left;
    position:relative;
    width: 7.5em;
    padding-bottom:2.5em/*40px*/;
    line-height:0;
    }
.about #primary  li img {
    display:block;
    position:relative;
    bottom:-7px;
    left:-20px;
    }