/*
Theme Name: BrothersKeepers
Version: 1.1
Author: Moritz Limanski
Author URI: http://www.portnull.de
Description: Theme for BrothersKeepers.org
Tags: Tags, RSS
*/

/* $BASIC
--------------------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	background: #E9E6DD url("images/bg_body.jpg") top center repeat-x;
	color: #303030;
	margin: 0 0 20px 0;
	padding: 0;}

#wrapper {
	text-align: left;
	margin: 0 auto 24px;
	width: 984px;
	background: #D1D0C1 url("images/bg_wrapper.gif") top left repeat-y;}
	
#bklogo {
	display: block;
	height: 66px;
	width: 200px;
	background: url("images/logo.png") top left no-repeat;}	

#page {
	float: left;
	width:620px;
	background: #fff;
	padding: 0;}

#task {
	height: 35px;
	background: #2e2c1f;
	border-bottom: 1px solid #fff;}
	
#banner {
	float: left;
	width: 640px;
	height:82px;
	padding:22px 0 0 0;
	background:url("images/bg_body.jpg") -60px -36px no-repeat;}	

#header {
	height: 92px;
	width: 100%;
	padding: 22px 0 0 20px;
	background:url("images/bg_header.png") top left repeat-x;}
	
#sidebar {
	float: right;
	font-size: 1.1em;
	width: 324px;
	padding: 54px 10px 0 10px;
	margin: 0;
	background:url("images/bg_sidebar.png") 0 -54px repeat-x;}


/* $TYPO
--------------------------------------------------------------------------- */
h1, h2, h3 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Arial, Helvetica;
	font-weight: bold;
	text-transform: uppercase;}

h1 {
	font-size: 2em;
	letter-spacing: -1px;
	margin: 0;}	

h2 {
	text-align: left;
	font-size: 1.6em;
	letter-spacing: -1px;
	margin: 12px 0 0 0;}

#sidebar h2 {
	margin: 5px 0 0 0;
	padding: 0;
	letter-spacing: 0;}

h3 {
	font-size: 1.3em;
	padding: 0;
	margin: 0;}

h3.comments {
	padding: 0;
	margin: 40px auto 20px;}


h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;}

h2, h2 a, h2 a:visited {
	color:#837d65;}
h2 a:hover {
	color: #2E2C1F;
	text-decoration: none;}
#sidebar h2 a {color: #2e2c1f;}
	
	
h3, h3 a, h3 a:visited {
	color: #333;}
h3 a:hover {
	color: #DCBB36;
	text-decoration: none;}


	
a {
	color: #303030;
	text-decoration: none;}
a:hover {
	color: #5c5c5c;
	text-decoration: underline;}
	
a.nobg img {
	background: none;}
.entry a img {border: 0;}

.alt {
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;}
small a {color: #777 !important;}

		
.description {
	font-size: 1.2em;}	
	


hr {
	border:0;
	border-bottom:1px solid #e0e0d4;}
		

acronym, abbr, span.caps {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;}

acronym, abbr {
	border-bottom: 1px dashed #999;}

blockquote {
	color: #333;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;}

blockquote cite {
	margin: 5px 0 0;
	display: block;}

.center {
	text-align: center;}

	
	
#content {
	font-size: 1.3em}

.narrowcolumn .entry,
.widecolumn .entry {
	line-height: 1.5em;}

.widecolumn {line-height: 1.6em;}
	
#sidebar {line-height: 1.6em;}


.entry p a:visited {
	color: #b85b5a;}
	

p.blockdate {
	clear: both;
	color: #868470;
	padding: 2px 0;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;}

#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}


/* $TASK
--------------------------------------------------------------------------- */
#task ul {
	margin: 0;
	padding: 8px 0 0 0;}
#task li {
	float: left;
	list-style-type: none;}

#task li:after {
	content: url(images/menu_dotted.gif);}
#task li:last-child:after {
	content:"";}
	
	
#task a {
	float: left;
	display: block;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Arial, Helvetica;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8f8c76;
	margin: 0 9px 0 9px;
	padding-bottom:2px;
	display: inline;}
	
#task a:hover,
body#Dates a#mblog:hover {
	color:#bab9a4;
	text-decoration: none;}

