/*
Theme Name: bergercity
Theme URI: http://www.bergercity.de
Description: very nice bergercity theme
Author: Otto Berger
Author URI: http://www.bergercity.de
Template: use-this-to-define-a-parent-theme--optional
Version: 0.1
.
General comments/License Statement if any.
.
*/


body {
	margin:0;
	padding:0;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(images/background_body.jpg);
	background-repeat: repeat-x;
	background-color:#E5EAEE;
}

a {
	color:#2D425B;
	color:#245692;
	text-decoration:none;
}
a:hover {
	/*text-decoration:underline;*/
	color:#7C9ABE;
}

.page {

	width:894px;
	margin-left:auto;
	margin-right:auto;

	background-image:url(images/background.gif);
	background-repeat: repeat-y;

}
.page .page {
	width:auto;
	background:none;
}
.page-inner {
	background-image:url(images/background_top.jpg);
	background-repeat:no-repeat;

}

.pagetitle {
	background-color:#E1E4EA;
	/*height:50px;*/
	margin-left:2px;
	padding-left:13px;
	padding-top:20px;
	padding-bottom:5px;
}

.pagetitle h2 {
	height:16px;
	line-height:16px;
	background-repeat:no-repeat;
	padding-left:25px;
	font-size:12px;
	font-weight:bold;
	color:#2D425B;
	margin:0;
}
.pagetitle h2.tag {
	background-image:url(images/icon_tag.gif);
}
.pagetitle h2.category {
	background-image:url(images/icon_category.gif);
}
.pagetitle h2.date {
	background-image:url(images/icon_tag.gif);
}
.pagetitle h2.search {
	background-image:url(images/icon_search.gif);
}

.headerimg {
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	height:110px;

}

hr {
	display:none;
}
.header h1 {
	margin:0;
	padding:0;
	float:left;
	margin-top:82px;
	font-size:18px;
	font-weight:normal;
	height:28px;
	line-height:28px;
	padding-left:13px;
}
.header .description {
	float:left;
	margin-top:82px;
	height:28px;
	line-height:28px;
	padding-left:10px;
	color:#FFFFFF;
}
.header a {
	color:#FFFFFF;
	text-decoration:none;
}

.header {
		padding-left:2px;
	padding-right:2px;
}
.content {
	width:620px;
	float:left;
	/*margin-right:45px;*/
}
.content .posts {
	padding-left:15px;
	margin-top:20px;
	padding-right:20px;
}

#sidebar {
	/*margin-top:20px;*/
	float:left;
	width:230px;
	border-left:1px solid #72787F;
	/*background-image:url(images/sidebar.jpg);*/
	background-repeat:repeat-y;
	padding-top:30px;
	padding-left:15px;
	padding-bottom:20px;
	/*margin-left:20px; */
	/*background-color:#CCC;   */
}
#sidebar h2 {
	color: #343434;
	margin:0;
	padding:0;
	font-size:12px;
}


.post {
	padding-bottom:40px;
	position:relative;
	clear:both;
}
.post.single {
	padding-bottom:0px;
}
.post h2, .post h3 {
	/*border-top:1px solid #CCC;*/
	border-bottom:1px solid #BDC2CF;
	margin:0;
	margin-bottom:10px;
	padding-right:100px;
	font-size:20px;
	font-weight:normal;
	color:#273E6D;
}
.post h2 a, .post h3 a {
	color:#2D425B;
}
.post small {
	font-size:11px;
	position:absolute;
	top:0;
	right:0;
	color:#9DA4B6;

}
.post .entry {
	clear:both;

}
.post .entry a {
	text-decoration:underline;
}
.post .more-link {
	clear:both;
	background-image:url(images/icon_right.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	line-height: 16px;
	padding-left:20px;

}


.postmetadata {
	clear:both;
	font-size:12px;
}
.postmetadata div {
	float:left;
	margin-right:15px;

}
.postmetadata .icon {
	float:left;
	height:16px;
	width:16px;
	margin-right:5px;
	background-repeat:no-repeat;
}
.postmetadata .meta-categories .icon {
	background-image:url(images/icon_category.gif);
}
.postmetadata .meta-tags .icon {
	background-image:url(images/icon_tag.gif);
}
.postmetadata .meta-comments .icon {
	background-image:url(images/icon_comment.gif);
}
.postmetadata .meta-edit .icon {
	background-image:url(images/icon_edit.gif);
}

/*
.postmetadata {
	color:#273E6D;
	font-size:12px;
	background-color:#F3F4F8;
	border:1px solid #E7E9EB;
	clear:both;
}
.postmetadata small {
	position:static;
} */

.navigation {
	margin-bottom:20px;
	clear:both;
}
.navigation .left, .navigation .right {
	line-height:16px;
	font-size: 13px;
}
.navigation .left {
	float:left;
}
.navigation .left .icon {
	background-image:url(images/icon_left.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	float:left;
	margin-right:5px;
}
.navigation .right {
	float:right;
}
.navigation .right .icon {
	background-image:url(images/icon_right.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	float:right;
	margin-left:5px;

}

.footer {
	clear:both;
}
.footer .background {
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	height:3px;
	margin-bottom:20px;
}

.footer span {
	display:block;
	font-size:11px;
	padding-left:15px;
	color:#666666;
	background-color:#B9C0CE;
	margin-left:2px;
	margin-right:2px;
}





/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img {
	border:0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 2px 0;
	display: inline;
	}



.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

#sidebar #search input {
	border: 1px solid #BDC2CF;
	background-color:#F9F9F9;
}
#sidebar #search #searchsubmit {
	background-color:#BFC4D0;
}





#sidebar .widget_categories h2 {
	background-image:url(images/icon_category.gif);
	background-repeat:no-repeat;
	padding-left:22px;
}
#sidebar .widget_tag_cloud h2 {
	background-image:url(images/icon_tag.gif);
	background-repeat:no-repeat;
	padding-left:22px;
}









dl {
	margin:0;
}


#comments {
	clear:both;
}

.comments {
	margin-top:20px;
	background-color:#E1E4EA;
}
.comments-list {
	padding:10px;
	padding-right:0;

}
.comments h3 {
	margin:0;
	margin-bottom:10px;
	color:#2D425B;
	font-size:13px;

}
.comments .respond {
	background-color:#B9C0CE;
	padding:10px;
	margin-bottom:1px;
}
.comments input, .comments textarea {
	border: 1px solid #72787F;
}
.comments textarea {
	width:100%;
	height:80px;
}
.comments ol li {
	background-color:#F6F7F8;
	padding:5px;
	margin-bottom:2px;
}