/*  
Theme Name: Michito Theme
Theme URI: 
Description: Nice!
Version: 0.5
Author: Mischa König
Author URI: 
*/

body {
  margin:		0px;
  padding:		0px;
  background:		#2F2F2F url("images/body_BG.jpg") top left no-repeat;
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		11px;
  color:		#404040;
}

#PageWrapper {
  margin-top:		40px;
  max-width:		837px;
}

#PageShadow {
  margin:		0px 0px 0px 0px;
  width:		787px;
  background:		transparent url("images/PageShadow.png") top left repeat-y;
  float:		right;
}

#Page {
  margin:		0px 0px 0px 10px;
  padding:		10px 0px 0px 0px;
  width:		765px;
  background:		#ffffff/* url("images/Sidebar_BG.png") top right repeat-y*/;
/*border-left:		1px solid #2f2f2f;
  border-right:		1px solid #2f2f2f;*/
}

#Header {
  height:		80px;
  background:		/*#252525*/transparent;
}
#Header h1 {
  margin:		0px;
  padding:		0px;
}
#Header h1 a {
  display:		block;
  height:		42px;
  font-size:		22px;
  color:		#ffffff;
  margin:		px 0px 0px 0px;
  padding:		38px 0px 0px 125px;
  background:		url("images/deer_logo.gif") top left no-repeat;
  background-position:	70px 20px;
}
#Header a:hover {
  text-decoration:	none;
}
#Header h1 a:hover {
  color:		#ffffff;
  text-decoration:	none;
/*background:		url("images/deer_logo_hover.gif") top left no-repeat;
  background-position:	70px 15px;*/
}
.description {
  font-size:		11px;
  font-weight:		normal;
  margin:		0px 0px 0px 10px;
  padding:		0px 0px 0px 0px;
}
#Header a span.description {
  color:		#ffffff;
}

#HeaderShadow {
  display:		none;
  position:		absolute;
  top:			50px;
  height:		4px;
  width:		100%;
  background:		url("images/HeaderShadow.png") top left repeat-x;
  border: 1px solid red;
}

#Image {
  height:		240px;
  margin:		0px 10px 0px 10px;
  background:		#ffffff url("images/Image_2.png") top left no-repeat;
  padding-bottom:	10px;
  /*display:		none;*/
}
#ImageContent {
  height:		80px;
  margin:		0px 10px 0px 10px;
  background:		#ffffff url("images/Image_3.png") top left no-repeat;
  padding-bottom:	10px;
  /*display:		none;*/
}
#ImageContent a {
  display:			block;
  height:			80px;
  text-indent:		-2000px;
}

#Content {
  float:		left;
  width:		510px;
  min-height:		400px;
  margin:		20px 0px 25px 0px;
  display:		inline;
}

#Sidebar {
  float:		right;
  width:		196px;
  margin:		20px 10px 0px 0px;
  padding:		0px 0px 0px 15px;
  display:		inline;
}

#Footer {
  height:		150px;
  background:		url("images/FooterBG.gif") top left no-repeat;
  font-size:		11px;
  color:		#767676;
  clear:		both;
}
#Footer a {
  color:		#767676;
  text-decoration:	none;
}
#FooterLeft {
  margin:		125px 0px 0px 10px;
  float:		left;
}
#FooterRight {
  margin:		125px 10px 0px 0px;
  float:		right;
}

h2 {
  margin:		3px 0px 0px 0px;
  font-size:		18px;
  letter-spacing:	-1px;
}
h2 a {
  color:		#3b3b3b;
  text-decoration:	none;
}
h2 a:hover {
  color:		#3b3b3b;
  text-decoration:	none;
}
h3 {
  font-size:		14px;
  letter-spacing:	-1px;
  margin:		0px 0px 10px 0px;
}
#Sidebar h3 {
  letter-spacing:	0px;
}

h2.pagetitle {
  margin:		0px 0px 20px 60px;
}

#Page #Widecolumn .Page h2 {
  margin-bottom:	40px;
}

.Post {
  margin-bottom:	35px;
}
#Widecolumn {
  min-height:		400px;
  margin:		20px 0px 25px 0px;
}

.PostContent {
  margin:		0px 0px 0px 60px;
}
#Widecolumn .PostContent {
  margin:		0px 120px 0px 120px;
}