/* $COLORS MENU
--------------------------------------------------------------------------- */
body#blog a#mblog, body#dates a#mdates, body#kuenstler a#mkuenstler {color: #e1b241;}


/* $HEADER
--------------------------------------------------------------------------- */
#header h1 {
	color: #222;
	letter-spacing: -1px;
	padding: 3px;
	margin: 1px 0 0 0;
	background: #fff;
	border-bottom:1px solid #909079;
	display: inline;}
		
#header_cat {
	clear: left;
	margin: 0;
	padding: 0;}

#header_cat li, h2#header_cat {
	float: left;
	list-style-type: none;
	margin: 10px 4px 0 0;
	padding: 0;
	display: inline;}
	
	
#header_cat a:link, #header_cat a:visited, h2#header_cat {
	display: block;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Arial, Helvetica;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 3px;
	background: #fff;
	border-bottom:1px solid #909079;}
#header_cat a:hover {
	color:#868470;
	text-decoration: none;}

h2#header_cat {color: #222;}





/* $FORMS
--------------------------------------------------------------------------- */
input,
textarea,
select {
	font: normal small Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	border: 2px solid #D1D0C1;
	background: #fff url(images/bg_input.gif) repeat-x 0 0;}

input {
	height: 20px;
	padding: 2px 0 0 0;}
	

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;}

#content #searchform {
	width: 590px;
	border-top: 2px solid #2E2C1F;
	background: #868470;}
	
	
#content input.search {
	height: 20px;
	width: 300px;
	padding: 0;
	margin: 0 0 4px 0;
	border: 2px solid #ccc;}

#content input.button {
	height: 26px;
	width: 62px;
	margin: 3px 0 4px 6px;
	border: 2px solid #ccc;}
	

select {
	width: 130px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;}

#commentform textarea {
	width: 100%;
	padding: 2px;}

#commentform #submit {
	margin: 0;
	float: right;}
	


/* $WIDGET
--------------------------------------------------------------------------- */		
.widget {
	padding: 0 10px 10px 10px;
	margin: 0 0 18px 0;
	border-top: 2px solid #2e2c1f;
	border-bottom: 1px solid #d8dcc9;
	background: #fafaf9 url("images/bg_widget_dark.gif") top left repeat-x;}
	
#sidebar h2.widgettitle {
	font-size: 1.3em;
	color:#2e2c1f;
	background: #fff;
	padding: 4px;
	margin: 6px 0 12px 0;
	border-bottom:1px solid #909079;}	


/* $WIDGET $TAGS
--------------------------------------------------------------------------- */
#sidebar .widget_tag_cloud {
	clear: left;
	line-height: 2em;
	overflow: hidden;}

#sidebar .widget_tag_cloud a {
	display: block;
	float: left;
	color: #716f5f;
	margin: 0 6px 2px 0;}
#sidebar .widget_tag_cloud a:hover {
	color: #DCBB36;
	text-decoration: none;}	


/* $WIDGET $SEARCH
--------------------------------------------------------------------------- */
#sidebar form {
	margin: 0;}

.widget_search {
	height: 27px;}
.widget_search input {
	float: left;}
	
#sidebar input.search {
	height: 20px;
	width: 226px;
	padding: 2px 0 0 0;
	border: 2px solid #ccc;}
	
#sidebar input.button {
	float: left;
	height: 26px;
	width: 62px;
	margin: 0 0 0 6px;
	border: 2px solid #ccc;}

input#searchbutton {
	padding: 1px;}

input.search:focus,
input.button:focus {
	border: 2px solid #666;}


li#recent-posts a:before,
li#archives a:before,
li#links a:before {
	content: "\00BB  ";}

	
/* $WIDGET $ARCHIVES
--------------------------------------------------------------------------- */
li#archives select {
	margin: 0 0 10px 10px;}
	
	
