/*
Theme Name: Black & White
Theme URI: http://schweinestall.com/wp-theme-black-white/
Description: Black & White ist ein WordPress-Theme fuer die Version 2.x. Dies ist die deutsche Edition.
Version: 1.1 [de]
Author: Dennis Fromme
Author URI: http://schweinestall.com/

CSS, XHTML und Design sind unter der GPL veroeffentlicht:
http://www.opensource.org/licenses/gpl-license.php
*/

* { margin: 0; padding: 0; }
body { background: #fff url(images/bg-body.gif) repeat-y 50% 0; font: 101% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #222; text-align: center; }
#container { width: 740px; margin: 0 auto; text-align: left; overflow: visible; }

a { text-decoration: none; font-weight: bold; border-bottom: 1px dotted #222; }
abbr,
acronym { cursor: help; border-bottom: 1px dotted #888; }
blockquote { padding: .2em 10px; background: #eee; }
blockquote blockquote { background: #ddd; }
p,
li,
dt,
dd,
address { font-size: .8em; line-height: 1.6; font-style: normal; }
p,
address,
blockquote { margin: 0 0 1.2em; clear: both; }
li li { font-size: 1em; }
dt { font-weight: bold; }
dd { padding-left: 40px; }
ol,
ul,
li { list-style: none; }
cite { color: #fff; background: #a15; font-weight: normal; font-style: normal; padding: 0 .2em; }
code { font-family: "Courier New", Courier, mono; }
del { text-decoration: line-through; }
ins { text-decoration: none; color: #222; background: #eee; font-weight: bold; padding: 0 .2em; }
em { font-style: normal; color: #e6a; }
strong { color: #fff; background: #e6a; font-weight: normal; padding: 0 .2em; }
table { width: 360px; margin: 1.2em 0; border-collapse: collapse; clear: both; }
caption { text-align: left; font-size: .8em; font-weight: bold; padding: 0 0 .2em; }
th,
td { border: 1px solid #888; font-size: .8em; line-height: 1.6; padding: 0 .2em; text-align: left; }
th { font-weight: bold; background: #eee; }
td { font-weight: normal; }

h1 { font: normal normal 2em/1.0 "Century Gothic", "Avant Garde", Futura, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing: -2px; }
h2 { font: normal normal 1.4em/1.0 "Century Gothic", "Avant Garde", Futura, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: .3em 0; }
h3 { font: normal normal 1.4em/1.0 "Century Gothic", "Avant Garde", Futura, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: .2em 0; color: #888; }
h4 { font-size: 1em; font-weight: bold; color: #888; }
h5 { font-size: .8em; font-weight: bold; }
h6 { font-size: .8em; font-weight: normal; }

/* Header */
#header { width: 360px; margin: 1em 380px 1em 0; color: #bbb; }

#header h1 a { color: #222; font-weight: normal; border-color: #bbb; display: block; width: 360px; }
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active { border-color: #555; }
#header p { padding: .2em 0 0; }


#content,
#sidebar { width: 360px; float: left; display: inline; padding: 0 0 1em; }

/* Content */
#content { margin: 0 10px 0 0; }
#content .entry { clear: both; }

#content h1,
#content h2 { color: #bbb; }

#content a { color: #222; }
#content a:link { border-color: #555; }
#content a:visited { color: #555; border-color: #bbb; }
#content a:hover,
#content a:focus,
#content a:active { border-color: #222; }

#content img { float: left; margin: 5px 10px 5px 0; }
#content img.wp-smiley { float: none; margin: 0; }
#content ul,
#content ol,
#content dl { margin: 0 0 1.2em; clear: both; }
#content ul li { padding: .2em 0 .2em 10px; background: url(images/dot.gif) no-repeat 0 .85em; }
#content ol li { padding: .2em 0; list-style: inside decimal; }

#content .pageheading { margin: .3em 0 1.2em; }

#content .postheading a { border-color: #bbb; font-weight: normal; display: block; width: 360px; }
#content .postheading a:link { color: #a15; }
#content .postheading a:visited  { color: #5b3d1d }
#content .postheading a:hover,
#content .postheading a:focus,
#content .postheading a:active  { color: #f69; border-color: #555 }

#content .postmetadata { border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; }
#content .postmetadata:hover  { background: #eee url(images/post_meta.gif) right bottom }
#content .postmetadata li { padding: 0 0 .2em 15px; background: url(images/dot.gif) no-repeat 5px .75em; }

/*Comments */
.nocomments { color: #e6a; }
.commentinfo { margin: 1.2em 0 .4em; font-size: .8em; }
blockquote.author { border-top: 2px solid #e6a; border-bottom: 2px solid #e6a; }

#commentform p { padding: .4em 0 0; }
#commentform textarea { width: 355px; }
#commentform label { color: #888; font-size: .75em; font-weight: bold; }
#commentform #author,
#commentform #email,
#commentform #url { width: 200px; margin-right: 10px; }

/* Navigation */
.navigation  { text-align: right; margin: 1.2em 0 }

/* Sidebar and Footer */
#sidebar,
#sidebar a,
#footer,
#footer a   { color: #fff; background: #43b604;
}
#sidebar a:link,
#footer a:link { border-color: #bbb;
	background-position: 0;
}
#sidebar a:visited,
#footer a:visited { border-color: #555; }
#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active,
#footer a:hover,
#footer a:focus,
#footer a:active { border-color: #eee; }

/* Sidebar */
#sidebar {
	background: url(../black-white/images/Logo-katja.jpg) no-repeat right top;
	margin: -80px 0 0 10px;
	padding-bottom: 0;
	padding-top: 155px;
}
#sidebar h2  { color: #5b3d1d; font-size: 1.7em }
#sidebar li li { display: inline; }
#sidebar li p { width: 240px; font-size: 1em; margin: 0; }
#sidebar li a { display: block; width: 240px; }
#sidebar li li .children a { margin-left: 10px; width: 230px; }
#sidebar li li .children .children a { margin-left: 20px; width: 220px; }
#sidebar .current-cat a,
#sidebar .current_page_item a  { border-color: #f69 }

#sidebar #searchform { margin: .3em 0; }
#sidebar #s  { color: #fff; background: #43b604; margin-right: 10px; width: 240px;
}
#sidebar #searchsubmit  { color: #fff; font-weight: bold; background: #43b604; padding: 0 0.3em; border: 0 }

/* Some Widgets Styles */
#sidebar .widget #searchform input { margin: .6em 0; }
#sidebar #recent-comments li { display: block; }
#sidebar #recent-comments li a { display: inline; width: auto; }

#sidebar table { width: 240px; }
#sidebar th { background: #444; }
#sidebar table a { display: inline; width: auto; }

/* Footer */
#footer { clear: left; width: 360px; font-size: .75em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 380px;
	padding-top: 70px;
}
#footer img { vertical-align: middle; padding: 0 0 .5em; }