/*
Theme Name: Insomniac (Derivative)
Description: A theme by Benedikt Rieke-Benninghaus with modifications by Tianon.
Version: 1.1
Author: Tianon & Benedikt Rieke-Benninghaus
Author URI: http://english.benediktrb.de
*/
	/* ------------------------------------------------------------------------------------------------ Colors */
	/*
	Hintergrundfarbe: 13161A
	Kopf- und Fussbereich: 191E24
	Navigation: 1A1F28
	Links(gruene): 8AC424
	Links(blau): 1581CA
	Schriftfarbe: C7C5C5

Inspiration: http://orderedlist.com/

*/
	/* ------------------------------------------------------------------------------- Definitions */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* this is kind of awkward, but if they've added a "title" attribute, give them a cookie */
[title] {
	border-bottom: 1px dotted #999;
}

body {
	margin: 0;
	padding: 0;
	background: #13161A;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #C7C5C5;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #4186B3;
}

a:link, a:visited {
	color: #8AC424;
	text-decoration: none;
}

a:hover, a:active {
	color: #A1DE35;
	text-decoration: none;
}

p, ul, ol {
	line-height: 23px;
}

ol, ul {
	list-style-type: none;
}

input, button, textarea {
	padding: .2em;
	border: 1px inset #43464A;
	color: #B4E468;
	background-color: #242B33;
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
/*
to add an "image" to your button, add something like (via class or id):
	background-image: url(images/search.png);
	padding-left: 20px;
*/

input[type=submit], input[type=reset], input[type=button], button {
	border-style: outset;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active {
	border-style: inset;
}

.error {
	/* pretty looking error messages */
	background-color: #600;
	border: 1px solid #999;
	margin: 5px;
	padding: 5px;
}

/* -------------------------------------------------------------------------------- Containerproperties */
#topline {
	background: #90B852 url(images/top_bg.jpg) repeat-x top left;
	height: 11px;
	width: 100%;
	border-bottom: 2px solid #252D37;
}

#header {
	background: #191E24 url(images/logo_bg.png) no-repeat 3px 50%;
	height: 100px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#menu {
	background: #191E24;
	width: 100%;
	text-align: right;
	border-bottom: 2px solid #2B2E31;
}

#wrap {
	margin: 15px;
	margin-right: auto;
	padding: 0;
	/*width: 95%;*/
}

#content {
/*	float: left;	*/
	width: 75%;
}

#firstnew {
	padding: 6px;
	margin: 0;
}

#navigation {
	float: right;
	background: #1A1F28;
	margin: 8px 8px 8px 0px;
	padding: 10px;
	width: 20%;
	line-height: 1.5em;
	border-right: 5px solid #596171;
}

#footer {
	margin: 15px 0 0 0;
	padding: 4px;
	background: #191E24;
	border-top: 2px solid #2B2E31;
}

/* ------------------------------------------------------------------------------------------- Header */
#header h1 {
	position: absolute;
	left: 80px;
	top: 60px;
	height: 35px;
	width: 450px;
	padding-left: 12px;
	border-left: 2px solid #89CF19;
}

#header .logo {
	padding: 1px;
	margin: 2px;
	height: 25px;
	border: 1px solid #1A3;
	background-color: #666;
	vertical-align: -0.25em;
}

#header h2 {
	position: absolute;
	left: 100px;
	top: 100px;
	/*	height: 35px;	*/
	width: 430px;
	font-size: 85%;
	padding-left: 12px;
	/*	border-left: 1px solid #89CF19;	*/
}

.search {
	float: right;
	clear: both;
	padding-top: 50px;
	margin-top: 10px;
	margin-right: 5px;
	background-color: #191E24;
}

.search input {
	margin-left: 100px;
	font-size: 75%;
	border-color: #13161A;
}
.search input[type=text] {
	background-image: url(images/search_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	width: 210px;
}

.search input[type=submit] {
	background-image: url(images/search.png);
	padding-left: 20px;
}

.searchresults {
	background-image: url(images/search_results.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 20px;
}

#menu ul {
	padding: 0.45em 3em;
}

#menu li {
	display: inline;
}

#menu li a {
	padding: 0.45em .80em;
	padding-bottom: 0.70em;
	border: 2px solid #2B2E31;
	background: #2F3741;
	color: #ffffff;
}

#menu li.current_page_item a {
	font-weight: bold;
	background: #567;
}

#menu li a:hover {
	padding-bottom: 0.70em;
	background: #13161A;
	border: 2px solid #2B2E31;
	border-bottom: none;
}

/* ------------------------------------------------------------------------------------- right Sidebar */
#navigation h2 {
	margin: 5px 0 8px 0;
	padding: 0 0 4px 0;
	color: #B4E468;
	font-size: 20px;
	border-bottom: 2px solid #29303A;
}