/* $WIDGET $LINKS $RSS
--------------------------------------------------------------------------- */	
ul.blogroll li, .widget_rss ul li {
	line-height: 1.6em;
	border-bottom: 1px dotted #d1d0c1;}
ul.blogroll li a:hover, .widget_rss ul li a:hover {
	color: #6d7b90;
	text-decoration: none;}
	
/* $WIDGET $RECENT COMMENTS
--------------------------------------------------------------------------- */
ul#recentcomments li.recentcomments a:hover {
	background: #fff;}


	
	
	
/* $WIDGET BACKGROUND COLORS
--------------------------------------------------------------------------- */
.widget_tag_cloud {
	background: #fafaf9 url("images/bg_widget_blue.gif") top left repeat-x;}
	
.widget_links {
	background: #fafaf9 url("images/bg_widget_green.gif") top left repeat-x;}

.widget_rss {
	background: #fafaf9 url("images/bg_widget_dark.gif") top left repeat-x;}
	
.widget_recent_comments {
	background: #fafaf9 url("images/bg_widget_yellow.gif") top left repeat-x;}
/*	
.widget_search {
	background: #fafaf9 url("images/bg_widget_white.gif") top left repeat-x;}

.widget_recent_entries {
	background: #fafaf9 url("images/bg_widget_dark.gif") top left repeat-x;}
--------------------------------------------------------------------------- */

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

#sidebar .widget ul {
	font-size: 1.1em;
	padding: 0;
	margin: 0;}	

#sidebar ul li {
	clear: left;
	list-style-type: none;
	list-style-image: none;}

#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;}	


/* $FOOTER
--------------------------------------------------------------------------- */
#footer {
	clear: both;
	padding: 12px;
	margin: 0;
	border-top: 1px solid #2e2c1f;
	border-bottom: 1px solid #8f8c76;
	background: #868470}

#footer ul {
	margin: 0;
	padding: 0;}
#footer ul li {
	float: left;
	list-style: none;
	font-size: 1.2em;
	margin: 0 2px 0 0;}
#footer ul li a {
	color: #404040;
	padding: 2px 6px;
	background: #fff;}

#footer a img {border: 0;}

#footer ul li a#portnull {
	float: right;
	height: 66px;
	width: 65px;
	margin: 10px 10px 0 0;
	background: url("images/portnull.gif") top left no-repeat;}

#footer ul li a#scrollup {
	background: #dcbb36;}

/* $BETTER LISTS
--------------------------------------------------------------------------- */

/*li#archives,*/
li#links,
li#recent-posts,
li#recent-comments {
	padding: 0;
	margin: 0 0 18px 0;}

/*li#archives ul li,*/
li#links ul li,
li#recent-posts ul li,
li.recentcomments {
	list-style:none;
	color: #2e2c1f;
	padding: 0;
	margin: 0;}
	
		
/*li#archives ul li a,*/
li#links ul li a,
li#recent-posts ul li a,
ul#recentcomments li.recentcomments {
	margin: 8px 10px;
	border-bottom: 1px dotted #d1d0c1;}

li.recentcomments {
	clear:left;}



	
li#links ul li a:hover,
li#recent-posts ul li a:hover,
li.recentcomments a:hover {
	color: #333;
	text-decoration: none;
	background: #fff;}
	
li#links ul li a:before,
li#recent-posts ul li a:before,
li.recentcomments a:hover {
	content: "";}
	
	
li#links h2.widgettitle,
li#recent-posts h2.widgettitle,
li#recent-comments h2.widgettitle {
	margin: 6px 10px 6px 10px;
	padding: 4px;
	border-bottom:1px solid #909079;}
	
li#tag_cloud h2.widgettitle {
	padding: 4px 4px 2px;
	border-bottom:1px solid #556377;}	
	
/* INVITE IE TO THE PARTY */
/** html li#archives ul li,*/
* html li#links ul li,
* html li#recent-posts ul li,
* html li.recentcomments {
	display: inline;}








/* $PLAYER
--------------------------------------------------------------------------- */

div#player {}
div#player a img {
	background: none;
	padding: 0;
	margin: 0;}




/* $IMAGES $IMG $BILDER
--------------------------------------------------------------------------- */
.left, .alignleft {
	float: left;}
.right, .alignright {
	float: right;}
	
.entry a img,
.entry p img {max-width: 590px;}	

img.centered, img.center {
	display: block;
	width: auto;
	margin:2px auto;}

img.left, img.alignleft {
	margin: 0 10px 10px 0 !important;
	display: inline;}

