/* @override http://kaipahl.de/_css/dogfood2010.css */

/*
Theme Name: dogfood2010
Theme URI: http://kaipahl.de/
Description: The 2010 Wordpress Theme for kaipahl.de.
Author: Kai Pahl
Version: 1.0
Tags: 
*/

/* #mark =========== GENERIC */
BODY {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}
P {
	margin: 0.5em 0;
}



/* #mark =========== HEADER */
HEADER#page-header {
	width: 972px;
	height: 16px;
	margin: 0 auto 16px;
	padding: 7px 6px 0 8px;
	border-bottom: 4px solid #000000;
	background-color: #11111b;
}

HEADER#page-header * {
	color: #f0f0ff;
	text-decoration: none;
}


HEADER#page-header H1 {
	border-right: 1px solid #778;
	width: 311px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	float: left;
}


#access {
	position: absolute;
	top: -500px;
	left: -500px;
}

HEADER#page-header NAV {
	float: right;
}



#content-wrapper {
	width: 996px;
	display: block;
	margin: 0 auto;
}


.home #content-wrapper {
	width: 1020px; /* 996 + 2*12px Pad */
}


/* #mark =========== SECTION */
.home SECTION {
	display: block;
	float: left;
	width: 156px;
	height: 156px;
	overflow: hidden;
	margin-top: 12px;
	margin-left: 12px;
	background-color: #ffff00;
}
.post SECTION {
	display: block;
	float: left;
	width: 324px;
	height: 324px;
	overflow: hidden;
	background-color: #ffff00;
}

SECTION#box-kaipahl {
	background-color: #000000;
	width: 324px;
	white-space: nowrap;
}
SECTION#box-kaipahl * {
	color: #ffffff;
	font-size: 160px;
	line-height: 195px;
	margin-left: -12px;
}
SECTION#box-pic0 {
	background-image: url('/_images/zebrastreifen.jpg');
	background-position: -200px -150px;
	width: 492px;
	white-space: nowrap;
}
SECTION#box-impressum {
	background-color: #24a0ff;
}
SECTION#box-impressum * {
	text-transform: uppercase;
	text-decoration: none;
	color: #11111b;
}
SECTION#box-work {
	background-color: #ff2200;
}
SECTION#box-work * {
	text-transform: uppercase;
	text-decoration: none;
	color: #11111b;
}
SECTION#box-bio {
	background-color: #ff9900;
}
SECTION#box-bio * {
	text-transform: uppercase;
	text-decoration: none;
	color: #11111b;
}
SECTION H1 {
	font-family: "ligurino-condensed-1","ligurino-condensed-2";
	font-size: 56px;
	font-weight: normal;
	line-height: 41px;
}




/* #mark =========== ARTICLE */
ARTICLE {
	line-height: 20px;
	margin-bottom: 72px;
}

ARTICLE H1 {
	font-size: 18px;
	font-weight: bold;
}

.post H1 * {
	color: #11111b;
	text-transform: uppercase;
	text-decoration: none
}
.post .entry-date.
.post .entry-meta {
	color: #11111b;
	text-decoration: none;
	font-size: 12px;
}

.post .entry-content,
.comment-body {
	width: 660px;
	float: right;
	font-family: Georgia, Times, serif;
	line-height: 1.4em;
}

.post .entry-utility * {
	color: #11111b;
}

.sidebar {
	width: 323px;
	border-right: 1px solid #11111b;
	float: left;
}




/* =========== FOOTER */
#footer {
	width: 996px;
	margin: 12px auto;
	clear: both;
	background-color: #11111b;
	color: #f0f0ff;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: left;
}
#footer UL {
	padding: 36px 16px 4px 8px;
}

#footer LI {
	float: left;
	margin: 0 40px 0 0;
}