#navigation ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#navigation li {
	list-style: none;
}

#navigation ul.children {
	padding-left: 10px;
	margin: 0;
}

#navigation ul li a {
	margin: 0;
	padding: 4px 0 4px 30px;
	background: transparent url(images/bull.png) no-repeat 10px 50%;
	display: block;
	color: #0099FF;
	text-decoration: none;
	border-bottom: 1px dotted #2F3741;
}

#navigation ul li a:hover {
	background-color: #171B20;
	color: #3EABF4;
}

#navigation .rss a {
	background: transparent url(images/feed.png) no-repeat 10px 50%;
}

/* --------------------------------------------------------------------------------------- Content Area */
.article {
	margin: 35px 0 0 0;
}

.firstpost {
	margin: 0px;
}

.newpost h2 a {
	padding-right: 30px;
	background-image: url(images/new.png);
	background-repeat: no-repeat;
	background-position: right 50%;
}

.article h2, .article h3, .article h4, .article h5 {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	font-size: 22px;
	font-family: Georga, sans-serif;
	border-bottom: 2px solid #2B2E31;
	background: transparent url(images/logo_16.png) no-repeat 0 50%;
}

.article h3, .article h4, .article h5 {
	margin-top: 15px;
}

.article h3 {
	font-size: 18px;
	background-image: none;
	padding-left: 10px;
}

.article h4 {
	font-size: 16px;
	background-image: none;
	padding-left: 20px;
}

.article h5 {
	font-size: 14px;
	background-image: none;
	padding-left: 30px;
}

.article h2 a:link,.article h2 a:visited {
	color: #1581CA;
	text-decoration: none;
}

.article a:hover, .article a:active {
	color: #4AAFF4;
	text-decoration: none;
}

.firstpost h2 {
	background-image: url(images/logo_16_gr.png);
	color: #A0CF56;
}

.firstpost h2 a:link, .firstpost h2 a:visited {
	color: #B0DF66;
}

.article h2 a:hover, .article h2 a:active {
	color: #15CAFF;
}

.aboutauthor {
	margin-top: 2em;
}
.aboutauthor h3 {
	font-size: 18px;
	color: #9F3942;
	background: transparent url(images/author.png) no-repeat 8px 50%;
	padding-left: 30px;
	border-bottom: 1px solid #2B2E31;
}
.aboutauthor .description {
	font-style: italic;
	padding-top: 10px;
	padding-left: 30px;
}

#content .thecontent {
/*	margin: 15px 0 0 0;	*/
}

#content blockquote {
	padding: 5px;
	margin: 5px 5px 5px 20px;
	background: #525D6B;
	border-left: 4px solid #2F3741;
}

#content code {
	margin: 5px 5px 5px 20px;
	padding: 5px;
	display: block;
	background: #525D6B;
	border-left: 4px solid #2F3741;
	overflow: auto;
}

.searcherg {
	padding: 5px;
	margin: 5px 5px 5px 20px;
	background: #525D6B;
	border-left: 4px solid #2F3741;
}

/* ----------------------------------------------------------------------------------------- Content Icons */
.time {
	padding: 0 0 0 26px;
	background: url(images/time.png) no-repeat 5px 50%;
}

/**/

.trackback {
	padding: 0 0 0 29px;
	background: url(images/trackback.png) no-repeat 10px 50%;
}

.comment_container.trackback, .comment_container.pingback {
	font-size: 50%;
}

/**/

