/*
Theme Name: Bitte nicht lesen
Theme URI: http://www.bitte-nicht-lesen.de
Description: Blog-Theme mit Spezialseiten und mehr für www.bitte-nicht-lesen.de
Version: 5.0
Author: Dominik Hanke
Author URI: http://www.bitte-nicht-lesen.de
*/
body {
	margin:      0 0 30px 0; 
	padding:     0;
	text-align:  center;
	font-family: Verdana,Arial,sans-serif;
	font-size:   12px;
	line-height: 18px;
	background:  #0f0d0e url('images/bg-pattern.jpg') repeat top left;
}

/*** Globale Formatierungen ***/

form { margin: 0; padding: 0; }
img, table { border: none; }
.clear { clear: both; }

h1 {
	margin:      0;
	padding:     0.5em 0;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size:   22px;
	line-height: 1.5em;
	color:       #0d87bc;
}
	h1 a { color: #0d87bc; text-decoration: none; }
	h1 a:hover { text-decoration: underline; }

h2 {
	margin:      0;
	padding:     0.5em 0;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size:   18px;
	line-height: 1.5em;
	color:       #0d87bc;
}
	h2 a { text-decoration: none; }
	h2 a:hover { text-decoration: underline; }

h3 {
	margin:      0;
	padding:     0;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size:   16px;
	line-height: 34px;
	color:       #0d87bc;
}
	h3 a { text-decoration: none; }
	h3 a:hover { text-decoration: underline; }

p {
	margin:  0 0 1em 0;
	padding: 0;
}

p.spacer {
	display:     block;
	margin:      0;
	padding:     0;
	height:      1em;
	line-height: 1em;
}

/** Formulare **/
form p {
	margin: 0 0 0.5em 0;
}

input.text,
input[type="text"] {
	border:     1px solid #cfcfcf;
	background: transparent url('images/forms/input-text-bg.gif') repeat-x 1px 0px;
}

textarea {
	border:     1px solid #cfcfcf;
	background: transparent url('images/forms/textarea-bg.gif') repeat-x 1px 0px;
}

label {
	display:    block;
	margin:     0px 10px 0 0;
	padding:    2px;
	color:      #888888;
	text-align: left;
}

a {
	color:           #bc0d0d;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

.alignleft { text-align: left; }
.alignright { text-align: right; }

/*** Zentrierungs-Element ***/
#wrapper {
	position:   relative;
	width:      900px;
	margin:     0 auto;
	padding:    20px 0 0 0;
	text-align: left;
	z-index:    20;
}
	/** Logo **/
	#bnl-logo { margin: 0 0 25px 13px; }
	
	/** Navigation und Suche (oben) **/
	#bnl-top {
		position:   relative;
		width:      900px;
		height:     38px;
		margin:     0 0 20px 0;
		background: transparent url('images/menu/menu-bg.gif') repeat-x top left;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
		/* Navigation */
		#bnl-nav {
			width:      680px;
			height:     38px;
			margin:     0 0 0 0;
			padding:    0;
			list-style: none;
		}
			#bnl-nav .page_item {
				float:       left;
				padding:     0;
				margin:      0;
				font-family: Verdana,Arial,sans-serif;
				font-size:   12px;
				font-weight: bold;
				line-height: 38px;
				color:       #FFFFFF;
				background:  transparent url('images/menu/menu-separator.gif') no-repeat top right;
			}
			#bnl-nav .page_item a:hover { background:  transparent url('images/menu/menu-bg-hover.png') repeat-x top left; }
			#bnl-nav .current_page_item a { background:  transparent url('images/menu/menu-bg-hover.png') repeat-x top left; }
			#bnl-nav .current_page_item_home a { background:  transparent url('images/menu/menu-bg-hover.png') repeat-x top left; }
			#bnl-nav a {
				display:         block;
				padding:         0 17px 0 15px;
				margin:          0 3px 0 0;
				color:           #FFFFFF;
				text-decoration: none;
			}
			#bnl-nav .page_item_home a {
				-moz-border-radius-topleft: 20px;
				-moz-border-radius-bottomleft: 20px;
				-webkit-border-top-left-radius: 20px;
				-webkit-border-bottom-left-radius: 20px;
				border-top-left-radius: 20px;
				border-bottom-left-radius: 20px;
			}
			
		/* Suchformular */
		#bnl-top-search {
			position: absolute;
			top:      9px;
			right:    10px;
		}
			#bnl-top-search input.text {
				width:      190px;
				height:     20px;
				padding:    0 30px 0 5px;
				border:     none;
				background: #FFFFFF url('images/menu/bg-search.gif') repeat-x top left;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
			}
			#bnl-top-search input.submit {
				position:   absolute;
				top:        3px;
				right:      10px;
				width:      15px;
				height:     13px;
				border:     none;
				cursor:     pointer;
				background: transparent url('images/menu/button-search.png') no-repeat top left;
			}
		
	/** Inhaltsboxen (weiß, abgerundete Ecken) **/
	.content-box {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.content-box-sb { background: #FFFFFF url('images/bg-sidebar.gif') repeat-y top right; }
	
		.content-box-left {
			float: left;
			width: 640px;
		}
		.content-box-right {
			float: left;
			width: 260px;
		}
		
	/** Breadcrumb Navigation **/
	.breadcrumb {
		margin:        30px 30px 0 30px;
		padding:       0 0 5px 0;
		list-style:    none;
		font-size:     11px;
		color:         #949494;
		border-bottom: 1px solid #dfdfdf;
	}
		.breadcrumb a {
			color:           #949494;
			text-decoration: none;
		}
		.breadcrumb a:hover { text-decoration: underline; }
		
	#content {
		padding-bottom: 10px;
	}
	
	/** Posts **/
	.post {
		margin:        0 30px 0 30px;
		color:         #383838;
		border-bottom: 1px solid #dfdfdf;
		text-align:    justify;
	}
		.post-meta {
			margin:        0 0 15px 0;
			padding:       3px 0 3px 0;
			font-size:     11px;
			color:         #b2b2b2;
			border-top:    1px solid #dfdfdf;
			border-bottom: 1px solid #dfdfdf;
		}
		.post-meta a { color: #b2b2b2; }
			.post-date {
				float:  left;
				padding: 0 10px;
			}
			.post-comment-count {
				float:        left;
				padding:      0 10px;
				border-left:  1px solid #dfdfdf;
				border-right: 1px solid #dfdfdf;
			}
			.post-categories {
				float:   left;
				padding: 0 10px;
			}
				.post-categories a {
					color:           #b2b2b2;
					text-decoration: none;
				}
				.post-categories a:hover { text-decoration: underline; }
				
			.post-share {
				float:       right;
				margin:      0 10px 0 0;
				line-height: 25px;
				text-align:  right;
				vertical-align: top;
			}
			
			.post pre {
				display:    block;
				padding:    5px;
				overflow:   auto;
				background: #efefef;
				border:     1px solid #dfdfdf;
			}
				
	/** Seitenblaettern **/
	.paging {
		margin:      10px 30px;
		text-align:  center;
		cursor:      default;
	}
	
	.paging a,
	.paging span {
		display:         inline-block;
		margin:          0 5px;
		padding:         5px 6px;
		font-size:       10px;
		line-height:     10px;
		text-decoration: none;
		color:           #808080;
		border:          1px solid #CCCCCC;
		background:      transparent;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
	.paging a:hover {
		background: #eaeaea;
	}
	
	.paging span {
		color:  #AAAAAA;
		border: 1px solid #DDDDDD;
		cursor: default;
	}
	
	a.current-paging-item {
		background: #eaeaea;
	}
	
	/** Bildergalerien **/
	.gallery {
		margin:   auto;
		overflow: hidden;
		width:    100%;
	}
	.gallery .gallery-item {
		margin:     0 0 1em 0;
		float:      left;
		text-align: left;
	}
	.gallery img {
		padding: 3px;
		border:  1px solid #DDDDDD;
	}
	.gallery .gallery-caption { margin-left: 0; }
	.gallery br { clear: both }
	
	.gallery .col-1 { width: 100%; }
	.gallery .col-2 { width: 50%; }
	.gallery .col-3 { width: 33.33%; }
	.gallery .col-4 { width: 25%; }
	.gallery .col-5 { width: 20%; }
	.gallery .col-6 { width: 16.66%; }
	.gallery .col-7 { width: 14.28%; }
	.gallery .col-8 { width: 12.5%; }
	
	/** Einzelbilder im Content **/
	.slimbox-single img {
		padding: 1px;
		border:  1px solid #c0c0c0;
	}
	
	/* Kommentare */
	h2#comments {
		font-size:     20px;
		line-height:   1.5em;
		padding:       0.5em 0;
		margin:        0 0 12px 0;
		
	}
	h2.nocomments {
		border:  none !important;
		margin:  0 !important;
	}
	.post-comments {
		margin: 0 30px 0 30px;
		color:  #333333;
	}
	.commentlist {
		margin:     0;
		padding:    0;
		list-style: none;
	}
		.commentlist li {
			list-style-type: none;
		}
		.comment {
			margin: 0 0 15px 0;
		}
		.comment-author {
			float: left;
			width: 82px;
		}
			.comment-author .avatar {
				padding: 2px;
				border:  1px solid #f0f0f0;
			}
			.comment-author-url {
				display:    block;
				width:      70px;
				font-size:  10px;
				color:      #0d87bc;
				text-align: center;
			}
			.comment-author-url:hover .avatar {
				border: 1px solid #a0a0a0;
			}
		.comment-body {
			float:      left;
			background: transparent url('images/comments/comment-bubble-triangle.png') no-repeat 0px 19px;
		}
			.comment-author-name {
				margin:     0 0 0 13px;
				padding:    5px 10px 5px 10px;
				background: #f0f0f0;
			}
			.bypostauthor .comment-author-name { background: #f2efcc; }
			
				.comment-author-name a {
					font-weight: bold;
					color:       #000000;
				}
			.comment-text {
				margin:      0 0 0 13px;
				padding:     5px 10px 5px 10px;
				background:  #f0f0f0;
			}
			.bypostauthor .comment-text { background: #f2efcc; }
			
			.comment-date-reply {
				margin:     0 0 0 13px;
				padding:    0 10px 5px 10px;
				font-size:  10px;
				background: #f0f0f0;
			}
			.bypostauthor .comment-date-reply { background: #f2efcc; }
			
			.comment-date {
				float:   left;
				padding: 6px 0 0 0;
			}
			.comment-reply { float: right; }
			.comment-button-reply { width: 92px; height: 26px; }
		
		.commentlist .children {
			margin:  0 0 0 95px;
			padding: 0;
		}
		
		.depth-1 .comment-body { width: 498px; }
		.depth-2 .comment-body { width: 403px; }
		.depth-3 .comment-body { width: 308px; }
		
		/* Kommentar-Formular */
		.post-comments #respond {
			padding:    0.5em 0 0 0;
			border-top: 1px solid #dfdfdf;
		}
		.comment #respond {
			margin-left: 95px;
			border:      none;
		}
		.comment-button-submit { width: 170px; height: 26px; }
		
		.depth-1 #respond { width: 486px; }
		.depth-2 #respond { width: 391px; }
		.depth-3 #respond { width: 296px; }
		
		textarea#comment { width: 100%; }
		
	/** Sidebar **/
	#rss-box {
		margin:     20px 0 0 0;
		padding:    0 0 13px 0;
		text-align: center;
	}
	.widget {
		margin:        0;
		padding:       0 15px 15px 15px;
		border-bottom: 1px solid #d9d9d9;
	}
	h3.widget-title {
		font-size:     18px;
		line-height:   18px;
		margin-bottom: 10px;
		padding:       15px 15px 0 15px;     
	}
	ul.widget {
		list-style: none;
	}
		.widget li {
			margin:        0 10px 5px 5px;
			padding:       0 0 0 22px;
			font-size:     12px;
			background:    url('images/icons/icon-folder.png') no-repeat 0 1px;
		}
		.widget li.current-cat,
		.widget li.current_page_item { background: url('images/icons/icon-folder-go.png') no-repeat 0 2px; }
			.widget li a {
				color: #949494;
			}
		
		#widget-archive li { background: url('images/icons/icon-calendar.png') no-repeat 0 1px; }
		#widget-blogroll li { background: url('images/icons/icon-link.png') no-repeat 0 1px; }
		
/** Cforms Plugin (Kontaktformular) **/
.cform fieldset {
	margin-top:        10px;
	padding:           10px 0 10px 0;
	border:            1px solid #adadad;
	border-left-color: #ececec;
	border-top-color:  #ececec;
}

.cform .cf_hidden {
	display:    none;
	border:     none!important;
	background: none!important;
	padding:    0!important;
	margin:     0!important;
}

.cform legend {
	margin-left: 10px;
	padding:     0 2px;
	font:        normal 20px Times;
	color:       #666666
}

.cform .single { width: 260px; }
.cform textarea { width: 460px; height: 200px; }
.cform input,
.cform textarea { color: #666666; }

ol.cf-ol {
	margin:  0!important;
	padding: 0!important;
}

ol.cf-ol li {
	background:  none!important;
	margin:      0 0 5px 0;
	padding:     0;
	list-style:  none!important;
	text-align:  left;
	line-height: 1.3em;
}

ol.cf-ol li.textonly {
	letter-spacing: 2px;
	margin:         6px 0pt !important;
	padding:        3px 0;
	text-align:     center;
}

span.reqtxt,
span.emailreqtxt {
	margin-left: 5px;
	color:       #666666;
}

.linklove { margin-top: 20px; }
.linklove a {
	font-size: 11px;
	color:     #666666;
}


/** Deutschland-Banner zur WM 2010 **/
#banner-germany {
	position:   absolute;
	top:        0;
	left:       0;
	width:      100%;
	height:     102px;
	background: transparent url('images/bg-germany.png') repeat-x;
	z-index:    2;
}