/* ========================= */
/* = GENERAL LAYOUT/DESIGN = */
/* ========================= */

html {
	text-align: center;
}


body {
	position: relative;

	padding: 0;
	margin: 0 auto;

	text-align: left;


	background: #2A2A2A;
	color: #EEE;


	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 85%;
}

a {
	color: #21252D;
	color: #111;
/*	text-decoration: none;*/
}

h1 {
	font-size: 140%;
}

h1:hover {
	text-shadow: #FFF 0px 0px 7px;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
	color: #000;
	margin-top: 2em;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}


/* =========== */
/* = CONTENT = */
/* =========== */


h1.title {
	color: #FFF;
	text-align: center;
	margin: 1em 0 0.5em 0;
	text-shadow: #FFF 0px 0px 2px;
/*	padding: 1em;*/
	letter-spacing: 0.2ex;
}

p.subtitle {
	margin: 0 0 1.56em 0;
	padding: 0;
/*	font-family: monospace;*/
	font-size: 92%;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.2ex;
}


#content_container {
	border-style: solid;
	border-color: #4C5C69;
	border-width: 2px 0;
	background-color: #FFF;
	color: #444;
}

#content {
	width: 53em;
	margin: 0 auto;
	clear: both;
}

#content div.box {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: justify;
}

/*#content div.box h3 {
	margin-top: 0;
}
*/
#content div.left .box_content {
	padding-right: 1em;
}

#content div.right .box_content {
	padding-left: 1em;
}

#content a.main {
	font-weight: bold;
/* Variante 1: Hintergrund */
/*	
	background-color: #EEE;
*/

/* Variante 2: Invertieren */
/*	color: #EEE;
	background-color: #000;
	padding: 0.5ex 1ex;
*/

/* Variante 3: small caps */
/*	
	font-variant: small-caps;
	font-size: 120%;
	letter-spacing: 2pt;
*/

/* Variante 4: icons */


}

/*#content a.main:before {
	content: "✩ ";
}*/

p.fake {
	clear: both;
}

p.teaser {
	font-size: 90%;
}

#copy {
	text-align: center;
	width: 100%;
}

#copy p.copy {
	font-size: 80%;
}


/* ================ */
/* = ABOUT/FOOTER = */
/* ================ */

#about_container {
/*	position: fixed;
	bottom: 0;
	width: 100%;
*/
	clear: both;
/*	background-color: #000;
	color: #EEE;
*/	
	padding-bottom: 1em;
}

#about {
	width: 53em;
	margin: 0 auto;
/*	color: #3F3F3F;*/
}


#about a {
	color: #CCC;
}
#about div.box {
	float: left;
	width: 50%;
	margin: 0;
	font-size: 90%;

/*	font-size: 90%;*/
	text-align: justify;
}

#about div.left .box_content {
	padding-right: 1em;
}

#about div.right .box_content {
	padding-left: 1em;
}

#about div.center {
/*	padding-left: 1em;*/
	text-align: center;
	width: 100%;
}


span.archive_date {
	float: right;
	font-size: 80%;
}

#content p.date {
	float: right;
	margin-top: 0.5ex;
	
	font-size: 80%;
}

#content blockquote {
	font-style: italic;
	color: #594B2C;
}

#content code {
	color: #1C360C;
}




/*Lightbox content*/

#content .preview_images {
	text-align: center;
}

#content .preview_images img {
	margin: 1ex 10px 1ex 10px;
	border: 2px solid #444444;
}

/* ========= */
/* = VCARD = */
/* ========= */

div.vcard {
	position: absolute;
	width: 16.5em;
	border: 1px solid #888;
	text-align: left;
	color: #000;
	font-size: 93%;
}

#about div.vcard a {
	color: #333;
}
#about div.vcard .header {
	border-bottom: 1px solid #888;
	padding: 0.4ex 1ex;
	font-weight: bold;
	background-color: #B8B8B8;
/*	background-color: #AEE219;*/
}

#about div.vcard .header .controls {
	float: right;
	cursor: pointer;
}

#about div.vcard .content {
	padding: 1ex 1ex 1pt 1ex;
	background-color: #F8F8F8;
}

#about div.vcard .content p, #about div.vcard .content div.adr {
	margin: 0 0 1ex 0;
}

#about div.vcard .content p.fn_container, #about div.vcard .content p.url_container {
	margin: 0 0 0.5ex 0;
}

#about div.vcard .content img.photo {
	float: right;
	margin-left: 1ex;
	border: 1px solid #888;
}

#about div.vcard span.description {
	display: block;
	float: right;
	clear: right;
	font-size: 80%;
}

span.trigger_hcard
{
	text-decoration: underline;
	cursor: pointer;
/*	padding-bottom: -1px;*/
}


/* =================== */
/* = TWITTER UPDATES = */
/* =================== */

/*#twitter_update_list
{
	list-style: none;
}
#twitter_update_list li span
{
	font-style: italic;
}
#twitter_update_list li > a
{
	display: block;
}
*/

ul.footprints
{
	padding-left: 0;
}
ul.footprints li
{
	display: inline;
	list-style: none;
}
ul.footprints li::after {
	content: " | ";
}
ul.footprints li:last-of-type::after {
	content: "";
}