/*   
Theme Name: Dark Inventions
Theme URI: http://blog.kraeuterbruederchen.de
Description: A rather dark theme
Author: Timm Severin
Author URI: http://kraeuterbruederchen.de
Version: 0.96
*/

/*
	Roadmap:
	- add admin options menu
		- comment as popup
		- dimensions of popup
	- add header-pic and logo upload
	
	Changelog:
	- v0.91 27-10-2007:
		First edition tested with actually running wordpress installation
		Found some bugs and missing elements
	- v0.92 28-10-2007:
		+ added blockquote design
		+ added ul-li design, though there's no difference between first and second layer
		+ added diver-page.png, showing at the bottom of a static page instead of stonehenge
	- v0.93 28-10-2007
		+ added JavaScript to hide the navigation bar if it is empty
	- v0.94 29-10-2007
		+ added output of page menu to view page-childs and parents on a page
	- v0.95 30-10-2007
		+ show note that js is recommended
		+ show note if page is optimized for IE6
	- v0.96 26-06-2008
		+ added support for language files
		! changed default language to english
		+ added language: German
	- v0.96.1 17-10-2009
		! fixed .aligncenter-tag
*/


/*
	Used colors:
	- default background color: #171717
	- post font color: #adde63
	- link color: #808000
	- active link color: #a0a000
	- entry-title: #bdb76b
	Used Fonts:
	- body: calibri,tahoma,arial,verdana;
	- header: verdana, arial;
	- menu: "Trebuchet MS",Georgia;
	- entry-title: Georgia,lucida;
	- entry-text: Georgia;
*/

/*

##### Global Design #####

*/

body {
	background-color: #171717;
	color: #adde63;
	font-family: calibri,tahoma,arial,verdana;
}

a {
	text-decoration: none;
	color: #808000;
}

a:focus, a:active, a:hover {
	border-bottom-width: 1px;
	border-bottom-color: #a0522d;
	border-bottom-style: dotted;
	color: #a0a000;
}

a img {
	border: none;
}

blockquote {
	background-image: url(images/blockquote-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
	
	padding-left: 42px;
	margin-left: 8px;
}

div.entry ul {
	list-style-image: url(images/ul-trans.png);
}

.center, .aligncenter {
	text-align: center;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/*

##### Global-Design ENDE #####
#####  Header-Leiste #####

*/

div#header-bg div#header-bg-left {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 50px;
	display: block;
	background-color: #171717;
	
	z-index: 23;
}

div#header-bg div#header-bg-right {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 50px;
	width: 50px;
	display: block;
	background-color: #171717;
	
	z-index: 23;
}

div#header-bg div#header-bg-center {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 50px;
	width: 100%;
	display: block;
	background-color: #171717;
	
	z-index: 20;
}


div#header-bg div#header-center {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 50px;
	display: block;
	background-image: url(images/head-trans.png);
	background-repeat: repeat-x;
	background-position: center top;

	z-index: 22;
}

div#header-bg div#header-left {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50px;
	width: 100px;
	display: block;
	background-image: url(images/head_left-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	z-index: 24;
}

div#header-bg div#header-right {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50px;
	width: 100px;
	display: block;
	background-image: url(images/head_right-trans.png);
	background-repeat: no-repeat;
	background-position: right top;
	
	z-index: 24;
}

div#header-text {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 720px;
	height: 30px;
	display: block;
	margin-left: -360px;
	
	color: 	#cc4C00;
	text-align: right;
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: bold;
	
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 20px;
	z-index: 30;
}

/*

##### Header-Leiste ENDE #####
##### Header-Bild #####

*/

div#header-pic {
	position: absolute;
	left: 50%;
	top: 35px;
	width: 650px;
	height: 200px;
	margin-left: -375px;
	padding-left: 0px;
	padding-right: 0px;

	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	color: #005B5B;
	
	z-index: 24;
}

div#header-pic a#header-link {
	color: #005B5B;
	border: none;
}

div#header-pic div#header-border-bottom {
	position: absolute;
	bottom: 0px;
	left: 3px;
	width: 644px;
	height: 8px;
	display: block;
	background-image: url(images/head_bottom-trans.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}

div#header-pic h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 25px;
	
	display: block;
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
}

div#header-pic h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 25px;
	
	display: block;
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
}

/*

##### Header-Bild ENDE #####
##### Men� #####

*/

