﻿/*
THEME NAME: bp-panda3C
BASED ON THEME NAME: BlogPimp SeePferdGespann
THEME URI: http://blogpimp.de/
DESCRIPTION: Das BlogPimp.de-Theme SeePferdGespann. Basiert auf <a href="http://plaintxt.org/">Sandbox</a>
VERSION: 1.0
AUTHOR: Lothar Baier
AUTHOR URI: http://blogpimp.de/
*/

/* ####################### Voreinstellungen #################### */
html {
  height			: 100.01%; 	
  margin			: 0; 
  padding			: 0;
}

* {
  margin			: 0;
  padding			: 0;
  border			: none;
}

body {
  text-align		: center; 
  height			: 100.00%;
  font				: normal 100%/1.5 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  background		: #1d3314;
  color				: #ccc; 
  margin			: 10px 0 0;
}

p {
  margin			: 10px 0 0;
}

h1, h2, h3, h4, h5, h6 {
  margin			: 10px 0 0 20px;
  font				: normal 1.8em/1.2 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
  margin			: 20px 0 0;
  font-size			: 1.4em;
}

h3 {
  margin			: 20px 0 0;
  font-size			: 1.2em;
}

h4 {
  margin			: 0 0 0;
  font-size			: 1.3em;
}

h5 {
  margin			: 0 0 0;
  font-size			: 1.2em;
}

h6 {
  margin			: 0 0 0;
  font-size			: 1.1em;
}

a {
  color				: #6f6;
  text-decoration	: none;
  padding			: 1px 2px 2px;
}

a:hover {
  color				: #fff;
  background		: #1d3314;
}

a.bild {
  text-decoration	: none;
}


/* ####################### Seitenaufbau #################### */
div#wrapper {
  width				: 980px;
  text-align		: left;
  font-size			: 0.885em;
  margin			: 0 auto;
  background		: #060801;
}

div#header {
  width				: 980px;
  height			: 327px;
  background		: url(images/foto.jpg) no-repeat top center}

div#swfhead {
  width				: 980px;
  height			: 327px;
  margin			: 0;
  background		: url(images/foto.jpg) no-repeat top center}


div#container {
  float				: left;
  width				: 600px;
  margin-right		: 10px;
  margin-left		: 10px;
}

div#primary {
  width				: 160px;
  float				: left;
  margin-right		: 20px;
}

div#secondary {
  width				: 160px;
  float				: left;
}

div#footer {
  clear				: left;
  width				: 100%;
  text-align		: center;
}

div#access {
  position			: relative;
}

div.skip-link {
  position			: absolute;
  top				: 0px;
  left				: 0px;
  text-align		: left;
  text-indent		: -999em;
}

/* ####################### Seiten-Kopf ####################### */
#blog-title {
  margin			: 10px 0px 0px 3px;
  padding			: 120px 20px 0 0;
  text-align		: left;
  font-size			: 3.2em;
}

#blog-title a {
  color				: #6f6;
}

#blog-title a:hover {
  color				: #fff;
  background		: #1d3314;
}

#blog-description {
  margin			: 0 0 0 23px;
  font-size			: 1.2em;
  padding			: 0 20px 0 0;
  color				: #d62a35;
  letter-spacing	: 0.06em;
  text-align		: left;
}

/* ####################### Kopf-MenÃ¼ ########################### */
#menu ul {
  display			: none; 
}  

/* ####################### Haupt-Inhalt ####################### */
.navigation {
  background		: #222;
  margin			: 22px 0px 20px 20px;
  padding			: 1px 3px 2px;
  height			: 1.5em;
}

.nav-previous {
  float				: left;
  text-align		: left;
}

.nav-next {
  float				: right;
  text-align		: right;
}

.post blockquote {
  margin			: 10px 20px 0px 20px;
  background		: #222;
  padding			: 3px 5px;
  border			: 1px solid #444;
}

.post ol, 
.post ul {
  margin			: 10px 0 0 40px;
}

.post ul {
  list-style-image	: url(images/listenpunkt.gif);
}

.entry-date {
  font-size			: 0.885em;
  margin			: 3px 0 10px;
  border-top		: 1px solid #444;
}
 
.entry-meta {
  font-size			: 0.885em;
  border-top		: 1px solid #444;
  border-bottom		: 1px solid #444;
  margin			: 3px 0 30px;
  padding			: 1px 0 2px;
}
 
 .post img {
   border			: 1px solid #444;
   margin			: 6px 10px 1px 0;
   float			: left;
 }
 
 .post table {
  margin			: 13px 0 0;
  border-top		: 1px solid #444;
  border-left		: 1px solid #444;
  border-collapse	: collapse;
}
 
.post th,
.post td {
  border-right		: 1px solid #444;
  border-bottom		: 1px solid #444;
  padding			: 1px 5px 3px;
}
 
.post h3 {
  margin			: 20px 0 0;
}

#container input
 {

  font				: normal 1.0em/1.4 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding			: 1px 3px 2px;
  border			: 1px inset #444;
  background		: #333;
  color				: #d62a35;
  padding-right		: 30px;
}


#container textarea {
  width				: 100%;
  font				: normal 1.0em/1.4 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding			: 1px 3px 2px;
  border			: 1px inset #444;
  background		: #333;
  color				: #d62a35;
  margin-top		: 20px;
  margin-right		: 5px;
  margin-bottom		: 20px;
  margin-left		: 0px;
  padding-top		: 1px;
  padding-right		: 3px;
  padding-bottom	: 2px;
  padding-left		: 0px;

}

