/*  
Theme Name: BlogPimp News
Theme URI: http://blogpimp.de/
Description: Das Nachrichten-Theme, 3 Spalten, flexible Breite, von BlogPimp.de.
Version: 1.0
Author: Lothar Baier
Author URI: http://design.gravitalis.de/
*/

/* 
Portions Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/

/* ####################### Voreinstellungen #################### */
html {
  height			: 100.01%; 	
  margin			: 0; 
  padding			: 0;
}

* {
  margin			: 0;
  padding			: 0;
  border			: none;
}

body {
  font				: 13px "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  *font-size		: small;
  *font				: x-small;
  text-align		: center;
  background		: #fff;
  color				: #333;  
}

table {
  font-size			: inherit;
  font				: 100%;
}

select, input, textarea {
  font				: 99% "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", arial,helvetica,clean,sans-serif;
}

pre, code {
  font				: 115% monospace;
  *font-size		: 100%;
}

body * {
  line-height		: 1.4em;
}

/* ####################### Seiten-Struktur #################### */
#ft{
  clear				: both;
}

#doc3 {
  margin			: auto 0px; 
  width				: auto;
}
	
.yui-b { 
  position			: relative;
}

.yui-b {
  _position			: static;
} 

#yui-main .yui-b {
  position			: static;
} 

#yui-main {
  width				: 100%;
}

.yui-t5 #yui-main {
  float				: left;
  margin-right		: -25em;
}

.yui-t5 .yui-b {
  float				: right;
  width				: 220px;
  *width			: 220px;
}

.yui-t5 #yui-main .yui-b {
  margin-right		: 240px;
  *margin-right		: 240px;
}

#yui-main .yui-b {
  float				: none;
  width				: auto;
}

.yui-gf .yui-u {
  float				: right;
  display			: inline;
}

.yui-gf div.first {
  float				: left;
}

.yui-gf .yui-u {
  width				: 74.2%;
}

.yui-gf div.first {
  width				: 24%;
}

#bd:after,
.yui-gf:after {
  content			: ".";
  display			: block;
  height			: 0;
  clear				: both;
  visibility		: hidden;
}

#bd,
.yui-gf {
  zoom				: 1;
}

/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6 {
  font				: normal 2.0em/1.3 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin			: 10px 0 3px;
  padding			: 1px 5px 2px 0;
}

h2 {font-size		: 1.6em;}
h3 {font-size		: 1.4em;}
h4 {font-size		: 1.3em;}
h5 {font-size		: 1.2em;}
h6 {font-size		: 0.1em;}

p {
  margin			: 0 0 8px;
}

#bd p {
  font				: normal 1.0em/1.5 Georgia, "Times New Roman", "Times Roman", Times, serif;
  margin			: 0 0 10px;
}

small {
  font-size			: 0.85em;
  margin			: 0 20px 8px;
}

a {
  color				: #4d4d4d;
  text-decoration	: none;
}

a.balken {
  color				: #ffffff;
  text-decoration	: none;
}

a:hover {
  color				: #00add2;
}

blockquote {
  background		: #f6f6f6;
  margin			: 10px;
  padding			: 8px 10px 1px;
  color				: #111;
}

#inhalt .entry blockquote p {
  font				: normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
}

#bd {
  text-align		: left;
}

li a {
  display			: inline-block;
}

li a {
  display			: block;
}
  
/* ####################### Seiten-Kopf #################### */
#hd h1 {
  padding			: 20px 5px 15px;
  margin			: 0;
  font				: normal 3.0em/1.0 "Times New Roman", "Times Roman", Times, serif;
  text-align		: left;
}

#hd h1 a {
  font-size			: 1.3em;
  color				: #36c;
  text-transform	: uppercase;
  letter-spacing	: 5px;
  word-spacing		: 10px;
}

#hd h1 a:hover {
  color				: #d11;
}

#hd p {
  font				: normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  padding			: 2px 0;
  margin			: 0;
  color				: #fff;
  text-align		: left;
  letter-spacing	: 1px;
  word-spacing		: 3px;
  background		: #36c;
}