.PostDate {
  float:		left;
  width:		45px;
  margin:		0px 0px 0px 0px;
}
.Day {
  display:		block;
  font-size:		17px;
  font-weight:		bold;
  text-align:		right;
  height:		22px;
  color:		#ffffff;
  background:		#373737;
  padding:		3px 5px 0px 0px;
}
.MonthYear {
  display:		block;
  font-size:		11px;
  line-height:		11px;
  color:		#ffffff;
  text-align:		right;
  background:		#5a5a5a;
  padding:		3px 5px 3px 0px;
}
.Time {
  display:		block;
  font-size:		10px;
  line-height:		11px;
  color:		#adadad;
  text-align:		right;
  padding:		3px 5px 3px 0px;
}
.postmeta {
  margin:		3px 0px 15px 0px;
  font-size:		11px;
  padding-left:		22px;
  background:		url("images/Cat.png") top left no-repeat;
  background-position:	1px 1px;
}
.postmetadata {
  margin-top:		20px;
  font-size:		11px;
}
.postmetadata.alt {
  margin-top:		25px;
}
.postmetadataline {
  height:		1px;
  overflow:		hidden;
  background:		url("images/Line.png") top left repeat-x;
  clear:		both;
}
.postmetadata .Comments {
  margin:		2px 0px 2px 2px;
  padding-left:		22px;
  background:		url("images/Comment.png") top left no-repeat;
  background-position:	1px 2px;
}
.Trackback {
  margin:		3px 0px 2px 2px;
  padding-left:		22px;
  background:		url("images/Trackback.png") top left no-repeat;
  background-position:	0px 2px;
}

.navigation {
  margin:		0px 0px 15px 60px;
  padding:		3px 5px 3px 5px;
  background:		#eeeeee;
  overflow:			auto:
}
.alignleft {
  float:		left;
}
.alignright {
  float:		right;
}

/*
##########################################
# Blogroll
##########################################
*/

#BlogrollOuter {
  background:		url("images/Blogroll_BG_anim.gif") bottom left no-repeat;
}
#Blogroll {
  margin:		0px 10px 12px 10px;
  overflow:		auto;
}
#BlogrollFooter {
  height:		26px;
  cursor:		pointer;
}

ul#ThreeColumn {
  margin:		0px;
  padding:		0px;
  list-style:		none;
}
ul#ThreeColumn li {
  float:		left;
  width:		215px;
  height:		200px;
  display:		inline;
  margin:		0px 0px 0px 10px;
  padding:		10px 10px 0px 10px;
  overflow:		auto;
  background:		url("images/Blogroll_1.png");
}

ul#ThreeColumn ul {
  margin:		0px 0px 10px 0px;
  padding:		0px;
  list-style:		none;
}
ul#ThreeColumn li ul li {
  /* override former styles */
  float:		none;
  width:		auto;
  height:		auto;
  display:		block;
  overflow:		hidden;
  /* till here */
  margin:		0px;
  padding:		0px;
  font-size:		11px;
  background:		none;
}
ul#ThreeColumn li ul li a {
  display:		block;
  padding:		1px 0px 1px 12px;
  background:		url("images/arrow_grey.png") top left no-repeat;
  background-position:	1px 5px;
}
ul#ThreeColumn li ul li a:hover {
  color:		#ffffff;
  text-decoration:	none;
  background:		#0391da url("images/arrow_white.png") top left no-repeat;
  background-position:	5px 5px;
}

#Blogroll h3 {
  font-size:		11px;
  margin:		0px 0px 3px 0px;
  letter-spacing:	0px;
}
#Blogroll ul {
  margin:		0px;
  list-style:		none;
}

.clear {
  clear:		both;
}

/*
##########################################
# Sidebar
##########################################
*/

#Sidebar h3 {
  font-size:		11px;
}

#Sidebar ul {
  list-style:		none;
  margin:		0px;
  padding:		0px;
  font-size:		11px;
}

/* SUCHE */

form#searchform {
  margin:		0px 0px 15px 0px;
}
form#searchform input#s {
  width:		145px;
  height:		17px;
  padding:		4px 0px 0px 5px;
  border:		none;
  font-size:		11px;
  color:		#444444;
  background:		url("images/SearchInput_BG.png") top left no-repeat;
}
form input#searchsubmit {
  border:		none;
  margin:		0px 0px -6px 13px;
}

/* Navigation */

.pagenav {
  margin-bottom:	15px;
}
.pagenav h3 {
  display:		none;
}
.pagenav ul {
}
.pagenav ul li {
  margin:		0px 0px 5px 0px;
}
.pagenav ul li a {
  width:		177px;
  height:		18px;
  display:		block;
  padding:		6px 0px 0px 5px;
  background:		#e8e8e8;
  font-size:		11px;
  background:		url("images/Menu_BG.png") top left no-repeat;
  background-position:	0px 2px;
}
.pagenav ul li a:hover {
  color:		#ffffff;
  background:		url("images/Menu_BG.png") top left no-repeat;
  background-position:	0px -26px;
  text-decoration:	none;
}

/* Kategorien */

#Categories {
  margin-bottom:	15px;
}
#Categories li {
  margin-bottom:	3px;
}
#Categories li a {
  display:		block;
  padding-left:		22px;
  background:		url("images/Cat.png") top left no-repeat;
  background-position:	1px 1px;
}