#container input#submit {
  width				: auto;
  margin			: 10px 0 20px;
  border			: 1px outset #444;
  background		: #444;
  color				: #d62a35;
}

#container input:hover#submit {
  background		: #666;
  cursor			: pointer;
  color				: #fff;
}

.formcontainer .form-label {
  margin-top		: 10px;
}

.contactform {
  margin			: 0 0 10px;
}

.contactform input,
.contactform textarea {
  width				: 250px;
  font				: normal 1.0em/1.4 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding			: 1px 3px 2px;
  border			: 1px inset #444;
  margin-bottom		: 10px;
}

.contactform textarea {
  width				: 480px;
}

.contactform input#contactsubmit {
  width				: auto;
  margin			: 10px 0 20px;
  border			: 1px outset #444;
  background		: #444;
  color				: #d62a35;
}

.contactform input:hover#contactsubmit {
  background		: #666;
  cursor			: pointer;
  color				: #fff;
}


/* #################  Kommentare  ################# */
#comments h3 {
  margin			: 20px 0 10px;
}

#comments ol {
  margin			: 10px 0 20px 30px;
  font-size			: 1.2em;
}

#comments .comment-author {
  font-size			: 1.1em;
  margin-left		: 5px;
}

#comments .comment-meta {
  font-size			: 0.735em;
  margin-left		: 5px;
}

#comments p {
  font-size			: 0.835em;
  margin			: 0;
  padding			: 5px;
}

#comments ol li {
  margin			: 0 0 10px;
  background		: #222;
}

#comments .alt {
  background		: #333;
}

#comments form {
  margin-left		: 20px;
}

p#comment-notes,
#comments p#login {
  font-size			: 1.0em;
}

/* #################  Sidebar  ################# */
.sidebar ul {
  list-style		: none;
}  

.sidebar h3 {
  padding-bottom	: 6px;
}

.sidebar ul ul {
  border-top		: 1px solid #444;
  margin-bottom		: 20px;
}

.sidebar ul ul li {
  border-bottom		: 1px solid #444;
}

.sidebar ul ul li a {
  display			: block;
  padding			: 1px 3px 2px;
  font-size			: 0.9em;
}

.sidebar li.current-cat a,
.sidebar ul ul li a:hover {
  color				: #fff;
  background		: #333;
}

.sidebar li.current_theme {
  padding			: 1px 3px 2px;
  color				: #fff;
  background		: #333;
  font-size			: 0.9em;
}

.sidebar input#s {
  width				: 132px;
  background		: #444;
  color				: #fff;
  font				: normal 1.0em/1.4 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding			: 1px 3px 2px;
  border			: 1px inset #444;
}

.sidebar input#searchsubmit {
  font				: normal 1.0em/1.5 Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  width				: auto;
  margin			: 0;
  border			: 1px outset #444;
  background		: #444;
  color				: #d62a35;
  padding			: 0px 2px 1px;
}

.sidebar input:hover#searchsubmit {
  background		: #666;
  cursor			: pointer;
  color				: #fff;
}

.sidebar caption {
  font-size			: 1.0em;
  background		: #333;
  padding			: 0px 3px 2px;
}

.sidebar #calendar table {
  margin			: 13px 0 0;
  border-top		: 1px solid #444;
  border-left		: 1px solid #444;
  border-collapse	: collapse;
  font-size			: 0.9em;
}
 
.sidebar #calendar th,
.sidebar #calendar td {
  border-right		: 1px solid #444;
  border-bottom		: 1px solid #444;
  padding			: 1px 2px 1px;
  text-align		: center;
  width				: 14%;
}
 
.sidebar #calendar td a {
  display			: block;
  color				: #d62a35;
  background		: #333;
}

.sidebar #calendar td a:hover {
  color				: #fff;
  background		: #666;
}

.sidebar #calendar th {
  font-weight		: normal;
  font-size			: 1.2em;
}

/* ####################### Kalender #################### */
#wp-calendar { 
  width				: 170px; 
  line-height		: 1.0em;
  margin			: 3px 0 3px 3px;
  font-size			: 0.7em;
  border-collapse	: collapse;
  border-top		: 1px solid #2d4324;
  border-left		: 1px solid #2d4324;
  font-family		: "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif;
}

#wp-calendar caption {
  line-height		: 16px; 
  text-transform	: uppercase; 
  letter-spacing	: 1px;
  margin			: 5px auto;
}

#wp-calendar #today {
  background		: #2d4324;
  color				: #fff;
  font-weight		: bold;
}

#wp-calendar th,
#wp-calendar td {
  font-weight		: normal;
  padding  			: 2px;
  text-transform	: uppercase; 
  border-right		: 1px solid #2d4324;
  border-bottom		: 1px solid #2d4324;
  text-align		: center;
}

#wp-calendar .pad {
  background		: #0d2304;
}

#wp-calendar a {
  font-weight		: bold;
}

#wp-calendar a:hover {
  color				: #afa;
}

/* #################  Seitenfuss  ################# */
#footer {
  font-size 		: 0.835em;
  border-top		: 1px solid #444;
  padding			: 0 0 15px;
  color				: #fdc;
}