.filed, .edit a, .more-link {
	display: block;
	margin: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 3px 10px 3px 40px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.edit a, .more-link {
	font-weight: bold;
}
.filed {
	background-image: url(images/folder_filed.png);
	background-color: #1A1F28;
}
.edit a {
	background-image: url(images/edit.png);
	background-color: #151A23;
	border: none;
}
.comment_container .edit a {
	background-image: url(images/comment_edit.png);
}
.more-link {
	background-image: url(images/readmore.png);
	background-color: #10151E;
}
/**/
.edit a:hover, .more-link:hover {
	color: #4AAFF4;
	background-color: #4A4F58;
}

/**/

.com_rss {
	padding: 0 0 0 30px;
	background: url(images/feed.png) no-repeat 10px 50%;
}

.comments {
	margin: 0 0 0 30px;
	padding: 0 0 0 24px;
	background: url(images/comments.png) no-repeat 0 50%;
}

.comment_add {
	padding-left: 24px;
	background: url(images/comment_add.png) no-repeat 0 50%;
}

/**/

.related {
	padding: 0 0 0 24px;
	background: url(images/related.png) no-repeat 0 0;
}

/**/

.thecontent {
/*	margin: 15px 0 0 0;	*/
	margin: 1em;
}

/**/

.spacer {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(images/spacer.jpg) repeat-x 0 0;
	height: 7px;
	width: 100%;
}

.trenner {
	margin: 10px 0 0 0;
	background: url(images/trenner.jpg) repeat-x 0 0;
	height: 4px;
	width: 100%;
}

/* ------------------------------------------------------------------------------------- Comment Area */
.comment {
	margin: 40px 0 0 0;
}

.comment h3 {
	padding: 0 0 0 24px;
	background: url(images/comments.png) no-repeat bottom left;
	border-bottom: 1px solid #525D6B;
}

.comment h4 {
	margin: 15px 0 10px 0;
	padding: 0 0 0 5px;
	font-size: 18px;
	border-bottom: 1px solid #525D6B;
}

.service {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #1A1F28;
	font-weight: bold;
}

.comment textarea {
	width: 80%;
	height: 150px;
}

/*
.comment input,textarea {
	margin: 2px;
	padding: 4px;
	background: #1A1F28;
	color: #BFBFBF;
	border: 2px solid #29303A;
}

.comment input:focus,.comment textarea:focus {
	background: #29303C;
}

.comment input[type=submit] {
	font-weight: bold;
}
*/

.comment ol.commentlist {
	margin: 5px;
	padding: 10px;
	list-style-type: none;
}

.comment ol.commentlist li {
	margin: 7px;
	padding: 10px;
}

.commenter {
	padding: 4px 0 2px 6px;
	margin: 5px 0 5px 5px;
	background: #1A1F28;
	border-bottom: 1px dotted #3C4553;
}

.commenter .author {
	padding-left: 30px;
	background-image: url(images/commenter.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------------------------------------------ Footer */
#footer p {
	font-size: 11px;
	text-align: center;
	color: #F3F8F2;
}

/* ------------------------------------------------------------------------------------------------------- */
#wp-calendar {
	font-family: monospace;
	width: 90%;
	text-align: center;
	font-size: 120%;
}

#wp-calendar td {
	border: 1px dotted #999;
}

#wp-calendar td.pad {
	border: 0px;
}

#recentcomments .recentcomments {
	display: block;
	padding: 4px 0 4px 30px;
	background: transparent url(images/bull.png) no-repeat 10px 50%;
	font-size: 80%;
}

#recentcomments .recentcomments a {
	display: inline;
	background-image: none;
	padding: 0px;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}

/* 
 * 
 * Code Highlighting Styles
 * 
 */
.hl-main.php {
	background-image: url(images/lang_logos/php.png);
}

.hl-main.perl {
	background-image: url(images/lang_logos/perl.png);
}
.hl-main.javascript {
	background-image: url(images/lang_logos/javascript.png);
}
.hl-main.mysql {
	background-image: url(images/lang_logos/mysql.png);
}
.hl-main.html {
	background-image: url(images/lang_logos/html.png);
}
.hl-main.xhtml {
	background-image: url(images/lang_logos/xhtml.png);
}
.hl-main.java {
	background-image: url(images/lang_logos/java.png);
}

.hl-main {
	color: #000;
	background-color: #DDD;
	background-repeat: no-repeat;
/*	background-position: bottom right;	*/
	background-position: 98% 98%;
	border-left: 4px solid #AAA;
	line-height: normal;
	padding: 3px;
	margin: 0.5em;
}

.hl-main pre {
	overflow: auto;
	max-height: 40em;
}

.hl-main.fulltext pre {
	max-height: none;
}

.hl-main.wrap pre {
	overflow: visible;
	white-space: normal;
}

.hl-default {
	color: Black;
}

/*
comment: rgb(0,179,0)
brackets: rgb(255,128,0)
strings: rgb(255,0,255)
identifier: rgb(147,0,73)
*/
.hl-code { /* operators */
	color: rgb(0,128,192);
}

.hl-brackets {
	color: rgb(255, 128, 0);
}

.hl-comment, .hl-mlcomment {
	color: rgb(0, 179, 0);
}

.hl-comment { /* mutli-line comment shouldn't be italics */
	font-style: italic;
}

.hl-quotes {
	color: maroon; /* Darkred */
}

.hl-string {
	color: rgb(255, 0, 255);
}

.hl-identifier {
	color: rgb(147, 0, 73);
}

.hl-builtin {
	color: Teal;
}

.hl-reserved {
	color: Green;
}

.hl-inlinedoc {
	color: Blue;
}

.hl-var {
	color: navy; /* Darkblue */
}

.hl-url {
	color: Blue;
}

.hl-special {
	color: Navy;
}

.hl-number {
	color: Maroon;
}

.hl-inlinetags {
	color: Blue;
}

.hl-gutter {
	background-color: #999999;
	color: White;
}

.hl-table {
	font-family: courier;
	font-size: 12px;
	border: solid 1px #CCC; /* Lightgray */
}