/* RSS */

#RSS {
  height:		15px;
  padding-left:		22px;
  background:		url("images/RSS.png") top left no-repeat;
  background-position:	1px 0px;
  margin:		3px 0px 2px 0px;
}

/*
##########################################
# Comments
##########################################
*/

#CommentsTop {
  height:		15px;
  margin-top:		50px;
  background:		url("images/CommentForm_Top_BG.png") top left repeat-y;
}

h3#comments {
  margin:		0px 0px 15px 80px;
}
h3#respond {
  margin:		0px 0px 15px 0px;
}

#CommentsMiddle {
  background:		url("images/CommentForm_BG.png") bottom left repeat-y;
}

ol.commentlist {
  list-style:		none;
  margin:		0px !important;
  padding:		5px 10px 5px 10px !important;
}
ol.commentlist li {
  list-style:		none;
  margin:		0px 0px 10px 0px !important;
  padding:		5px 15px 5px 0px !important;
  background:		/*#f2f9fd */url("images/Line.png") bottom left repeat-x;
  color:		#616161;
  clear:		both;
}
/*
ol.commentlist li#comment-1 {
  background:		#cde9f8 url("images/Line.png") bottom left repeat-x;
}
ol.commentlist li#comment-2 {
  background:		#d9eff9 url("images/Line.png") bottom left repeat-x;
}
ol.commentlist li#comment-3 {
  background:		#e5f4fb url("images/Line.png") bottom left repeat-x;
}
ol.commentlist li#comment-4 {
  background:		#f2f9fd url("images/Line.png") bottom left repeat-x;
}
*/

.CommentAuthor {
  font-size:		12px;
  font-weight:		bold;
  padding-left:		22px;
  background:		url("images/Comment.png") top left no-repeat;
  background-position:	1px 2px;
}
.CommentDate {
  float:		left;
  width:		45px;
  margin:		0px 0px 0px 0px;
}
.CommentDate .Day {
  display:		block;
  font-size:		17px;
  font-weight:		bold;
  text-align:		right;
  height:		22px;
  color:		#ffffff;
  background:		#5c5c5c;
  padding:		3px 5px 0px 0px;
}
.CommentDate .MonthYear {
  display:		block;
  font-size:		11px;
  line-height:		11px;
  color:		#ffffff;
  text-align:		right;
  background:		#7a7a7a;
  padding:		3px 5px 3px 0px;
}
.Time {
  display:		block;
  font-size:		10px;
  line-height:		11px;
  color:		#6b6b6b;
  text-align:		left;
  padding:		3px 5px 3px 22px;
}

.CommentText {
  margin:		0px 0px 0px 70px;
}

#CommentFormOuter {
  margin:		0px 0px 10px 0px;
  padding:		0px 25px 25px 25px;
  background:		url("images/CommentForm_Bottom_BG.png") bottom left repeat-y;
}

#commentform input {
  padding:		2px 0px 2px 2px;
  border:		1px solid #adadad;
  font-size:		11px;
  color:		#444444;
  background:		#C3C3C3;
}
#commentform textarea {
  padding:		2px 0px 2px 2px;
  border:		1px solid #adadad;
  font-size:		11px;
  color:		#444444;
  background:		#C3C3C3;
  font-family:		Arial, Helvetica, sans-serif;
}

label {
  display:		block;
  margin:		6px 0px 3px 0px;
}

/*
##########################################
# Textformatierung
##########################################
*/

a {
  color:		#0391da;
  text-decoration:	none;
}
a:hover {
  color:		#03da4a;
  text-decoration:	underline;
}

p {
  margin:		0px 0px 12px 0px;
  font-size:		11px;
  line-height:		15px;
}

ol li {
  line-height:		15px;
}

small {
  font-size:		11px;
}

.fleft {
  float:		left;
}
.fright {
  float:		right;
}

.Post p img {
  margin:		0px 10px 5px 0px;
  padding:		3px 3px 3px 3px;
  border:		1px solid #b8b8b8;
}

.Post ul,
.Post ol {
  margin:		0px 0px 12px 20px;
  padding:		0px;
}
.Post ul li,
.Post ol li {
  margin:		0px 0px 0px 15px;
  padding:		0px;
}

code {
  font-size:		12px;
  display:		block;
  padding:		5px 5px 5px 10px;
  background:		#eeeeee;
}
blockquote {
  margin:		0px 20px 12px 20px;
  padding:		5px 20px 5px 20px;
  border-top:		1px solid #eeeeee;
  border-bottom:	1px solid #eeeeee;
  background:		url("images/quote.gif") top left no-repeat;
  background-position:	5px 5px;
}
blockquote p {
  margin:		0px 0px 0px 0px;
  padding-left:		10px;
  color:		#737373;
}