@charset "utf-8";

/*
 * Theme Name: Kreuzberg liest
 * Description: Das WordPress-Theme für Kreuzberg liest
 * Author: Paul-Christian Ablaß
 * Author URI: http://paulchristianablass.de
 * Version: 1.2
 */

/* @group Reset */

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

:focus { outline: 0; }

/* @end */

/* @group Basics */

body {
	background: #000 url(img/gradient.jpg) repeat-x;
	padding: 1.2em 0;
	font-family: georgia, 'times new roman', serif;
	line-height: 1.5;
	color: #575757;
}

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6, p, dl, table, form { margin: 0 0 1em; }

ul, ol { margin: 0 0 1.5em 1.5em; }

a:link, a:active { color: #9f3b3b; }

a:hover, a:focus { color: #6c2828; }

a:visited { color: #e05353; }

input { padding: .3em; }

input[type="text"] { border: 1px solid #000; }

input[type="submit"] {
	background: #e2e2e2;
	cursor: pointer;
}

textarea {
	border: 1px solid #000;
	padding: .3em;
	font-family: helvetica, arial, sans-serif;
}

/* @end */

/* @group Layout */

#doc {
	width: 53.38em;
	margin: 0 auto;
}

	#desc, #hd, #ft {
		width: 52.63em;
		margin: 0 auto;
	}

	#hd {
		background: url(img/hd_shadow.png) no-repeat;
		padding: .31em .31em 0;
		overflow: hidden;
	}

	#bd {
		background: #fff;
		padding: 1.5em 3.13em 1.5em 2.19em;
		margin: 0 auto;
		width: 47.31em;
		overflow: hidden;
	}

		#main {
			width: 30.75em;
			float: left;
		}

		#sd {
			float: right; 
			width: 14.56em;
		}

	#ft {
		overflow: hidden;
		color: #fff;
		font-family: helvetica, arial, sans-serif;
		text-align: center;
		padding: .5em 0;
		border-bottom: 2px solid #fff;
	}

/* @end */

/* @group Global */

.title {
	display: block;
	border-bottom: 1px solid #000;
	padding: 0 0 .1em 2.19em;
	overflow: hidden;
	margin: 0 0 1.5em -2.19em;
	font: italic 1em georgia, times new roman, serif;
}

	.title span {
		float: right;
		font-size: .69em;
		font-family: helvetica, arial, sans-serif;
		margin: .6em 0 0;
	}

.affiliate_link {
	display: inline-block;
	float: right;
}

.attachment-post-thumbnail {
	float: left;
	margin: 0 .5em .5em 0;
}

/* @end */

/* @group Desc */

#desc {
	display: block;
	color: #b0b0b0;
	text-align: center;
}

/* @end */

/* @group Header */

