/*  
Theme Name: Blogbar
Theme URI: http://www.blogbar.de/
Description: Theme fuer Blogbar.de
Version: 1.0
Author: Kai Pahl
Author URI: http://www.kaipahl.de/

*/



/* bbmark ====================== Generic ====================== */
/* ------------------------------------------------------------ */
HTML { margin: 0; padding: 0; }
BODY {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 100%;
	background-color: #5E0509;
	color: #ffeeaa;
	text-align: center;
	background-image: url(/_images/homepage.jpg);
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
}

A IMG { border: none; }

ACRONYM, ABBR {
	background-color: #801a10;
}

ACRONYM, ABBR, SPAN.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}
DFN {
	cursor: help;
	font-size: 90%;
	border-bottom: 1px solid #993022;
}

BLOCKQUOTE {
	border-left: 1px solid #993022;
	margin-left: 0.5em;
	padding-left: 1em;
	font-style: italic;
}

CITE {
	font-size: 90%;
	font-style: normal;
}



/* bbmark ====================== Container ====================== */
/* -------------------------------------------------------------- */
#page { text-align: center; }

#container {
	margin-top: 12px !important; margin-bottom: 0 !important;
	margin-left: auto !important; margin-right: auto !important;
	position: relative;
	width: 780px;
	border: 2px solid #000000;
	background-color: #590007; /* #650109; */ /* #700a00; */
	color: #ffeeaa;
	text-align: left;
}

#content {
	width: 580px; /* 600px - 2*10px Padding */
	padding: 10px;
	text-align: left;
}


/* bbmark ====================== Header ====================== */
/* ----------------------------------------------------------- */
#header {
	width: 100%;
	height: 71px;
	margin: 10px 0 0 0 !important; /* IMPORTANT, sonst der margin sonst ignoriert wird */
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #ff6600;
	text-align: left;
	word-spacing: 1em;
	text-transform: uppercase;
	background-image: url(/_images/back_headbanner.jpg);
	background-repeat: no-repeat;
}

#header DIV {
	padding: 35px 0 0 42px;
}

#header A:link, #header A:visited {
	color: #ff6600;
	text-decoration: none;
	border-bottom: 1px dotted #ff6600;
}
#header A:hover, #header A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}

#footer {
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 45px;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #ff6600;
	text-transform: uppercase;
	background-color: black;
}
#footer A:link, #footer A:visited {
	color: #ff6600;
	text-decoration: none;
	border-bottom: 1px dotted #ff6600;
}
#footer A:hover, #footer A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}


/* bbmark ====================== Content Allgmein ====================== */
/* ------------------------------------------------------------ */
H1 {
	margin: 0 0 72px 0;
	padding: 0 0 0 24px;
	background-color: black;
	color: #ffbb00;
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: 1px;
}

H2.post-title {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #ffeeaa;
	border-bottom: 3px double #993022;
}

/* H3: Z.B. Abschnittsbegin Kommentare */
H3 {
	margin: 3em 0 0 0;
	border-bottom: 1px solid #993022;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #bb5044;
}

H4 {
	border-bottom: 1px solid #993022;
	margin-bottom: 0;
	padding-bottom: 0;
}

A:link,
A:visited {
	color: #ff6600;
	text-decoration: none;
	/* border-bottom: 1px dotted #ff6600; */
}
A:hover,
A:active {
	color: #ffff00;
	text-decoration: none;
	/* border-bottom: 1px solid #ffff00; */
}

#content .centered {
	margin-left: 10%;
	margin-right: 10%;
}



/* bbmark ====================== Content Blog ====================== */
/* ------------------------------------------------------------ */
#blog .post {
	margin: 0 0 3em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #993022;
}

/* bbmark ---------------------- Content:Metadaten ---------------------- */
.metadaten {
	margin: 0;
	padding: 0.15em 0 1em 0;
	width: 100%;
	font-size: 0.9em;
	color: #bb5044;
}

.metadaten A:link, .metadaten A:visited {
	color: #ff6600; /*  #dd9077; */
	text-decoration: none;
	/* border-bottom: 1px dotted #dd9077; */
}
.metadaten A:hover, .metadaten A:active {
	color: #ffff00;
	text-decoration: none;
	/* border-bottom: 1px solid #ffff00; */
}

.metadaten UL {
	display: inline;
	margin: 0; padding: 0;
	list-style: none;
}

.metadaten LI {
	display: inline;
}

.post-permalink {
	float: left;
}
.post-kategorien {
	float: right;
}

.post-trackback {
	float: left;
}
.post-rss {
	float: right;
}

/* bbmark ---------------------- Pager ---------------------- */
.pager {
	color: #bb5044;
	font-size: 0.9em;
}
.pager .prev {
	float: left;
	margin: 0;
	padding: 0;
}
.pager .succ {
	float: right;
	margin: 0;
	padding: 0;
}

.pager A:link,
.pager A:visited {
	color: #ff6600; /*  #dd9077; */
	text-decoration: none;
	/* border-bottom: 1px dotted #dd9077; */
}