/* ####################### Hauptnavi links #################### */
#hauptnavi {
  text-align		: right;
}

#hauptnavi h2 {
  font-size			: 1.2em;
  margin			: 17px 5px 2px 0;
  padding			: 2px 0;
  color				: #444;
  border-bottom		: 1px solid #aaa;
}

#hauptnavi ul {
  list-style-type	: none;
  margin			: 0 5px 0 0;
}

#hauptnavi ul.letzte {
  margin			: 0 5px 18px 0;
}

#hauptnavi ul li {
}

#hauptnavi ul li a {
  padding			: 1px 0;
  display			: block;
}

#hauptnavi ul li.current_theme {
  color				: #d11;
  padding			: 2px 0;
}

#hauptnavi ul li.current-cat a,
#hauptnavi ul li.current_page_item a {
  display			: block;
  color				: #d11;
}

#hauptnavi ul.letzte li ul.admin {
  padding-right		: 0;
  margin-right		: 0;
}

/* ####################### Inhalte #################### */
#inhalt h2 {
  border-bottom		: 1px solid #aaa;
}

#inhalt table {
  border-collapse	: collapse;
  border-top		: 1px solid #ccc;
  border-left		: 1px solid #ccc;
  margin			: 10px 0;
}

#inhalt table th,
#inhalt table td {
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
  padding			: 0 5px;
}

#inhalt .postmetadata {
  font				: normal 0.85em/1.3 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border-bottom		: 1px solid #ccc;
  border-top		: 1px solid #ccc;
  padding			: 2px 0 4px;
  margin			: 0 0 20px;
}

#inhalt .dlft {
  width				: 230px;
  float				: left;
  margin			: 10px 0 0 20px;
  text-align		: left;
}

#inhalt .drgt {
  width				: 230px;
  float				: right;
  margin			: 10px 20px 0 0;
  text-align		: right;
}

#inhalt .navigation {
  margin			: 15px 0 0;
  height			: 2.5em;
  line-height		: 1.1;
}

#inhalt .lft {
  float				: left;
  margin			: 5px 10px 3px 0;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #ccc; 
}

#inhalt .rgt {
  float				: right;
  margin			: 5px 0 3px 10px;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #ccc; 
}

#inhalt ol,
#inhalt ul {
  margin			: 10px 0 10px 14px;
}

#inhalt ol {
  margin-left		: 20px;
}

#inhalt ol li code {
  font-size			: 1.2em;
  background		: #ccc;
}

#inhalt img {
  float				: left;
  margin			: 5px 10px 2px 0;
}

/* ####################### Icons #################### */
#inhalt .post span.comment-icon a {
  background		: url(images/comment.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalt .post span.comment-icon a:hover {
  background		: #eee url(images/comment-hover.gif) no-repeat;
}

#inhalt .post span.folder-icon a {
  background		: url(images/folder.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalt .post span.folder-icon a:hover {
  background		: #eee url(images/folder-hover.gif) no-repeat;
}

#inhalt .post a span.edit-icon {
  background		: url(images/edit.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalt .post a:hover span.edit-icon {
  background		: url(images/edit-hover.gif) no-repeat;
}

/* ####################### Kommentare #################### */
#commentform input {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #444;
  background		: #f8f8f8;
  color				: #111;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 5px;
}

#commentform input#submit {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px outset #444;
  background		: #f8f8f8;
  color				: #111;
  padding			: 0px 3px 2px;
  margin			: 0px 0 10px 5px;
}

#commentform input#submit:hover {
  background		: #fff;
}

#commentform textarea {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #444;
  background		: #f8f8f8;
  color				: #111;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 5px;
}

#commentform label {
  font-size			: 0.9em;
  padding-left		: 0;
}

#commentform p small {
  font-size			: 0.9em;
}

#inhalt ol.commentlist {
  margin			: 5px 0 20px 50px;
}

ol.commentlist p {
  font-size			: 1.1em;
}