#hd .wrapper { background: #fff; }

	/* @group Reading + Page Reading */
	
	.reading {
		overflow: hidden;
		float: left;
		width: 16.35em;
		padding: 7em 1em 0;
	}

		.reading em span {
			font-size: .69em;
			margin: .6em 0 0;
			font-family: helvetica, arial, sans-serif;
		}

		.reading_info { color: #808080; }
		
			.reading_info h2 {
				font-weight: normal;
				margin: 0;
			}
			
			.reading_info span {
				font-family: helvetica, arial, sans-serif;
				font-size: .75em;
			}
	
	/* @end */

	/* @group Logo */

	.logo, .nav { background: #fff; }

	.logo {
		margin: 0;
		float: right;
	}

		.logo a {
			display: block;
			width: 34.25em;
			height: 17.38em;
			text-indent: -999em;
			background: #fff url(img/logo.jpg) no-repeat right top;
		}

	/* @end */

	/* @group Nav */

	.menu {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 0 0 0 10em;
		clear: both;
		overflow: hidden;
		margin: 0;
	}

		.menu li {
			list-style-type: none;
			display: block;
			float: left;
		}
		
			.menu a {
				padding: .5em 1em;
				display: inline-block;
				color: #656361;
			}
			
			.menu .current_page_item a, .menu a:hover, .menu a:focus {
				background: #656361;
				color: #fff;
			}

	/* @end */

/* @end */

/* @group Body */

	/* @group Main */
	
	.post_wrapper { margin: 0 0 2.5em; }
		
		.post {
			overflow: hidden;
			clear: both;
			font-family: helvetica, arial, sans-serif;
			font-size: .75em;
		}

				.post h1, .post h3 {
					font-family: helvetica, arial, sans-serif;
					font-size: 1.17em;
				}

					.post h3 a {
						color: #575757;
						font-weight: bold;
					}

						.post h3 a:hover, .post h3 a:focus { color: #6c2828; }

					.post h1 span {
						font-size: .79em;
						float: right;
					}

		.post.reading_info {
			border-bottom: 1px dashed #2e2e2e;
			margin: 0 0 1.5em;
		}

	#previous_posts { margin: 0 0 2em; }

		#previous_posts .post { margin: 0 0 2em; }

	/* @end */

	/* @group Page Lesestube */

	.lesestube .ueber-uns-einleitung { margin: 0 0 1.5em; }

	.lesestube .autoren {
		clear: both;
		overflow: hidden;
		margin: 0;
	}

	.lesestube .autoren li {
		margin: 0 0 1em;
		float: left;
		clear: none;
		list-style-type: none;
	}

	.lesestube .autoren .thumbnail {
		display: inline-block;
		width: 139px;
		padding: 2.9em 0 2.3em;
		text-align: center;
	}

	.lesestube .autor-1 .thumbnail { background: url(img/bilderrahmen_1b.png) no-repeat; }
	
	.lesestube .autor-2 .thumbnail { background: url(img/bilderrahmen_2b.png) no-repeat; }

	.lesestube .autor-3 .thumbnail { background: url(img/bilderrahmen_5b.png) no-repeat; }

	.lesestube .autor-4 .thumbnail { background: url(img/bilderrahmen_1b.png) no-repeat; }

	.lesestube .autor-5 .thumbnail { background: url(img/bilderrahmen_3b.png) no-repeat; }

	.lesestube .autor-6 .thumbnail { background: url(img/bilderrahmen_4b.png) no-repeat; }

	.lesestube .autor-7 .thumbnail { background: url(img/bilderrahmen_2b.png) no-repeat; }

	.lesestube .autor-8 .thumbnail { background: url(img/bilderrahmen_5b.png) no-repeat; }

	.lesestube .autor-9 .thumbnail { background: url(img/bilderrahmen_4b.png) no-repeat; }

	.lesestube .autor-10 .thumbnail { background: url(img/bilderrahmen_3b.png) no-repeat; }

		.lesestube .autoren .thumbnail .attachment-post-thumbnail {
			float: none;
			margin: 0;
		}

	/* @end */

	/* @group Page Search */

	.search_result {
		margin: 0 0 1.5em;
		clear: both;
	}

	/* @end */

	/* @group Comments */

	.comments_area { font-family: helvetica,arial,sans-serif; }

		.commentlist {
			margin: 0;
			font-size: .75em;
		}

			.commentlist li {
				list-style-type: none;
				margin: 0 0 1em;
				border: 1px dashed #aeaeae;
				overflow: hidden;
				margin:0 0 1em;
				padding: .5em;
				background: #fff;
			}

				.commentlist ul.children {
					clear: both;
					margin: 0 1em 1em;
					padding: 1em 0 0;
					overflow: hidden;
				}

				.commentlist li.depth-2, .commentlist li.depth-4 .commentlist li.depth-6,  .commentlist li.depth-8,  .commentlist li.depth-10 { background: #f6f6f6; }

				.commentlist .avatar {
					margin: 0 .5em 0 0;
					float: left;
				}

				.comment_meta { overflow: hidden; }

					.comment_date { display: block; }

				.comment_text {
					clear: both;
					margin: .5em 0 0;
				}

		#commentform { font-size: .75em; }

			#commentform label {
				display: block;
				margin: 0 0 .5em;
			}
			
				#commentform label input { margin: 0 .5em 0 0; }
			
			#comment {
				width: 40.333em;
				margin: 0 0 .5em;
			}
			

	/* @end */

	/* @group Sidebar */

	#sd { font-family: helvetica,arial,sans-serif; }

	#sd h4 { margin: 0; }
	
	#sd > ul {
		margin: 0;
		font-size: .75em;
	}
	
	#sd li.widget {
		list-style-type: none;
		margin: 0 0 1.5em;
		overflow: hidden;
		clear: both;
	}
	
	/* @group Widget Search */

	#submit {
		cursor: pointer;
		padding: .35em;
	}

	/* @end */
	
	/* @end */

/* @end */

/* @group Footer */

#ft p {
	font-size: .75em;
	margin: 0;
}

/* @end */

/* @group Helper */

aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft { float: left; }

	img.alignleft { margin: 0 1.5em .5em 0; }

.alignright { float: right; }

	img.alignright { margin: 0 0 .5em 1.5em; }

.clear { clear: both; }

.post-edit-link {
	float: left;
	margin: 0 .5em 0 0;
}

/* @end */