div#menu {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: 225px;
	display: block;
	width: 150px;
	min-height: 70px;
	background-image: url(images/menu_center-trans.png);
	background-repeat: repeat-y;
	background-position: bottom center;
	padding-top: 145px;
	
	font-family: "Trebuchet MS",Georgia;
	text-align: center;
	font-size: 13px;
	
	z-index: 25;
}

div#menu div#background-bottom {
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 150px;
	display: block;
	height: 100%;
	background-image: url(images/menu_bottom-trans.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#menu img#menu-pic {
	position: absolute;
	top: 10px;
	left: -30px;
}

div#menu div#menu-content {
	position: relative;
	
	width: 125px;
	margin-left: auto;
	margin-right: auto;
	z-index: 26;
	
	font-size: 12px;
	color: #a0a000;
}

div#menu div#menu-content ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;			
		
	text-align: left;
	
}

div#menu h2 {
	margin-bottom: 0;
	margin-top: 15px;
	
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: "verdana";
	color: #cc0;
}

div#menu h3 {
	margin-bottom: 0;
	margin-top: 5px;
	padding: 3px;
	padding-left: 20px;
	
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	font-family: "verdana";
	color: #cc0;
	background-color: #464646;
}

div#menu li.bookmark ul li {
	margin-left: 7px;	
}

/*

##### Men� ENDE #####
##### Rand Bebilderung #####

*/

div.border-left {
	position: absolute;
	left: -5px;
	top: 0px;
	height: 100%;
	width: 8px;
	background-image: url(images/content_border_left-trans.png);
	background-repeat: repeat-y;
	background-position: left top;
}

div.border-right {
	position: absolute;
	right: -5px;
	top: 0px;
	height: 100%;
	width: 8px;
	background-image: url(images/content_border_right-trans.png);
	background-repeat: repeat-y;
	background-position: left top;
}

/*

##### Rand Bebilderung Ende #####
##### Inhalt #####

*/

div#content {
	position: absolute;
	left: 50%;
	top: 235px;
	width: 700px;
	margin-left: -375px;
	display: block;
	padding-left: 20px;
	padding-bottom: 50px;
	padding-top: 10px;
	background-color: #313131;
	
	z-index: 20;
}

div#content div#text {
	width: 580px;
	overflow: hidden;
}

div#content div.navigation {
	width: 570px;
	height: 20px;
	
	font-size: 13px;
}

div#content div.navigation div.left {
	float: left;
}

div#content div.navigation div.right {
	float: right;
}

p.wp-caption-text {
	font-size: 10px;
	text-align: center;
	margin: 1px;
}

/*

##### Inhalt Ende #####
##### Footer #####

*/

div#footer {
	position: absolute;
	bottom: 0px;
	left: 50%;
	height: 50px;
	width: 400px;
	margin-left: -200px;
	display: block;
	
	background-image: url(images/footer-trans.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	
	text-align: center;
	font-family: arial,verdana;
	font-style: italic;
	font-size: 10px;
	color: #bb3b00;
	
	z-index: 25;
}

div#footer span#end {
	margin-top: 20px;
	display: block;
}

div#footer a {
	color: #660;
	text-decoration: none;
}

div#footer a:hover, div#footer a:active, div#footer a:focus {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff0000;
}

/*

##### Footer Ende #####
##### Texte #####

*/

div.entry div.entry-head {
	padding-top: 5px;
	
	background-image: url(images/sunrise-trans.png);
	background-repeat: no-repeat;
	background-position: center left;
	
	position: relative;
}

div.entry div.entry-head span.entry-time-span {
	position: absolute;
	bottom: 5px;
	left: 0px;
	
	font-size: 11px;
	text-align: center;
	color: #a0a000;
}

div.entry div.entry-head span.entry-edit-link {
	position: absolute;
	right: 5px;
	bottom: 5px;
	
	font-size: 12px;
}

div.entry div.entry-head span.entry-edit-link a {
	border: none;
}

div.entry div.entry-title {
	width: 500px;
	padding-left: 5px;
	margin: 0;
	margin-left: 65px;
	
	color: #BDB76B;
	font-size: 30px;
	text-align: left;
	font-family: Georgia,lucida;
}

div.entry div.entry-title a {
	color: #BDB76B;
	border: none;
}

div.entry div.entry-title a:hover, div.entry div.entry-title a:active, div.entry div.entry-title a:focus {
	color: #BDB76B;
	border: none;
}

