/*  
Theme Name: BlogPimp EyeWatch Spezial
Theme URI: http://blogpimp.de/
Description: Das EyeWatch-Theme in einer speziellen Variante, 2 Spalten, 95% variabele breite in einer Bearbeitung von Michael Drägerhof
Version: 1.0b
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				: 95%;
  text-align			: left;
  margin			: 20px auto;
  background			: #fff url(images/kopf.png) no-repeat 100% 0px;
}

/* ####################### allgemeine Gestaltung #################### */

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

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

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

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

a {
  color				: #5010e3;
  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 #C30BC9;
  color				: #111;
  letter-spacing		: 1px;
}


/* ####################### Seiten-Kopf #################### */

#seitenkopf {
  width				: 100%;
  height			: 200px;
}

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

#seitenkopf h1 a {
  font-size			: 1.2em;
  color				: #5010e3;
}

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

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

/* ####################### Inhalte #################### */

#inhalte {
  width				: 80%;
  float				: left;
}

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

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

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

#inhalte .navigation {
  width				: 80%;
  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.9em;
  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 {
  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				: 20%;
  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				: 20%;
  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;
}

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

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

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

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

#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				: 100%;
}

#seitenfuss p {
  padding			: 5px 0;
  text-align			: center;
  font-size			: 10px;
  font-family			: Arial, Helvetica, sans-serif;
}

/* ###################### PXSMail ######################### */

#your_name, #email, #blog, #your_subject, #msg {
  border			: 1px solid #ccc;
}

form dl, dl.labels {
  margin			: 0em;
  font-size			: 100%;
  margin-top			: 0.5em
}

form dt, dl.labels dt {
  float				: left;
  width				: 7em;
  margin-bottom			: 0.8em;
  color				: #555;
  text-align			: right;
  font-weight			: normal;
  position			: relative /*IEWin hack*/
}

form dd, dl.labels dd {
  margin-left			: 7.5em;
  background			: #fff;
  margin-bottom			: 0.8em;
  font-size			: 100%;
  font-style			: normal;
  text-align			: left;
  padding-left			: 0.5em
}


form dd.submit, dl.labels dd.submit  {
  margin-top			: 2em
}