.pager A:hover,
.pager A:active {
	color: #ffff00;
	text-decoration: none;
	/* border-bottom: 1px solid #ffff00; */
}


/* bbmark ---------------------- Content:Post ---------------------- */
#blog .post-content {
	clear: both;
	line-height: 1.3em;
}

.post-content IMG {
	border: 0px none black;
}
.post-content IMG.left {
	text-align: left;
	padding: 0 10px 0 0px;
}
.post-content IMG.right {
	text-align: right;
	padding: 0 0 0 10px;
}

.desc {
	margin: 0.5em 0 0 0;
	font-size: 0.85em;
	line-height: 1.1em;
	color: #bb5044;
}

.post-content A:link, .post-content A:visited {
	color: #ff6600;
	text-decoration: none;
	/* border-bottom: 1px dotted #ff6600; */
}
.post-content A:hover, .post-content A:active {
	color: #ffff00;
	text-decoration: none;
	/* border-bottom: 1px solid #ffff00; */
}

/* bbmark ---------------------- Content:Feedback ---------------------- */
.feedback {
	text-align: right;
}
.feedback A:link, .feedback A:visited {
	color: #ff6600;
	text-decoration: none;
	/* border-bottom: 1px dotted #ff6600; */
}
.feedback A:hover, .feedback A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}

/* bbmark ---------------------- Content:Kommentare ---------------------- */
OL#comments LI P {
	font-size: 100%;
}
#commentlist A:link, #commentlist A:visited {
	color: #ff6600;
	text-decoration: none;
	border-bottom: 1px dotted #ff6600;
}
#commentlist A:hover, #commentlist A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}
.post-comment-meta {
	margin: 2em 0 0 0;
	font-size: 0.85em;
	color: #bb5044;
}
.post-comment-meta A:link, .post-comment-meta A:visited {
	color: #dd9077;
	text-decoration: none;
	border-bottom: 1px dotted #dd9077;
}
.post-comment-meta A:hover, .post-comment-meta A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}
/* Erster Kommentar-Absatz unterhalb der Kommentar-Meta-Daten */
.post-comment-meta + P {
	margin: 0.25em 0 0 0;
}

#commentform input, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
}

#commentform textarea {
	width: 100%;
}


/* bbmark ---------------------- Content:Credit ---------------------- */
.credit {
	background: #9b0002;
	border-top: double 3px #000000;
	color: #ff9988;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit A:link, .credit A:visited {
	color: #ff9988;
	text-decoration: none;
	border-bottom: 1px dotted #ff9988;
}

.credit A:hover, .credit A:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}


/* bbmark ====================== Menu ====================== */
/* --------------------------------------------------------- */
#menu {
	position: absolute;
	top: 0; right: 0;
	width: 170px; /* 180px - 10px Padding */
	margin: 0;
	padding: 0 0 0 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 0.7em;
	background-color: #590007; /* #700a00; */ /* #550000; */
	color: #ffeeaa;
	text-align: left;
}

#menu A:link, #menu A:visited {
	color: #ff6600;
	text-decoration: none;
	/* border-bottom: 1px dotted #ff6600; */
}
#menu A:hover, #menu A:active {
	color: #ffff00;
	text-decoration: none;
	/* border-bottom: 1px solid #ffff00; */
}

#menu H2 {
	text-transform: uppercase;
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
}

/* bbmark ---------------------- Menu:Lvl 1 ---------------------- */
#menu form {
	margin: 0 0 0 10px;
}
#menu #searchform DIV {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
}

#menu input#s {
	background: #eee;
	border: 1px solid #000;
	letter-spacing: -0.05em;
	width: 50%;
}
#menu input#searchsubmit {
	background: #bb5044;
	border: 1px solid #000;
	letter-spacing: -0.05em;
	/* width: 80%; */
}

#menu #buchbeschreibung {
	margin: 0 0 2em 0;
}

/* bbmark ---------------------- Menu:Lvl 1 ---------------------- */
#menu UL {
	margin: 0; padding: 0;
	list-style-type: none;
	color: #bb5044;
	font-weight: bold;
}

#menu UL LI {
	margin: 10px 0 0 0;
	padding: 0 0 2px 0;
}

/* bbmark ---------------------- Menu:Lvl 2 ---------------------- */
#menu UL UL {
	margin: 0 0 0 -1em; padding: 0;
	list-style-type: none;
	font-variant: normal;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
}

#menu UL UL LI {
	margin: 0 0 0 0;
	padding: 0;
	padding-left: 12px;
}

/* bbmark ---------------------- Menu:Kommentare ---------------------- */

#menu #kommentare {
}

#menu #kommentare H3 {
	margin: 1em 0 0 0;
	padding: 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	border-bottom: 1px solid #993022; /* 3px double #993022; */
	font-size: 0.9em;
}
#menu #kommentare H3 A:link {
	border-bottom: 0px;
}
#menu #kommentare P {
	margin: 0 0.5em 2em 0;
	padding: 0;
}
#menu #kommentare P A:link {
	border-bottom: 0px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}