body { background-color: #212121; color: white; margin: auto;
    margin: 2em; 
    font-size: 14px;
    line-height: 22px; 
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 300; }

a { color: #3984E5; text-decoration: underline; }
a:vistied { color: #67087B; }

h1, h2, h3 { color: #F5B800; font-weight: normal; text-transform: uppercase; }
h1 a, h2 a, h3 a { text-decoration: none; border: 0; color: #F5B800; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

pre, tt { color: #646464; }
pre { padding: 1em; background-color: #c0c0c0; }
pre, tt { color: #970BB3; }
pre, tt { color: #D132F1; }
pre {  padding: 1em; background-color: #18131A; }
pre {  padding: 1em; background-color: #3E3144; }

table { width: 100%; }
th, td { border-bottom: 1px solid #c0c0c0; 
    margin-left: 0; margin-right: 0; text-align: left;}
tr:last-child td, tr:last-child th { border-bottom: 0; }
tr:last-child td, tr:last-child th { border-bottom:: 0; }

p { text-align: justify; text-indent: 1em; }

dt, dd { margin-bottom: 0.5em; }

.visual-clear { clear: both; }

#content { margin-left: 30%; }

#header { width: 100%; }
#header a { color: #C0C0C0; text-decoration: none; }
#header h1 { margin-bottom: 0; font-size: 160%; }
#header h1 a { color: #F5B800; }
#header #toc { list-style: none; padding: 0; margin: 0; font-size: 90%; }
#header #toc li { padding: 0; margin: 0; display: inline; }
#header #toc li:after { content: ", "; }
#header #toc li:last-child:before { content: "& "; }
#header #toc li:last-child:after { content: ""; }
#header #bread { list-style: none; padding: 0; margin: 0; display: block; font-size: 80%; }
#header #bread li { padding: 0; margin: 0; display: inline; }
#header #bread li:before { content: "» "; }

#content h1, #content h2, #content h3, #content h4 { 
    line-height: 0.9em;
    margin-left: -43%; width: 43%; }
#content h3, #content h4 { text-align: right; }

#footer { text-align: center; text-transform: uppercase; padding: 1em; color: rgb(136, 136, 136); font-size: 80%; margin-top: 2em; clear: both; }

#intro { top: 50%; position: absolute; width: 90%; margin-top: -5em; }
#intro #header { }

.important { border: 1px solid #E6AC00; background: #FFCC33; color: black; padding: 1em; }

#photo { background-color: black; }
#photo a { border: 0; }
/*
#photo #header { background: white; color: black; width: 100%; }
#photo #header h1, #photo #header h1 a { color: black; }
*/
#photo #content { margin-left: 0%; }
#pane .photo img { border: 15px solid white; }

.photo span { display: none; }
.photo-nav a { font-size: 70%; color: #bbb; padding: 0.5em 1.5em; }
.metadata { font-size: 70%; color: #bbb; margin-top: 0.5em; }

.post { border-bottom: 5px solid #323232; margin-top: 1.5em; margin-bottom: 1em; padding-bottom: 0.5em; padding: 0 0.5em 0.5em 0.5em; }
.post .title { }
.post .copy { line-height: 1.4em; margin: 1.2em 0em 1.2em 0em; }
.post img { border: 10px solid #323232; }

.post .footer,
.post .permalink { font-size: 70%; text-transform: uppercase; color: #c0c0c0; line-height: 1em; margin-bottom: 1em; margin-top: 0.5em; }
.post .footer a,
.post .permalink a { color: #c0c0c0; border: 0; text-decoration: none; }
.post .footer a:hover,
.post .permalink a:hover { color: white; }


#navigation { text-align: right; }
#navigation a { color: #c0c0c0; font-size: 70%; text-transform: uppercase; text-decoration: none; }
#navigation a:hover { color: white; }