div.entry div.entry-subtext {
	height: 20px;
	
	margin-left: 75px;
	
	font-family: georgia;
	font-size: 12px;
	text-align: left;
}

div.entry hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #696969;
	border-right-style: none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #696969;
	border-left-style: none;
	background-color: transparent;
	margin: 0;
	clear: both;
}

div.entry {
	padding-bottom: 30px;
	background-image: url(images/divider-trans.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

div.entry div.entry-text {
	font-family: Georgia;
	font-size: 15px;
	line-height: 20px;
}

div.entry div.entry-text a.more-link {
	display: block;
	width: 30px;
	height: 17px;
	margin-top: 10px;
	margin-left: 10px;
	
	overflow: visible;
	white-space: nowrap;
}

/*

##### Texte Ende #####
##### Beitr�ge #####

*/

div.page {
	padding-bottom: 45px;
	background-image: url(images/divider-page-trans.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

div.page h2 {
	width: 560px;
	margin: 0;
	
	color: #BDB76B;
	text-align: center;
	font-size: 30px;
	font-family: Georgia,lucida;
}

div.page div.page-text {
	font-family: Georgia;
	font-size: 15px;
	line-height: 20px;
}

div.page p.page-edit-link {
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 560px;
	text-align: center;
}

div.page p.page-edit-link a {
	border: none;
}

div.page-menu ul {
	list-style-type: none;
}

div.page-menu ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;

	background-color: #474747;
}

div.page-menu ul li:hover {
	background-color: #575757;
}

div.page-menu ul li a {
	white-space: nowrap;
	border: none;
}

div.page-menu p {
	margin: 4px;
	color: #bbbb00;
}

div.page-menu {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}

div#page-menu-child {
	width: 580px;
}

div#page-menu-parent {
	text-align: right;
	padding-right: 20px;
}

div#page-menu-parent ul li {
	margin-right: 10px;
}

/*

##### Beitr�ge Ende #####
##### Kommentare #####

*/

div.comments {
	margin-bottom: 15px;
	
}

div.comments h5 {
	color: #808000;
	font-size: 15px;
	font-family: Georgia,lucida;
	
	margin: 0px;
	padding: 3px;
}

div.comments p.comment-meta {
	margin: 0;
	font-size: 12px;
}

div.comments div.alt {
	background-color: #373737;
	
	border-top: 1px solid #404040;
	border-bottom: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
}

div.comments div {
	background-color: #2c2c2c;
	
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #252525;
	border-right: 1px solid #252525;
}

div.comments div.comment-div {
	width: 560px;
	padding: 5px;
	
	border-left: 3px double #171717;
	
	margin-bottom: 3px;
}

div.comments form#commentform textarea#comment {
	width: 500px;
	height: 200px;
	line-height: 14px;
	font-size: 12px;
	
	padding: 3px;
	
	background-color: #555555;
	border: none;
}

div.comments form#commentform input {
	padding: 3px;
	width: 150px;
	height: 16px;
	line-height: 14px;
	font-size: 12px;
	
	background-color: #555555;
	border: none;
}

div.comments form#commentform input[type=submit] {
	width: 100px;
	height: 25px;
	margin: 0 auto;
	
	font-size: 13px;
}

/*
## Kommentar-Popup ##
*/

div.comments-popup {
	margin-bottom: 15px;
	
}

div.comments-popup h5 {
	color: #808000;
	font-size: 15px;
	font-family: Georgia,lucida;
	
	margin: 0px;
	padding: 3px;
}

div.comments-popup p.comment-meta {
	margin: 0;
	font-size: 12px;
}

div.comments-popup div.alt {
	background-color: #373737;
}

div.comments-popup div {
	background-color: #2c2c2c;
}

div.comments-popup div.comment-div {
	padding: 5px;	
	margin-bottom: 3px;
}

div.comments-popup textarea#comment {
	width: 90%;
	height: 100px;
	line-height: 13px;
	font-size: 11px;
	
	padding: 3px;
	
	background-color: #555555;
	border: none;
}

div.comments-popup input {
	padding: 3px;
	width: 150px;
	height: 14px;
	line-height: 12px;
	font-size: 10px;
	
	background-color: #555555;
	border: none;
}

div.comments-popup input[type=submit] {
	width: 100px;
	height: 20px;
	margin: 0 auto;
	
	font-size: 11px;
}