/*
Theme Name: The Daily Mess
Theme URI: http://the-daily-mess.de
Version: 0.3
Author: Katharina Birkenbach
*/

body {
	font-family: georgia, times, serif;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4em;
}

h1, h2, h3, h4, h5, p {
	font-weight: normal;
	margin: 0 0 0.8em 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #00f;
	outline: 0;
}

a:hover {
	background: #f00;
	color: #fff !important;
}

a img {
	border: 0;
}

.hidden {
	display: none;
}

blockquote {
	margin-left: 16px;
}

blockquote p span {
	background-color: #FEF49C;
}

small {
	display: block;
	text-align: right;
	line-height: 1.4em;
}
/* layout */

#page {
	width: 910px;
	margin: 0 auto;
}
	
	#header {
		font-size: 32px;
		line-height: 1.3em;
		border-bottom: 1px dashed #00f;
		padding: 12px 100px 6px 0;
		margin: 0 0 32px 0;
	}
	
	#header a {
		color: #00f;
	}
	
	#header span.tags a {
		color: #000;	
	}
	
	#header span.small {
		font-size: 12px;
	}
	
	#content {
		width: 450px;
		float: left;
		padding: 0 40px 0 0;
		margin-bottom: 40px;
	}
	
	#content.widecontent {
		width: 910px;
		height: 400px;
		float: none;
		padding: 70px 0px 0 0;
		margin-bottom: 40px;
		text-align: center;
		background: url('http://the-daily-mess.de/blog/wp-content/themes/default/images/404.jpg');
	}
	
	#content.widecontent {
		font-size: 32px !important;
		color: #fff;
	}
	
	#content.widecontent input#s {
		width: 400px;
		padding: 4px;
	}
	
	#context {
		width: 310px;
		float: left;
		margin-bottom: 40px;
	}
		
		#static-context {
			margin-top: 40px;
		}
		
		#context h2 {
			font-size: 20px;
			line-height: 1.4em;
			border-bottom: 1px dashed #00f;
		}

		#static-context ul li {
			margin-bottom: 32px;
		}
		
		
		#static-context ul li ul li {
				margin-bottom: 4px;
		}

		 #static-context ul li.archives ul li {
        width: 150px;
        float: left;
		}

     #static-context ul li.archives ul li a:visited {
        color: #666;
        text-decoration: line-through;
		}
		
		#static-context ul li a {
			color: #000;
		}

		#static-context #news-feed {
			margin-bottom: 40px;
		}
		
		#static-context #news-feed a {
			color: #000;
		}
		
		#static-context .about a {
			color: #000;
			border-bottom: 1px solid #f00;
			font-style: italic;
		}
		
		#static-context #news-feed img {
			float: left;
			margin-right: 12px;
		}
		
		#static-context h3{
			margin: 0;
		}
		
		#static-context h3 span, h3#comments span, #respond h3 span{
			background-color: #FEF49C;
			font-size: 14px;
		}
	
	#footer {
		clear: left;
		background: #00f;
		margin: 40px 0 0 0;
		color: #fff;
		font-size: 12px;
		padding: 4px 8px;
	}
	
	#footer a {
		color: #fff;
	}

/* posts */

.post {
	border-bottom: 1px dashed #00f;
	margin: 0 0 32px 0;
	padding: 0 0 20px 0;
}

	.post a {
		color: #000;
		border-bottom: 1px solid #f00;
		font-style: italic;
	}

	.post h3 {
		margin-top: 1.2em;
	}
		
	.post h3 span {
		font-size: 18px;
		color: #fff;
		background: #00f;
		line-height: 1.4em;
	}
	
	.post h2 a, .post h2 span {
		color: #fff;
		border-bottom: 0px solid #f00;
		font-style: italic;
		background: #f00;
		line-height: 1.4em;
	}
	
	h2.pagetitle {
		color: #000;
		line-height: 1.4em;
		border-bottom: 1px dashed #00f;
		margin-bottom: 20px;
	}
	
	.postmetadata, .postmetadata a {
		color: #666;
		border-bottom: 0;
	}
	
	.post a img {
		border: 0;
	}

.navigation {
	margin-bottom: 20px;
}

