/*  
Theme Name: Amazing Development
Theme URI: http://amazing-development.com
Description: based on my older theme 'Psycho' angepasst
Version: 1.0
Author: Frank 'Psycho' Spychalski
Author URI: http://amazing-development.cm
*/

body {
	font-size: 10pt;
	font-family: "American Typewriter",Arial,Helvetica,sans-serif;
	/*font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;*/
	/*'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	color: black;
        background: #fdfdfd;
}

#header {
  position: relative;
  width: 100%;
  height: 130px;
  margin-bottom: 8px;

  font-weight: bold;
  text-transform: lowercase;
  background: url(images/header_lightning.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #22222a;
  border: 2px solid black;
}

#header a {
  position: absolute;
  right: 5%;
  top: 15%;
	
  font-size: 200%;
  font-family: 'Courier New', Courier, monospace;
  color: black;
}

#header div#description {
   position: absolute;
   right: 5%;
   top: 42%;
   font-size: 130%;
   font-family: 'Courier New', Courier, monospace;
   color: black;
}

h2.pagetitle {
  font-size: 100%;
  background: none;
  border: none;
}
#Ocontent {
  position: relative;
  width: 100%;
}

#content {
  width: 75%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1em;
}

#main-navigation {
        width: 75%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	}

#sidebar {
	position: absolute;
	top: 0%;
	right: 1%;
	width: 23%;
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;
	}

#footer {
	position: relative;
	padding: 20px 0px 20px 0px;
	left: 5%;
	width: 90%;
	clear: both;
	}

#footer p {
	text-align: center;
	}

.entry p {
	font-size: 1.05em;
	}

small {
	font-family: 'American Typewriter', Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, table caption {
	font-family: 'American Typewriter', Arial, Helvetica, Sans-Serif;
	}


h1 {
  margin: 0;
  font-size: 4em;
  text-align: center;
}

h2 {
  font-size: 1.1em;
}

.description {
  font-size: 1.2em;
  text-align: center;
}


h2.pagetitle {
	font-size: 1.3em;
	}

#sidebar h2 {
	font-family: 'American Typewriter', Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	}

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

h1, .description {
	color: #606060;
	}
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: black;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

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

a, a:hover  {
	color: black;
	text-decoration: underline;
	}
	

.entry {
  padding-left: 10px;
  padding-right: 10px;
}

.description {
  text-align: center;
}

h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}


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

p img {
  padding: 0;
  max-width: 100%;
}


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

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

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

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin-left: 0px;
	padding-left: 15px;
	}

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


ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#searchform {
	text-align: left;
	}

#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar h4 {
	text-align: center;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
  background-repeat: repeat-x;
  background-image: url(images/sidebar-header.png);
	
	border: 1px solid black;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#lastcomments ul li {
       margin-bottom: 4pt;
}


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

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

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

.alt {
	margin: 0;
	padding: 10px;
	}

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

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

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#blabla p {
	margin: 5px 0;
	}

.warning {
  color: red;
  font-size: 1.3em;
  
}

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

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

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

#wp-calendar #next a {
	font-size: 8pt;
	padding-right: 10px;
	text-align: right;
	background-color: #c8c8c8;
	}

#wp-calendar #prev a {
	font-size: 8pt;
	padding-left: 10px;
	text-align: left;
	background-color: #c8c8c8;
	}

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

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	width: 100%;
	background-color: #c8c8c8;
	}

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

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

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

acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	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;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	margin: 10px 0px 30px 0px;
	background-color: #c8c8c8;
	padding: 4px 4px 4px 4px;
	border: 1px solid black;
	}

/* psycho */
div.navigation a {
	font-weight:bold;
}

.framedl  {
             float: left;
             border: solid 4px #000000;
             margin-right: 5px;
             }

.framedr  {
             float: right;
             border:solid 4px #000000;
             margin-left: 5px;
             }
pre    {
	font: 1.1em 'Courier New', Courier, Fixed;

             background-color: #e8e8e8;
	     color: #000000;
             padding: 10px 10px 10px 10px;
	     border:solid 2px #c0c0c0;
             }


a.cl {
     text-decoration:none;
     font-size: 90%;
}
a.cl :before {
  	content:url(images/link.gif)" ";
	margin-right: -4px;
}

/* postbox */

.entry {
  border-top: 1px solid black;
  margin-bottom: 0px;
  line-height: 1.4em;
  
  background-repeat: repeat-x;
  background-image: url(images/post-background.png);
}


.post {
  background: #f8f8f8;
  border: 1px solid black;
  margin-bottom: 10px;
  text-align: justify;
  padding-bottom: 0px;
}


div.post h2 {
}

h2 {
  margin-bottom: -1px;
}

.subheading {
  font-size: 0.9em;
  font-style: italic;
  border-top: 1px solid black;
}

.postmetadata {
  padding-left: 1em;
  padding-bottom: 1em;
}

.subheader  {
  margin-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.postmetadata {
  text-align: justify;
  font-size: 90%;
}

div.postheader {
  background-color: #d8d8d8;
}


span.postheader :before {
  content:url(images/link.gif)" ";
  margin-right: -6px;
}

table.postheader {
 width: 100%;
}
div.pageheader {
  text-align: center;
  margin: 12px;
  font-size: 120%;
  font-weight: bold;
  color: black;
}


span.postheader {
  margin-left: 12px;
  font-size: 120%;
  font-weight: bold;
  color: black;
}

div.postheaderedit {
 float: right;
}

.post_cal {
  text-align: center;
  width: 50px;
  margin: 0 10px 5px 0;
}

.post_cal .dayname {
  background-color: #AA3511;
  border-bottom: 1px solid #A6A6A6;
  color: #FFFFFF;
  font-size: smaller;
  font-weight: bolder;
  width: 50px;;
}
	
.post_cal .daynum {
  border-bottom: 1px solid #A6A6A6;
  font-size: 200%;
  font-weight: bold;
  width: 50px;;
  background-color: white;
}
	
.post_cal .month, .post_cal .year {
  font-size: 90%;
  width: 50px;;
  background-color: white;
}

div.related {
  margin-top: 30px;
  margin-right: 40%;
  width:90%; 
  padding:10pt; 
  border:1px black solid; 
/*  font-weight:bold; */
  background-color: #e8e8e8;
}

textarea.code {
  width:95%;
  background-color: #e8e8e8;
  padding:5px;
}


/*
 for entries
*/
ol.compact li, ul.compact li{
  line-height: 1em;
  font-size: 0.8em;
  text-align: left;
}

h3.article {
  margin: 0 0 0 0;
  color: white;
  padding: 4px;
  width: 50%;
  background-color: #666666;
}

.inline, .inline li {
  display: inline;
}


.alignright {
  float: right;
  margin-left: 5px;
}
	
.alignleft {
  float: left;
  margin-right: 5px;
}


.commentlist li, #blabla input, #blabla textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
/* if a entry has more than a certain (5?) number of comments */
.smallcomment {
  font-size: 90%;
}

.commentlist li div.commenttext {
  min-height: 6em;
  padding: 5px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
.alt .commenttext {
  background: #f8f8f8;
}
.commentlist li div.commentator {
  background-repeat:no-repeat;
  background-image: url(images/speak_1.png);  
}
      
.commentlist li.alt div.commentator {
  background-image: url(images/speak_2.png);  
}	
		
div.author{
  padding-left: 70px;
  padding-top: 8px;  
}

#blabla p {
  font-family: 'American Typewriter', Arial, Helvetica, Sans-Serif;
}

.numberz {
  font: bold 6em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
  color: #dddddd;
  margin-left: 87%;
  width: 0px;
  height: 0px;
}

.ruby .comment {
  color : green;
}

.ruby .string {
  color : teal;
}

.ruby .methods {
  color : #FF8000;
}

.ruby .keyword {
  color : navy;
  font-weight: bold;
}

.ruby .global {
  color : blue;
}

.ruby .brackets {
  color : navy;
}


.java .comment {
  color : green;
}

.java .string {
  color : teal;
}

.java .methods {
  color : #FF8000;
}

.java .keyword {
  color : navy;
  font-weight: bold;
}

.java .global {
  color : blue;
}

.java .brackets {
  color : navy;
}

span.tip {
  font-size: 120%;
  font-weight: bold;
}

span.tip:before {
 content:"!";
 font-size: 200%;
 font-weight: bold;
 color:#ff8000;
}

span.mybm-desc {
  font-size: 80%;
  font-style: italic;
  
}

.transparent {
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

div.quote {
  margin-top: 2em;
}

div.quote div.from {
  font-style: italic;
  margin-left: 3em;
}