/*  
Theme Name: DocMorris Blog
Theme URI: http://www.docmorris-blog.de/
Description: Design für DocMorris für das WordPress CMS System
Version: 1.0
Author: elephant seven West GmbH, Tim Adler
Author URI: http://www.e-7.com
*/

/*
	Screen-Styles for the DocMorris Blog
	2006 by elephant seven GmbH, Tim Adler
	www.e-7.com
	www.tim-adler.com
*/

/* Tag-redefinitions */
* {
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
}
html {
	background-color: white;
	width: 100%;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;
	padding: 0 16px 8px 16px;
}
p {
	margin-bottom: 1em;
}
input, select, textarea {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f7e2;
	border: 1px solid #989f8a;
	padding: 2px;
}
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	margin-left: 16px;
	list-style: square;
	color: #666;
}
ul li {
	list-style: square;
}
ol {
	margin-left: 24px;
	color: #666;
}


/* IDs, Classes, Selectors */

/* Grundlegendes Layout */
#header {
	height: 100px;
	background-image: url(images/header-back.gif);
	background-repeat: repeat-x;
	background-position:  bottom;
	position: relative;
	margin-bottom: 50px;
}
#footer {
	height: 24px;
	position: relative;
	clear: both;
	font-size: 0.8em;
	background-image: url(images/footer-back.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
#wrapper {
	position: relative;
	width: 99%;
	overflow: visible;
	padding-bottom: 20px; 
}
#left-column {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 220px;
  padding: 0 12px 0 12px;
}
#right-column {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 220px;
  padding: 0 12px 0 12px;  
  color: #666666;
}
#content {
	position: relative;
	margin-left: 244px;
	margin-right: 244px;
	padding: 0px 21px 70px 21px;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #cccccc;
	height: auto !important;
	min-height: 930px;
	height: 930px;
	margin-bottom: 25px;
}

