/*
Theme Name: Lichternacht_DE
Theme URI: http://www.tamagothi.de/2006/07/19/lichternacht/
Description: Das deutsche Theme des Nachtwächters: kompakt, dunkel und unvergesslich. Jetzt widget-fähig und besser angepasst an die aktuellen WordPress-Versionen.
Version: 1.2
Author: Der Nachtwächter
Author URI: http://www.tamagothi.de/
Tags: dark blue, widgets, dynamic width, two columns, simple

Das Theme ist ab der Version 1.1 Widget-fähig.

Das Theme formatiert ab der Version 1.2 die Bilder so, wie sie aus der Medienverwaltung von WordPress eingefügt wurden.

Und das Licht scheint in die Finsternis und die Finsternis hat's nicht ergriffen... (Joh 1,4)
*/

body {
  font-family:'Arial',sans-serif,'Helvetica';
  font-size:13px;
  color:#ccd;
  background-color:#225;
  padding:0px;
  margin:0px;
  height:100%; /* IE5! */
  width:100%;  /* IE5! */
}

a, a:visited {
  text-decoration:none;
  color:#eea;
}

a:hover, a:active {
  text-decoration:underline;
  color:#eef;
}

div {
  padding:0px;
  margin:0px;
}

#page {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
}

#head {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:54px;
  background-color:#536;
  background-image:url('images/titlebg.gif');
  background-repeat:repeat-x;
}

#head h1 {
  position:absolute;
  left:4px;
  top:4px;
  margin:0px;
  padding:0px;
  font-family:'Times New Roman',serif,'Times';
  font-weight:normal;
  font-size:24px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#eef;
}

#head h1 a {
  color:#eef;
  text-decoration:none;
}

#head h1 a:hover {
  color:#cc4;
  text-decoration:none;
}

#head .description {
  position:absolute;
  left:4px;
  top:32px;
  margin:0px;
  padding:0px;
  font-family:'Arial',sans-serif,'Helvetica';
  font-size:11px;
  font-weight:normal;
  letter-spacing:1px;
}

#headnav {
  position:absolute;
  left:0px;
  top:54px;
  height:16px;
  width:100%;
}

#content {
  position:absolute;
  left:176px;
  top:70px;
}

#sidebar {
  position:absolute;
  left:16px;
  top:86px;
  width:160px;
  background-color:#125;
  border:1px dotted #889;
}

#headnav {
  background-color:#114;
  font-size:13px;
}

#headsearch {
  position:absolute;
  left:0px;
  top:0px;
  width:120px;
  border-top:1px dotted #889;
  background-color:#225;
  margin:0px;
  padding:0px;
}

#headsearch #s {
  height:15px;
  width:120px;
  color:#eea;
  background-color:#225;
  font-family:'Arial','Helvetica',sans-serif;
  font-size:13px;
  border:0px;
}

#headsearch #searchform {
  margin:0px;
  padding:0px;
}

#headlinks {
  position:absolute;
  left:120px;
  top:0px;
  height:16px;
}

#headlinks ul {
  list-style-type:none;
  list-style-position:inside;
  margin:0px;
  padding:0px;
}

#headlinks ul li {
  display:inline;
}

#headlinks ul li a {
  padding-left:4px;
  padding-right:4px;
  margin-left:4px;
  margin-right:16px;
  color:#eea;
}

#headlinks ul li a:hover {
  background-color:#aab;
  color:#000;
  text-decoration:none;
}

/* Gestaltung eines Eintrages */

#content {
}

#content .inner {
  padding:16px;
}

#content .inner h2.pagedesc {
  border:1px dotted #889;
  margin:0px;
  padding:16px;
  margin-bottom:16px;
  font-size:14px;
  font-weight:bold;
  letter-spacing:4px;
  text-align:center;
  color:#aab;
  background-color:#114;
}

h2.date {
  text-align:right;
  letter-spacing:4px;
  font-size:14px;
  padding:2px;
  margin:0px;
  font-weight:bold;
  color:#aab;
  background-color:#114;
  border-top:1px dotted #889;
  border-left:1px dotted #889;
  border-right:1px dotted #889;
}


.post, #com {
  background-color:#114;
  border:1px dotted #889;
  margin-bottom:16px;
  background-image:url('images/displaybg.gif');
  background-repeat:repeat-x;
}

.innerpost, .innercom {
  margin:4px;
}

.posthead {
}

.posthead .innerposthead {
  margin:2px;
  color:#aab;
  font-size:11px;
  letter-spacing:2px;
}

.innerposthead h3 {
  margin:0px;
  padding:2px;
  font-weight:normal;
  font-size:18px;
  text-align:right;
  letter-spacing:4px;
  background-image:url('images/titlebg.gif');
  background-repeat:repeat-x;
  color:#eef;
}

.innerposthead h3 a {
  display:block;
  color:#ddd;
  text-decoration:none;
}

.innerposthead h3 a:hover {
  color:#eea;
  text-decoration:none;
}

.posttext {
}

.innerposttext {
  padding:8px;
  letter-spacing:1px;
}

.innerposttext p, .innerposttext blockquote, .innerposttext li, .innerposttext div {
  line-height:22px;
}

