/*
Theme Name: BlogPimp EyeWatch
Theme URI: http://blogpimp.de/
Description: Das EyeWatch-Theme, 2 Spalten, 750 Pixel breit, von BlogPimp.de.
Version: 1.0 (und bearbeitet)
Author: Lothar Baier, bearbeitet von Franz Indra
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			: #084b8a;
	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			: #084b8a;
	background		: #eee;
}

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

#dropDownMenu {
	position		: relative;
	width			: 500px;
	max-width		: 100%;
	float			: left;
	margin-bottom		: 3.5em;
}

#dropDownMenu li ul {
	width			: 11em !important;/* leaves room for padding */
	cursor			: default;
	position		: absolute;
	height			: auto;
	display			: none;
	left			: -10px;
	padding			: 1px 10px 10px 10px;
	background		: url(/pic/empty1x1.gif);/* to keep them open */
}

#dropDownMenu li {
	position		: relative;
	width			: 8.30em; 
	max-width		: 16.5%;
	font-size		: 0.9em;
	cursor			: pointer;
	float			: left;
	list-style-type		: none;
	margin-left		: 1.5em;
}

#dropDownMenu li ul li {
	width			: 12em/*FF*/;/* gibt die Breite der Hintergrundfarbe an, auf der der Name der Kategorie steht */
	padding			: 0;
	border			: none;
	max-width		: 120%;
	margin-left		: 1em;
	background		: #eee;
}

#dropDownMenu li a {
	cursor			: default;
	color			: #000;
	text-decoration		: none;
	display			: block;
	float			: left;
	padding			: 0.4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width			: 7.47em; */
	width			: 5em; 
	height			: 2em;
	line-height		: 2em;
}

#dropDownMenu li ul li a {
	width			: 9em/*FF*/;
	position		: relative !important; /* ie Mac */
	cursor			: pointer !important;
	white-space		: nowrap;
	line-height		: 0.5em;
	height			: 0.5em;
	font-size		: 0.7em;
	font-weight		: normal;
	color			: #19e;
	margin-left		: 1em;
	background-position	: 0 50% !important;
}

#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {
	color			: #000;
	background		: #fff;
}

#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {
	color			: #084b8a !important;
	background		: #eee;
}

#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {
	display			: block;
	z-index			: 1;
	top			: 2em !important;
}

/* z-index rückwärts bis 1 zählen */
#dropDownMenu li#short { z-index:4; }
#dropDownMenu li#project { z-index:3; }
#dropDownMenu li#demo { z-index:2; }
#dropDownMenu li#page { z-index:1; }

.short #dropDownMenu li#short a,
.project #dropDownMenu li#project a,
.demo #dropDownMenu li#demo a {color:#000;}
.page #dropDownMenu li#page a {color:#000;}

.short #dropDownMenu li#short ul,
.project #dropDownMenu li#project ul,
.demo #dropDownMenu li#demo ul,
.page #dropDownMenu li#page ul {
	display			: block;
	top			: -1000px
}

#dropDownMenu li.msieFix a {}

.short #dropDownMenu li#short ul li a:focus,
.short #dropDownMenu li#short ul li a:active,
.project #dropDownMenu li#project ul li a:focus,
.project #dropDownMenu li#project ul li a:active,
.demo #dropDownMenu li#demo ul li a:focus,
.demo #dropDownMenu li#demo ul li a:active,
.page #dropDownMenu li#page ul li a:focus,
.page #dropDownMenu li#page ul li a:active {
	position		: absolute !important;
	top			: 1028px !important;
}

/* ####################### 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-left		: 10px;
	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			: #084b8a;
	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			: #084b8a;
	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	: #084b8a; }

/* ####################### 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;
}