ol.commentlist li {
  background		: #f4f4f4;
  padding			: 5px 5px 3px;
  margin			: 0px 0 5px 0;
  border			: 1px solid #ccc;
  font-size			: 1.1em;
}

ol.commentlist li.alt {
  background		: #f8f8f8;
  border			: 1px solid #ccc;
}

ol.commentlist .commentmetadata {
  font-size			: 0.9em;
  margin			: 0;
  padding			: 0;
}

/* ####################### Kontaktformular #################### */
#inhalt div.contactform {
  margin			: 30px 0 10px 20px;
}
  
#inhalt div.contactform label {
  width				: 15em;
}

#inhalt div.contactform input,
#inhalt div.contactform textarea {
  font				: normal 1.0em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
  margin-bottom		: 2px;
  width				: 220px;
  padding			: 2px 3px;
  border			: 1px inset #444;
  background		: #f8f8f8;
  color				: #111;
}
  
#inhalt div.contactkopie {
  width				: 18em;
  float				: left;
}

#inhalt div.inputkopie {
  width				: 13em;
  float				: left;
}

#inhalt div.inputkopie input {
  width				: 2em;
  margin-top		: 5px;
}
  
#inhalt div.contactform textarea {
  width				: 370px;
}

#inhalt .contactsubmitl {
  clear				: both;
}

#inhalt #contactsubmit {
  width				: auto;
  margin			: 40px 0 0 0;
  border			: 1px outset #753;
  background		: #eee;
  color				: #111;
}
  
#inhalt #contactsubmit:hover {
  background		: #fff;
}

/* ####################### Rechte Sidebar #################### */
#rechtehaelfte {
  text-align		: left;
}

#rechtehaelfte h2 {
  font-size			: 1.2em;
  margin			: 17px 0 0 0;
  padding			: 2px 3px;
  color				: #444;
  border-bottom		: 1px solid #aaa;
}

#rechtehaelfte h3 {
  font-size			: 1.2em;
}

#rechtehaelfte ul {
  list-style-type	: none;
  margin			: 0;
}

#rechtehaelfte ul li a {
  padding			: 0px 3px;
  display			: block;
}

#rechtehaelfte #suche {
  margin			: 0;
  padding			: 0;
}

#rechtehaelfte #suche .si {
  width				: 140px;
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #444;
  background		: #f8f8f8;
  color				: #000;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 0;
}

#rechtehaelfte #suche .ss {
  width				: 60px;
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px outset #444;
  background		: #f8f8f8;
  color				: #000;
  padding			: 0px 3px 2px;
  margin			: 5px 0 5px;
}

#rechtehaelfte #suche .ss:hover {
  background		: #eee;
  color				: #d11;
}

/* ####################### Kalender #################### */
#wp-calendar { 
  width				: 100%; 
  line-height		: 1.0em;
  margin			: 8px 0 0;
  border-collapse	: collapse;
  border-top		: 1px solid #aaa;
  border-left		: 1px solid #aaa;
}

#wp-calendar caption {
  line-height		: 1.3em; 
  text-transform	: uppercase; 
  letter-spacing	: 1px;
  margin			: 5px auto;
  font-size			: 1.1em;
}

#wp-calendar #today {
  background		: #eee;
  color				: #000;
  font-weight		: bold;
}

#wp-calendar th,
#wp-calendar td {
  font-weight		: normal;
  padding  			: 0 2px;
  text-transform	: uppercase; 
  border-right		: 1px solid #aaa;
  border-bottom		: 1px solid #aaa;
  text-align		: center;
}

#wp-calendar .pad {
  background		: #eee;
}

#wp-calendar a {
  color				: #06f;
  padding  			: 0 2px;
}

#wp-calendar a:hover {
  color				: #d11;
  padding  			: 0 2px;
}

/* ####################### Seiten-Fuss #################### */
#ft {
  border-top		: 1px solid #aaa;
}

#ft p {
  padding			: 5px 5px 10px;
  text-align		: center;
  font-size			: 0.8em;
}