/*  -----------------------------------------  //
//  Projekt: mutabor Blog                      //
//  Autor:   Sergej Mueller                    //
//  Datum:   Oktober 2007                      //
//                                             //
//  Datei:   style.css                         //
//  -----------------------------------------  */


/******* */
/* Mitte */
/******* */
.middle {
  width: 679px;
  margin: 0 auto;
}


/******** */
/* Header */
/******** */
.header {
  background: url(img/header/top.png) no-repeat top right;
}
.header .logo {
  width: 246px;
  height: 18px;
  margin: 67px 0 47px;
}
.header .trendtobrand {
  float: right;
  width: 198px;
  height: 24px;
  margin: 64px 0 0;
}

.header .email {
  float: left;
  width: 147px;
  margin: 7px 37px 0 0;
  padding: 11px 0;
  border-top: 1px dotted #f4eecf;
  border-bottom: 1px dotted #f4eecf;
}
.header .email a {
  font: bold 12px Georgia;
  text-decoration: none;
}

.content .slogan {
	width: 495px;
	margin: 0 0 19px;
}

/****** */
/* Navi */
/****** */
.header .navi {
  float: left;
  width: 495px;
  margin: 7px 0 0;
  padding: 12px 0 10px;
  list-style: none;
  border-top: 1px dotted #f4eecf;
  border-bottom: 1px dotted #f4eecf;
}


/********* */
/* Sidebar */
/********* */
.content .sidebar {
  float: left;
  width: 145px;
  margin: 38px 39px 0 0;
}
.content .sidebar .search .input {
  font: normal 12px/14px Georgia;
  width: 143px;
  height: 19px;
  color: #000;
  margin: 4px 0;
  border: 1px dotted #f4eecf;
  background: #fff;
}
.content .sidebar .tags {
  margin: 20px 0 0;
  padding: 5px 0 0;
  background: url(img/arrow/down.gif) right top no-repeat;
  border-top: 1px dotted #f4eecf;
}
.content .sidebar .tags a {
  font: bold 13px/16px Georgia;
  text-decoration: none;
}
.content .sidebar .tags a:hover {
  text-decoration: underline;
}
.content .sidebar .tags ul {
  margin: 3px 0 0;
  padding: 6px 0 0;
  border-top: 1px dotted #f4eecf;
  list-style: none;
}
.content .sidebar .tags ul li {
  padding: 1px 0 0;
}
.content .sidebar .tags ul li a {
  font: normal 12px/14px Georgia;
}
.content .sidebar .feed {
  margin: 36px 0 0;
  padding: 5px 0 10px;
}
.content .sidebar .feed p {
	font: normal 11px/12px Georgia;
	width: 135px;
	padding: 5px 0;
	display: none;
}
.content .sidebar .feed p a {
	font: normal 11px/12px Georgia;
	text-decoration: underline;
}
.content .sidebar .feed:hover p {
	display: block;
}

.content .page {
  float: left;
  width: 495px;
  margin: 38px 0 0;
}
.content .page h1 {
  font: normal 20px/28px Georgia;
}
.content .page h1 a {
  font: normal 20px/28px Georgia;
  text-decoration: none;
}
.content .page .notice {
  font: bold 10px/12px Georgia;
  padding: 3px 0 0;
  border-top: 1px dotted #f4eecf;
  background: url(img/arrow/down.gif) right top no-repeat;
}
.content .page .simpletags_tag_cloud {
  padding: 15px 0 0;
  border-top: 1px dotted #f4eecf;
  background: url(img/arrow/down.gif) right top no-repeat;
}
.content .page .konsumdesign {
  padding: 12px 0 0;
  border-top: 1px dotted #f4eecf;
  background: url(img/arrow/down.gif) right top no-repeat;
}
.content .page .konsumdesign p {
  margin: 15px 0;
}
.content .page .notice a {
  font: bold 10px/12px Georgia;
}
.content .page .post {
  font: bold 13px/16px Georgia;
  margin: 22px 0;
}
.content .page .post p {
  margin: 10px 0 0;
}
.content .page .post td {
  font: normal 13px/16px Georgia;
  padding: 0 0 15px;
}
.content .page .tags * {
  font: bold 12px/14px Georgia;
}
.content .page .more {
  margin: 22px 0;
}
.content .page .more {
  width: 130px;
}
.content .page .more p {
  font: normal 15px/19px Georgia;
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px dotted #f4eecf;
}
.content .page .more a {
  font: normal 13px/16px Georgia;
}

.content .page .commentlist {
  margin: -10px 0 0;
  list-style: none;
}
.content .page .commentlist small {
  font: bold 11px Georgia;
}
.content .page .commentlist p {
  font: normal 10px Verdana;
  margin: 0 0 10px;
}
.content .page .comments {
  margin: 25px 0 30px;
}
.content .page .comments #respond {
  font: normal 18px Georgia;
  width: 150px;
  padding: 0 0 5px;
  border-bottom: 1px dotted #f4eecf;
}
.content .page .comments form .textarea {
  float: right;
}
.content .page .comments form .textarea a {
  font: bold 12px/14px Georgia;
  text-decoration: none;
}
.content .page .comments form .textarea textarea {
  font: normal 12px/14px Georgia;
  color: #000;
  width: 301px;
  height: 126px;
  border: 1px solid #f4eecf;
  margin: 0 0 26px;
  background: #fff;
}
.content .page .comments form p {
  margin: 16px 0 0;
}
.content .page .comments form small {
  font: normal 12px/14px Georgia;
  margin: 20px 0 0;
}
.content .page .comments form .input {
  font: normal 12px/14px Georgia;
  color: #000;
  width: 164px;
  height: 19px;
  border: 1px solid #f4eecf;
  background: #fff;
}

.content .page .paging {
  margin: 80px 0 35px;
  padding: 10px 30px;
  background: #c8c096;
}
.content .page .paging a {
  font: normal 12px/14px Georgia;
  text-decoration: none;
}
.content .page .paging a:hover {
  text-decoration: underline;
}
.content .page .paging .next {
  float: right;
}