.alignright {
	text-align: right;
	background-image: url("http://the-daily-mess.de/blog/wp-content/themes/default/images/nav.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.alignleft {
	background-image: url("http://the-daily-mess.de/blog/wp-content/themes/default/images/nav.png");
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 10px 20px;
}

ol.commentlist {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

ol.commentlist li {
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

ol.commentlist img {
	float: left;
	margin: 0 10px 10px 0;
}

ol.commentlist p {
	clear: left;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

ol.commentlist .comment-meta a {
	color: #666;
}

#respond {
	margin-top: 30px;
}

	#respond textarea {
		width: 450px;
		border: 1px solid #ccc;
		-moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
		
	}

	#respond input {
		padding: 4px 10px;
		width: 430px;
		font-size: 14px;
		-moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
		font-family: georgia, times, serif;
		border: 1px solid #ccc;
	}

	#respond input#submit {
		-moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
		font-family: georgia, times, serif;
		background: #00f;
		border: 0px solid #00f;
		color: #fff;
		width: 146px;
		font-size: 14px;
		padding: 4px 8px 2px 8px;
		cursor: pointer;
	}
	
/* boxes */

#search {
	margin-bottom: 40px;
}

#search input#s {
	font-family: georgia, times, serif;
	padding: 2px 4px;
	width: 230px;
	margin-right: 2px;
	font-size: 16px;
	border: 1px solid #666;
}

#search #searchsubmit {
	-moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
	font-family: georgia, times, serif;
	background: #00f;
	border: 0px solid #00f;
	color: #fff;
	font-size: 14px;
	padding: 4px 8px 2px 8px;
	cursor: pointer;
}

#search #searchsubmit:hover {
	background: #f00;
}

#relatedposts { 
	margin-bottom: 40px;
}

#relatedposts ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#relatedposts ol li {
	margin: 0 0 10px 0;
}

#relatedposts ol li a {
	display: block;
}

#relatedposts ol li a:hover {
	background: transparent;
	color: #f00 !important;
}

#relatedposts ol abbr {
	display: none;
}

#books {
	margin-bottom: 20px;
}
	
	.narrowcolumn.home .category-books {
		display: none;
	}
	
	#books ul li a, .book-content {
		display: block;
		border: 1px solid #ccc;
		padding: 8px;
		margin-bottom: 8px;
	}
	
	.book-content {
		margin-bottom: 32px;
		position: relative;
	}
	
	.book-content p.status {
		position: absolute;
		top: -25px;
		right: -15px;
		width: 60px;
		height: 40px;
		background: #f00;
		padding: 20px 0 0 0;
		text-align: center;
		color: #fff;
		-moz-border-radius: 30px;
	  border-radius: 30px;
	  -webkit-border-radius: 30px;
	}
	
	
	#books ul li a:hover {
		border: 1px solid #f00;
	}
	
	#books ul li p, .book-content p {
		margin: 0;
		padding: 0;
		color: black;
		font-size: 12px;
	}
	
	#books ul li p.author,  .book-content p.author {
		margin: 0 0 8px 0;
		font-size: 16px;
	}
	
	#books ul li a h3,  .book-content h3 {
		margin: 0 0 4px 0;
		padding: 0;
		font-style: italic;
		color: black;
	}
	
	#books ul li a:hover h3, #books ul li a:hover p {
		color: #fff !important;
	}
	
	#books ul li img {
		float: left;
		margin-right: 8px;
	}

#sc {
	margin-bottom: 32px;
}
#sc a:hover {
	background: none;
}
#flickr {
	width: 110px;
	overflow: hidden;
	float: left;
}

	#flickr small {
		text-align: left;
	}

	#flickr small a:hover {
		background: #f00;
	}
	
	#flickr img {
		padding: 0px;
		margin: 0 0 7px 0;
	}
	
	#flickr a:hover {
		background: transparent;
	}

#delicious {
	background: #FEF49C;
	padding: 12px;
	margin-bottom: 40px;
}

	#delicious ul {
		margin-bottom: 12px;
	}	
	
	#delicious ul li {
		border-bottom: 1px solid #fff;
		padding: 2px 0;
		font-size: 13px;
		line-height: 1.4em;
	}
	
	.delicious-timestamp {
		display: none;
	}
	
/* clearing */
.description, #static-context #news-feed, #books ul li a {
	zoom: 1;
}

.description:after, #static-context #news-feed:after, #books ul li a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}