.innerposttext blockquote {
  margin-left:20px;
  padding-left:12px;
  border-left:4px solid #557;
}

.postmeta {
  border-top: 1px dotted #557;
  clear: both;
}

.innerpostmeta {
  padding:4px;
  text-align:center;
  color:#aab;
  font-size:11px;
}

.innerpostmetasingle {
  padding:4px;
  text-align:center;
  color:#aab;
  font-size:11px;
  padding-left:40px;
  padding-right:40px;
  text-align:justify;
}

/* Gestaltung der Bilder zu einem Beitrag */

img {
  border: 0px;
}

div.alignright, div.alignleft, div.aligncenter {
  border: 1px dotted #557;
  padding: 4px;
  text-align: center;
}

.alignright {
  margin-left: 8px;
  margin-bottom: 8px;
  float: right;
}

.alignleft {
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Gestaltung der Navigation unter den Beitraegen */

.nav {
  border-top:1px dotted #889;
  margin-bottom:16px;
}

.nav .inner .left {
  float:left;
}

.nav .inner .right {
  float:right;
}

/* Gestaltung des Kommentarformulares und des Kontaktformulares */

#searchsubmit, #author, #email, #url, #comment, #submit, #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg, #contactsubmit, #s {
  background-color:#446;
  color:#ccd;
  border:1px dotted #889;
  font-family:'Arial','Helvetica',sans-serif;
  font-size:13px;
}

#searchsubmit, #submit, #contactsubmit {
  font-weight:bold;
  color:#eea;
  border-top:1px solid #889;
  border-left:1px solid #889;
  padding:4px;
}

#author, #email, #url, #comment, #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
  width:320px;
}

#comment, #wpcf_msg {
  height:180px;
}

/* Gestaltung der Kommentare */

.innercom h4 {
  font-size:15px;
  font-weight:normal;
  margin:0px;
  padding:2px;
  letter-spacing:2px;
  background-image:url('images/titlebg.gif');
  background-repeat:repeat-x;
  color:#eef;
}

.innercom h4 a, .innercom h4 a:hover {
  color:#eef;
  text-decoration:none;
}

#comlist, #comform {
  padding:16px;
}

#comlist .evencom, #comlist .oddcom {
  border:1px dotted #557;
  padding:2px;
  margin-bottom:16px;
}

.commentcount {
  font-size: 160%;
  font-weight: bold;
  padding: 4px;
  margin-right: 10px;
  float: left;
}

.oddcom {
  background-color:#114;
}

.evencom {
  background-color:#000;
}

.comauthor {
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.commeta {
  font-size:10px;
  color:#aab;
}

.comtext p, .comtext blockquote, .comtext li, .comtext div {
  font-size:12px;
  line-height:22px;
}

.comtext blockquote {
  margin-left:20px;
  padding-left:12px;
  border-left:4px solid #557;
}

.comauthor, .commeta, .comtext {
  padding:0px;
  margin-bottom:2px;
}

/* Gestaltung der Sidebar */

#sidebar {
  font-size:10px;
}

#sidebar .inner {
  padding:4px;
}

#sidebar .inner ul.sidelist {
  list-style-type:none;
  list-style-position:inside;
  margin:0px;
  padding:0px;
}

#sidebar .inner ul.sidelist li {
}

#sidebar .inner ul.sidelist li p {
  font-size:10px;
  margin:0px;
  padding:1px;
  margin-bottom:8px;
}

#sidebar .inner ul.sidelist li h2 {
  font-size:12px;
  font-weight:normal;
  letter-spacing:1px;
  background-color:#557;
  margin:0px;
  padding:1px;
  background-image:url('images/sbtitle.gif');
  background-repeat:repeat-x;
  color:#eef;
}

#sidebar .inner ul.sidelist li ul {
  list-style-type:none;
  list-style-position:inside;
  margin:0px;
  padding:0px;
  margin-bottom:8px;
}

#sidebar .inner ul.sidelist li ul li {
  padding:2px;
  margin:0px;
}

#sidebar .inner ul.sidelist li ul li a {
  display:block;
  padding:1px;
  border-bottom:1px dotted #557;
}

#sidebar .inner ul.sidelist li ul li a:hover {
  background-color:#aab;
  color:#000;
  text-decoration:none;
}

/* Besonderheit: Suchen-Feld in der Sidebar */

li.widget_search div {
  text-align:center;
}

#s {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}

li.widget_search div input.searchsubmit {

}


/* Formatierung des Kalenders in der Sidebar */

#wp-calendar {
  width:100%;
  font-family:'Arial','Helvetica',sans-serif;
  font-size:10px;
}

#wp-calendar thead tr th, #wp-calendar caption {
  text-align:center;
  font-weight:bold;
  color:#889;
}

#wp-calendar tbody tr td {
  text-align:center;
}

#wp-calendar tbody tr td a {
  display:block;
}

#wp-calendar tbody tr td a:hover {
  background-color:#aab;
  color:#000;
}

#today {
  border:1px dotted #889;
}

#prev {
  text-align:left;
}

#next {
  text-align:right;
}

#prev a, #next a {
  display:block;
}

#prev a:hover, #next a:hover {
  background-color:#aab;
  color:#000;
}