/* Speziellere Definitionen */
#header h1.logo {
  background-image:url(images/docmorris-logo.jpg);
  height: 60px;
  width: 304px;
  overflow: hidden;
  text-indent: -999px;	
  position: absolute;
  top: 12px;
  left: 0px;
  cursor: pointer;
}
#header h2.claim {
  background-image: url(images/blog-claim.gif);
  height: 14px;
  width: 301px;
  overflow: hidden;
  text-indent: -999px;	
  position: relative;
  left: 50%;
  top: 63px;
  margin-left: -168.5px;
}
#header img.company-logo {
	position: absolute;
	right: 20px;
	top: 54px;
}
#search {
	position:absolute;
	right: -1px;
	top: 39px;
	font-size: 0.9em;
	background-image: url(images/header-right-edge.gif);
	height: 36px;
	background-position: bottom right;
	padding: 25px 26px 0 0;
}
#search button {
	background-image: url(images/arrow.gif);
	background-position: left center;
	background-color: transparent;
	padding-left: 3px;
	margin-left: 5px;
	border: none;
	color: white;
	font-weight: bold;
	font-size: 0.9em;	
}
#menu {
	position: absolute;
	right: 21px;
	top: 16px;
	list-style: none;
	font-size: 0.8em;
}
#menu li {
	list-style: none;
	display: inline;
}
#menu li a {
	color: #666;
	padding: 0 6px 0 6px;
	text-decoration: none;
}
#menu li a:hover {
	color: #999;
}
#menu li a:active {
	color: #99CC33;
}
#left-column, #right-column {
	font-size: 0.85em;
}
#left-column h3, #right-column h3 {
	color: #666666;
	border-bottom: 1px solid #99CC33;
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-size: 1.5em;
}
#left-column ul li, #right-column ul li {
	margin-bottom: 5px;
}
#left-column ul li a, #right-column ul li a{
	color: #666;
}
#left-column ul li a:hover, #right-column ul li a:hover{
	color: #999;
}
#left-column ul li a:active, #right-column ul li a:active{
	color: #99CC33;
}
#left-column ul li.more, #right-column ul li.more {
	margin-top: 5px;
}
#left-column ul li.more a, #right-column ul li.more a{
	font-weight: bold;
}
#left-column div.box, #right-column div.box{
	margin-bottom: 30px;
}
#left-column ol {
	font-weight: bold;	
}
#left-column ol li span{
	font-weight: normal;	
}
img.left {
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}
ul.blank {
	margin: 0;
	list-style: none;
}
ul.blank li {
	list-style: none;
}
span.date {
	color: #999;
	font-size: 0.9em;
}
#content h1, #content h1 a {
	color: #666;
	margin: 10px 0 12px 0;
	text-decoration:  none;
}
#content h2, #content h2 a {
	color: #666;	
	margin: 8px 0 10px 0;
	text-decoration:  none;	
}
#content h3, #content h3 a {
	color: #666;	
	margin: 6px 0 8px 0;
	text-decoration:  none;	
}
#content a {
	color: #3f6a20;
}
#content a:hover {
	color: #5e9d31;
}
#content a:active {
	color: #2d4b17;
}
#tagcloud a {
	color: #98C92B;
}
#tagcloud a:hover {
	color: #C6E583;
}
#tagcloud a:active {
	color: #6D911F;
}
#content div.box {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 1px solid #999;
}
#content div.box div.post-meta {
	color: #999;
	font-size: 0.85em;
	clear: both;
	margin-top: 20px;
}
#content div.box div.post-meta a {
	color: #999;
}
#content div.box div.post-meta a:hover {
	color: #bbb;
}
#content div.box div.post-meta a:active {
	color: #99CC33;
}
#content div.box div.post-meta span.new-indicator, #content #comments span.new-indicator {
	position: static;
	display: inline;
	background-image: url(images/neu_kl.gif);
	background-position: left 5px;
	padding-left: 30px;
}
#content div.box div.post-meta span.new-indicator-alt {
	position: static;
	display: inline;
	background-image: url(images/neu_kl.gif);
		background-position: right 4px;
	padding-right: 30px;
}
#content div.box span.new-indicator {
	background-image: url(images/neu_gr.jpg);
	background-position: left 1px;
	padding-left: 44px;
	height: 16px;
}
#comments {
	color: #666;
}
#comments div.form {
	margin-top: 10px;
}
#comments div.form h3 {
	color: #3f6a20;
}
#comments div.form label {
	display: block;
}
#comments div.form input {
	width: 200px;
}
#comments div.form textarea {
	width: 100%;
}
#comments div.form input.button {
	width: auto;
	background-color: #3f6a20;
	color: white;
	border: 2px outset #99CC33;
}
#comments ol.list {
	margin-left: 0;
	list-style: none;	
}
#comments ol.list li {
	position: relative;
	background-color: #F0F7E2;
	padding: 10px;
	margin-bottom: 10px;
	clear: both;
	min-height: 94px;
	list-style: none;
	overflow: hidden;
}
#comments ol.list li.author {
	background-color: #99CC33;	
}
#comments ol.list li.author div.head, #comments ol.list li.author div.text {
	color: white;
}
#comments ol.list li.author span.date {
	color: #eaeaea;
}
div.gravatar {
	position: relative;
	background-image: url(images/gravatar-back-white.gif);
	width: 76px;
	height: 76px;
	float: left;
	padding: 6px 8px 8px 6px;
	z-index: 99;
}
#comments ol.list li div.gravatar {
	background-image: url(images/gravatar-back-gray.gif);	
}
#comments ol.list li.author div.gravatar {
	background-image: url(images/gravatar-back-green.gif);	
}
div.previous {
	display: inline;
	float: left;
}
div.next {
	display: inline;
	float: right;
}
ul.author-more {
	clear: both;
}
#footer div.wrapper {
	background-image: url(images/footer-right-edge.gif);
	background-position: right bottom;
	height: 24px;
}
#footer ul {
	list-style: none;
	margin: 0;
	background-image: url(images/footer-left-edge.gif);
	background-position: left bottom;
	height: 24px;
	padding: 0 0 0 240px;
}
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;	
}
#footer li a {
	color: #fff;
}
#footer li a:hover {
	color: #eee;
}
#footer li a:active {
	color: #ccc;
}
#searchbox div.form-elements {
	float: right;
	height: 29px;
	margin: 6px 0 6px 0;
}
#searchbox label, #searchbox input, #searchbox button {
	float: left;
}
#searchbox label {
	margin: 3px 3px 0 0;
	font-weight: bold;
}
#searchbox button {
	margin-top: 3px !important;
	margin-top: 6px;
}
.clear-fix {
	clear: both;
}
#secureimgdiv {
	margin-top: 1em;
}
#secureimgdiv p {
	margin: 0;
}
#content span.date {
	font-size: 0.85em;
}
#content img {
	margin: 0 8px 0 8px;
}
#content img[align=left]{
	margin: 0 8px 0 0;
}
#content img[align=right]{
	margin: 0 0 8px;
}

#content ul {
	margin: 0 0 1em 14px;
	color: #333;
}
#content div.gravatar img {
	margin: 0;
}
#flickr {
	margin: 0;
	width: 100%;
}
#flickr a {
	display: block;
	background-image: url(images/flickr-back-white.gif);
	width: 89px;
	height: 89px;
	padding: 6px 8px 8px 6px;
	float: left;
}
form.commentsorting {
	float: right;
	font-size: 0.8em;
	padding-top: 8px;
}
form.commentsorting *.commentsort {
	display: block;
	_display: auto;
	height: 16px;
	overflow: hidden;
	padding-left: 20px;
}
form.commentsorting *.asc {
	background-image: url(images/comment-sort-asc.gif);
}
form.commentsorting *.desc {
	background-image: url(images/comment-sort-desc.gif);
}
p.antispamfield {
	display: none;
}