body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#title {
  background-color: black;
  width: 100%;
  padding: 15px;
  text-indent: 20px;
  font-size: 2.1em;
  font-family: 'IM Fell English SC', arial, sans-serif;
}

#title a {
  color: white; 
  text-decoration: none;
}

/* layout */

#wrapper {
  width: 72em;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 15px;
}

#content {
  width: 52em;
  max-width: 75%;
  float:left;
}

aside {
  width: 18em;
  max-width: 23%;
  float: left; 
}

article {
  display: block;
  margin-bottom: 20px;
  padding: 15px;
}

/* styling */
/* basics */
strong {
  font-weight: bold;
}


code {
  margin-left: 2em;
}

p {
  margin-bottom: 1em;
}

/* specifics */
.date {
  font-style: italic;
  font-size: 0.8em;
}

.clear {
  clear: both;
}

header a {
  font-size: 1.5em;
  text-decoration: none;
  color: #000; 
}

header {
  padding-bottom: 15px;
}

aside {
  font-size: 0.9em;
}

aside h3 {
  font-style: italic;
  font-size: 1.2em;
  padding-top: 1em;
}

aside a {
  text-decoration: none;
  color: black;
}

aside img#portrait {
  margin: 5px;
  padding: 2px;
  border: 1px solid;
}

aside a:hover {
  text-decoration: underline;
}

aside li {
  list-style: none;
}

footer {
  font-size: 0.7em;
  font-style: italic;
  width: 100%;
}

article img {
  padding: 5px;
}

article img.left {
  float: left;
}

article img.right {
  float: right;
}

article li {
  list-style: disc;
  margin-left: 2em;
}

.content a {
  color: grey;
}

p.code {
  margin: 10px;
}
p.code span {
  border: solid;
  font-style: italic;
  padding: 5px;
}

article h1 {
  font-size: 1.5em;
}

ul {
  margin: 15px;
}
ul#navigate li {
  display:inline;
  white-space:nowrap;
}

#navigate a {
  text-decoration: none;
  font-style: italic;
  color: grey;
}

ul#navigate li#next {
  text-align:right;
}

#wip {
  color: grey;
  margin-bottom: 1em;
}

blockquote {
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
 display:inline;
}

del {
	text-decoration: line-through;
}

em {
  font-style: italic;
}