/*  
Theme Name: BlogPimp EyeWatch
Theme URI: http://blogpimp.de/
Description: Das EyeWatch-Theme, 2 Spalten, 750 Pixel breit, von BlogPimp.de.
Version: 1.0
Author: Lothar Baier
Author URI: http://design.gravitalis.de/
*/

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

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

body {
  text-align		: center; 
  height			: 100.01%;
  font				: normal 100.01%/1.5 Verdana, Tahoma, Arial, "Trebuchet MS", Helvetica, sans-serif;
  background		: #eee;
  color				: #555;  
}

/* ####################### Seitenaufbau #################### */
#mantel {
  width				: 750px;
  text-align		: left;
  margin			: 20px auto;
  background		: #fff url(images/kopf.jpg) no-repeat 520px 0px;
}

/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6 {
  font-size			: 1.3em;
  font-weight		: normal;
  margin			: 20px 25px 3px;
  padding			: 1px 5px 2px 0;
  color				: #333;
}

h2 {font-size		: 1.1em;}
h3 {font-size		: 1.0em;}
h4 {font-size		: 0.9em;}
h5 {font-size		: 0.85em;}
h6 {font-size		: 0.8em;}

p {
  font-size			: 0.75em;
  line-height		: 1.6;
  margin			: 0 25px 8px;
}

small {
  font-size			: 0.7em;
  margin			: 0 25px 8px;
}

a {
  color				: #19e;
  text-decoration	: none;
}

a:hover {
  color				: #f22;
  background		: #eee;
}

blockquote {
  background		: #f8f8f8;
  margin			: 10px 30px 10px 40px;
  padding			: 5px 0;
  font				: italic 1.0em/1.6 Georgia, "Times New Roman", "Times Roman", Times, serif;
  border-left		: 5px solid #4bf;
  color				: #111;
  letter-spacing	: 1px;
}

/* ####################### Seiten-Kopf #################### */
#seitenkopf {
  width				: 750px;
  height			: 200px;
}

#seitenkopf h1 {
  padding			: 60px 0 0 25px;
  margin			: 0;
}

#seitenkopf h1 a {
  font-size			: 1.2em;
  color				: #19e;
}

#seitenkopf h1 a:hover {
  color				: #d11;
  background		: #eee;
}

#seitenkopf p {
  font-size			: 1.0em;
  padding			: 0 0 0 25px;
  margin			: 0;
  color				: #18e;
}

/* ####################### Inhalte #################### */
#inhalte {
  width				: 530px;
  float				: left;
}

#inhalte .postmetadata {
  font-size			: 0.7em;
  line-height		: 1.3;
  border-bottom		: 1px solid #9cf;
  border-top		: 1px solid #9cf;
  padding			: 2px 0 4px;
}

#inhalte .dlft {
  width				: 230px;
  float				: left;
  margin			: 10px 0 0 25px;
  text-align		: left;
  font-size			: 0.8em;
}

#inhalte .drgt {
  width				: 230px;
  float				: right;
  margin			: 10px 25px 0 0;
  text-align		: right;
  font-size			: 0.8em;
}

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

#inhalte .lft {
  float				: left;
  margin			: 7px 15px 8px 0;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #aaa; 
}

#inhalte .rgt {
  float				: right;
  margin			: 7px 0 8px 15px;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #aaa; 
}

#inhalte ol,
#inhalte ul {
  font-size			: 0.8em;
  margin			: 10px 25px 10px 50px;
}

#inhalte ol {
  margin-left		: 55px;
}

#inhalte ol li,
#inhalte ul li {
  line-height		: 1.2;
  padding-bottom	: 4px;
}

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

#inhalte table {
  border-collapse	: collapse;
  border-top		: 1px solid #ccc;
  border-left		: 1px solid #ccc;
  font-size			: 0.8em;
  margin			: 10px 25px 15px;
}

#inhalte table th,
#inhalte table td {
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
  padding			: 0 5px;
}
 
#inhalte img {
  float				: left;	
  margin			: 6px 10px 3px 0;
} 

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

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

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

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

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

#commentform small {
  font-size			: 0.8em;
}

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

ol.commentlist li {
  padding			: 5px 5px 3px;
  margin			: 0px 0 10px 0;
  border			: 1px solid #ccc;
}

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

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

/* ####################### Kontaktformular #################### */
#inhalte div.contactform {
  margin			: 20px 0 10px 25px;
  font-size			: 0.8em;
}
  
#inhalte div.contactform label {
  width				: 15em;
}

#inhalte div.contactform input,
#inhalte 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		: #fff;
  color				: #444;
}
  
#inhalte div.contactkopie {
  width				: 18em;
  float				: left;
}

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

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

#inhalte .contactsubmitl {
  clear				: both;
}

#inhalte #contactsubmit {
  width				: auto;
  margin			: 40px 0 0 0;
  border			: 1px outset #753;
  background		: #fff;
  color				: #444;
}
  
#inhalte #contactsubmit:hover {
  background		: #ddd;
}

/* ####################### Navigation #################### */
#navi {
  width				: 220px;
  float				: right;
  padding			: 3px 0 10px 0;
}

#navi h2 {
  font				: normal 0.9em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin			: 0;
  padding			: 10px 5px 2px;
  color				: #555;
  border-bottom		: 1px solid #aaa;
  zoom				: 1;
}

#navi ul {
  font-size			: 1.0em;
  list-style-type	: none;
  padding			: 0;
  margin			: 0 25px 0 0;
  zoom				: 1;
}

#navi ul li ul {
  font-size			: 0.8em;
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul li ul {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
  font-size			: 1.0em;
}

#navi ul li.cal {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul li a {
  display			: inline-block;
}

#navi ul li ul li a {
  padding			: 1px 5px 2px;
  display			: block;
  border-bottom		: 1px solid #ddd;
}


#navi ul li ul li.current_page_item a,
#navi ul li ul li.current-cat a {
  padding			: 1px 5px 2px;
  display			: block;
  color				: #f11;
  background		: #eee;
}

#navi ul li ul li a:hover {
  background		: #eee;
}

#navi #suche {
  margin			: 8px 20px 0 0;
  padding			: 0;
  border-bottom		: 1px solid #ccc;
}

#navi #suche h2#suchhead {
  border-bottom		: none;
}

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

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

#navi #suche .ss:hover {
  background		: #ddd;
}

#navi ul#themeswitcher li.current_theme {
  background		: #eee;
  color				: #f11;
  padding			: 1px 5px 2px;
  border-bottom		: 1px solid #ccc;
}

/* ####################### Kalender #################### */
#navi li.cal {
  border-bottom		: 1px solid #ccc;
}

#wp-calendar { 
  width				: 190px; 
  line-height		: 1.0em;
  margin			: 5px 0 5px 5px;
  font-size			: 0.8em;
  border-collapse	: collapse;
  border-top		: 1px solid #ccc;
  border-left		: 1px solid #ccc;
}

#wp-calendar caption {
  line-height		: 16px; 
  text-transform	: uppercase; 
  letter-spacing	: 1px;
  margin			: 5px auto;
}

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

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

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

#wp-calendar a {
  color				: #36f;
}

#wp-calendar a:hover {
  color				: #d11;
}

/* ####################### Seiten-Fuss #################### */
#seitenfuss {
  clear				: both;
  border-top		: 1px solid #ccc;
  background		: #fff;
  width				: 750px;
}

#seitenfuss p {
  padding			: 5px;
  text-align		: center;
  font-size			: 0.6em;
}