img.right, img.alignright {
	margin: 0 0 10px 10px !important;
	display: inline;}
	
/* $CAPTIONS
------------------------------------------------------------ */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.wp-caption {
	text-align: center;
	background-color: #f6f6f3;
	padding-top: 3px;}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 3px 5px;
	margin: 0;}



/* $COMMENTS $WRITE
--------------------------------------------------------------------------- */
form#commentform {}

input.comment {
	height: 20px;
	width: 226px;
	padding: 2px 0 0 0;
	border: 2px solid #ccc;}
	
input.button {
	height: 26px;
	width: 62px;
	margin: 0 0 0 6px;
	border: 2px solid #ccc;}

label {
	padding: 2px 0 0 0;}

input.search:focus,
input.button:focus {
	border: 2px solid #666;}

textarea#comment {
	width: 592px;}


/* $COMMENTS $READ
--------------------------------------------------------------------------- */
.comment_header img {
	float: left;
	margin: 0 10px 0 0;}

.commentlist {
	text-align: justify;
	padding: 0;
	margin: 0 0 20px 0;}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, Sans-Serif;}

.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;}

#commentform p {
	font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	margin: 5px 0;}

.commentmetadata {
	font-weight: normal;}
	
.alt {
	margin: 0;
	padding: 10px;}

.nocomments {
	display: none;
	text-align: center;
	margin: 0;
	padding: 0;}

.commentmetadata {
	margin: 0;
	display: block;}

	
	
/* $CONTENT POST
--------------------------------------------------------------------------- */
.narrowcolumn {
	float: left;
	padding: 0 0 20px 20px;
	margin: 0px 0 0;
	width: 600px;}

.widecolumn {
	padding: 10px 0 20px ß;
	margin: 5px 0 0 20px;
	width: 600px;}
	
.navigation {
	display: block;
	font-style: italic;
	color: #666;
	margin: 20px 0 48px 0;}

.excerpt {
	font-size: 1.1em;
	color: #333;}

.post {
	text-align: left;
	margin: 0 0 28px 0;}
	
.post hr {
	display: block;}

.post h3 {
	margin: 0;}
	

.entry {}
.entry a {
	color: #222;
	text-decoration: underline;}
		

.widecolumn .post {
	margin: 0;}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;}


/* $POSTMETA
--------------------------------------------------------------------------- */
.postmetadata {
	clear: both;
	padding:0;
	margin:0 0 30px 0;
	background: url("images/bg_counter.gif") top left no-repeat;}
.postmetadata a {
	color:#222;}

.postmetatxt {
	clear: both;
	padding: 4px 0 4px 0;
	margin: 10px 0 0 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;}

.tags {
	padding: 20px 0 4px 0;}
	
.counter {
	float: left;
	font-size: 1.2em;
	text-align: center;
	width: 28px;
	height: 21px;
	margin: 0 10px 10px 6px;
	padding: 10px 0 0 0;
	display: inline;}
.counter a {
	color: #303030;
	background: none;}
.counter a:hover {
	color: #fff;
	text-decoration: none;}	



/* $LISTS $LISTEN
--------------------------------------------------------------------------- */
/* Special stylized non-IE bullets
Do not work in fuckin IE, which merely default to normal bullets. */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 18px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;}
html>body .entry li {
	margin: 0 0 4px 10px;}

.entry ul li {
	padding: 0 0 0 8px;
	list-style-type: disc;}

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

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





/* $EXTRAS
--------------------------------------------------------------------------- */
#banner a img, 
#sidebar a img {
	border: 0;}


/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
	
	
/* +++ PAGES EXTRAS +++ */
.day, .month {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #303030;}

.day {
	padding: 2px 2px 2px 4px;
	border-bottom:1px solid #ccc;
	background: #fafaf9;}
	
.month {	
	padding: 2px 4px 2px 2px;
	border-bottom:1px solid #ccc;
	background: #fafaf9;}
	

/* $CALENDER
--------------------------------------------------------------------------- */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;}

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

#wp-calendar caption {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',  Arial, Helvetica;
	text-align: center;}

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

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;}

#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;}

#wp-calendar caption {
	text-align: center;
	width: 100%;}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }