/* fonts */ 
body {
	font-family: "Palatino", "Georgia", serif;
	font-size: 16px;
	line-height: 24px;
	color: #222;
	}
.tweet blockquote,
nav a span.title,
button {
	font-family: "Baskerville", "Palatino", "Georgia", serif;
	font-style: italic;
	}
.tweet blockquote,
button {
	font-size: 22px;
	line-height: 24px;
	}
#showcase,
.columns,
nav,
.accordion,
.vcard,
#message,
.tweet-meta,
#tweets p.source,
hgroup h2,
h1.big .pretitle,
caption,
input, textarea {
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
#cinbox {
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-size: 22px;
	line-height: 24px;
	}
footer label,
#colofon,
.marginnote {
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-size: 11px;
	line-height: 12px;
	}
.tweet cite,
small {
	font-size: 12px;
	line-height: 16px;
	padding-top: 8px;
	}


::selection {
	background-color: rgba(255,255,0,0.25);
	}
::-moz-selection {
	background-color: rgba(255,255,0,0.25);
	}
::-webkit-selection {
	background-color: rgba(255,255,0,0.25);
	}



article p:not(.big) {
	hyphens: auto;
	-webkit-hyphens: auto;
	-o-hyphens: auto;
	-moz-hyphens: auto;
	}



/* defaults */
ul,
ol,
dl,
table,
p {
	margin-bottom: 24px;
	}
ul ul,
ul ol,
ol ol,
ol ul,
#showcase p,
#showcase ul,
ul#tweets,
.kader p:last-child,
.tweet p {
	margin-bottom: 0;
	}
.container p + ul {
	margin-top: -24px;
  }
.accordion p,
ul.columns p {
	margin-bottom: 16px;
	}



/* block elements */
p.big,
h1.big {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 24px;
	color: #6b5121;
	font-weight: normal;
	}
.center {
  text-align: center;
  }
header h1 {
	position: absolute;
	left: -9999px;
	}
.kader header h1 {
	font-size: 1.625em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.125;
	color: #626054;
	}
.kader .intro {
	font-size: 1.125em;
	line-height: 1.333;
	font-weight: bold;
	}
hgroup,
.marginnote {
	color: #6b5121;
	}
	hgroup h2,
	h1.big .pretitle {
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 4px 0 0 0;
		}
	h1.big .pretitle {
		display: block;
		color: #626054;
		}
	hgroup h3 {
		line-height: 16px;
		font-style: italic;
		font-weight: normal;
		opacity: 0.5;
		}
h2, h3 {
	font-weight: bold;
	}
#showcase h3,
.columns h3 {
	font-size: 14px;
	line-height: 16px;
	}
#showcase h3 {
	margin-bottom: 8px;
	}
.pasfoto {
	float: left;
	margin: 0 10px 3px 0;
	}
	ul.columns li .subheading {
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 0;
		color: #626054;
		text-transform: uppercase;
		}
.tweet blockquote p {
	text-indent: -0.42em;
	}
.tweet time {
	font-size: 11px;
	text-transform: uppercase;
	}
#tweets p.source {
	text-transform: none;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
	margin: 0 0 0 0;
	text-shadow: none;
	font-weight: bold;
	}
.tweet cite {
	font-style: normal;
	margin: 0;
	padding: 0;
	}
#showcase {
	color: #626054;
	}
.vcard,
.vcard a {
	color: #8A8777;
	}
	.vcard .fn {
		font-weight: bold;
		}
article ul {
	list-style-image: url('/img/bullet.png');
	padding-left: 1em;
	}
	#showcase ul,
	ul.columns {
		list-style-type: none;
		list-style-image: none;
		padding-left: 0;
		}
.quote {
	margin: 0 35px;
	font-style: italic;
	}
	.quote p {
		margin: 0;
		}



/* tables */
table {
	border-collapse: collapse;
	}
	th, td, caption {
		text-align: left;
		}
	th, td {
		vertical-align: top;
		padding-right: 0.4em;
		}
	caption {
		text-transform: uppercase;
		margin: 8px 0 0 0;
		color: #626054;
		}
	tbody th {
		font-weight: normal;
		}



/* inline styles */
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
abbr {
	text-transform: lowercase;
	font-variant: small-caps;
	}
abbr[title] {
	cursor: help;
	border: none;
	}
	footer abbr[title] {
		}
dfn {
	font-style: italic;
	}



/* text-shadow & rendering */
hgroup h2,
p.big,
h1.big {
	text-shadow: rgba(255,255,255,0.5) 0 1px;
	text-rendering: optimizeLegibility;
	}
nav,
footer h2 {
	text-shadow: rgba(0,0,0,0.5) 1px 1px;
	}
.tweet blockquote {
	text-shadow: rgba(255,255,255,0.75) 0 0 10px;
	}
	.tweet blockquote a {
		text-shadow: rgba(255,255,255,1.0) 0 0 10px;
		}



/* links */
a {
	color: #b06030;
	text-decoration: none;
	border-bottom: 1px dotted #b06030;
	outline-color: transparent;
	}
	a:hover,
	a:focus {
		background-color: rgba(255,255,255,0.5);
		outline: 3px solid rgba(255,255,255,0.5);
		}
	nav .content a:hover,
	nav .content a:focus,
	nav .content a.close,
	header a:hover,
	header a:focus,
	#tweets blockquote a,
	#tweets p.source a,
	.vcard p a, .vcard p a:hover, .vcard p a:focus,
	.social a {
		border: none;
		outline: none;
		background-color: transparent;
		}
	#tweets a:hover,
	#tweets a:focus {
		outline: none;
		background-color: transparent;
		}
	p.big a,
	h1.big a {
		border: none;
		outline: none;
		}