/*  
Theme Name: BlogPimp NightLight-01
Theme URI: http://blogpimp.de/
Description: Das NightLight-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.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  background		: #310 url(images/pattern_100.gif);
  color				: #fec;  
}

/* ####################### Seitenaufbau #################### */
#mantel {
  width				: 750px;
  text-align		: left;
  margin			: 20px auto;
  background		: #512807 url(images/weblog_header_neu.jpg) no-repeat top center;
}

/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6 {
  font				: italic 1.5em/1.3 Georgia, "Times New Roman", "Times Roman", Times, serif;
  margin			: 20px 20px 3px;
}

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

p {
  font-size			: 0.8em;
  margin			: 0 20px 8px;
}

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

a {
  color				: #fc3;
  text-decoration	: none;
}

a:hover {
  color				: #9bf;
  background		: #200;
}

blockquote {
  background		: #420;
  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 #b60;
  color				: #edb;
  letter-spacing	: 1px;
}

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

#seitenkopf h1 {
  padding			: 15px 0 0 20px;
  margin			: 0;
}

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

#seitenkopf p {
  font				: italic 1.0em/1.3 Georgia, "Times New Roman", "Times Roman", Times, serif; 
  padding			: 0 0 0 20px;
  margin			: 0;
}


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

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

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

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

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

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

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

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

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

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

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

#inhalte table th,
#inhalte table td {
  border-right		: 1px solid #642;
  border-bottom		: 1px solid #642;
  padding			: 0 5px;
}
 
.clip {left: 20px; position: relative; align:left;}

/* ####################### Icons #################### */
#inhalte .post span.comment-icon a {
  background		: url(images/comment.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post span.comment-icon a:hover {
  background		: #200 url(images/comment-hover.gif) no-repeat;
}

#inhalte .post span.folder-icon a {
  background		: url(images/folder.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post span.folder-icon a:hover {
  background		: #200 url(images/folder-hover.gif) no-repeat;
}

#inhalte .post a span.edit-icon {
  background		: url(images/edit.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post a:hover span.edit-icon {
  background		: url(images/edit-hover.gif) no-repeat;
}

#navi li.page_item a {
  background		: #421 url(images/page.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 18px;
}

#navi li.page_item a:hover,
#navi ul li ul li.current_page_item a {
  background		: #200 url(images/page-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 18px;
  color				: #8bf;
}

#navi ul.thema li a {
  background		: #421 url(images/folder-m.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi ul.thema li a:hover,
#navi ul.thema li.current-cat a {
  background		: #200 url(images/folder-m-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
  color				: #8bf;
}

#navi ul.extlink li a {
  background		: #421 url(images/extlink.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi ul.extlink li a:hover {
  background		: #200 url(images/extlink-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
  color				: #8bf;
}

#navi li.wpicon a {
  background		: #421 url(images/wordpressicon.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi li.wpicon a:hover {
  background		: #200 url(images/wordpressicon-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi li.logicon a {
  background		: #421 url(images/logicon.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi li.logicon a:hover {
  background		: #200 url(images/logicon-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi ul.admin li a {
  background		: #421 url(images/adminicon.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
  font-size			: 1.25em;
}

#navi ul.admin li a:hover {
  background		: #200 url(images/adminicon-hover.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi li.rss-icon a {
  background		: #421 url(images/rss.gif) no-repeat 4px 3px;
  padding			: 1px 5px 2px 22px;
}

#navi li.rss-icon a:hover {
  background		: #200 url(images/rss-hover.gif) no-repeat 4px 3px;
  padding			: 1px 5px 2px 22px;
}

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

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

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

#commentform textarea {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #753;
  background		: #310;
  color				: #dcb;
  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 {
  background		: #3a1a0a;
  padding			: 2px 5px 3px;
  margin			: 0 0 5px 0;
}

ol.commentlist li.alt {
  background		: #421;
}

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

/* ####################### Kontaktformular #################### */
#inhalte div.contactform {
  margin			: 20px 0 10px 20px;
  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				: 250px;
  padding			: 2px 3px;
  border			: 1px inset #753;
  background		: #310;
  color				: #dcb;
}
  
#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				: 460px;
}

#inhalte .contactsubmitl {
  clear				: both;
}

#inhalte #contactsubmit {
  width				: auto;
  margin			: 40px 0 0 0;
  border			: 1px outset #753;
  background		: #310;
  color				: #dcb;
}
  
#inhalte #contactsubmit:hover {
  background		: #643;
}

/* ####################### Navigation #################### */
#navi {
  width				: 240px;
  float				: right;
  padding			: 20px 0 0 0;
}

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

#navi ul {
  font-size			: 1.0em;
  list-style-type	: none;
  padding			: 0;
  margin			: 0 20px 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;
}

#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 {
  background		: #421;
  padding			: 1px 5px 2px;
  display			: block;
  border-bottom		: 1px solid #530;
}


#navi ul li ul li.current-cat a {
  padding			: 1px 5px 2px;
  display			: block;
  color				: #8bf;
}

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

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

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

#navi #suche .si {
  width				: 140px;
  font				: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #753;
  background		: #310;
  color				: #fed;
  padding			: 1px 5px 3px;
  margin			: 5px 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 #753;
  background		: #310;
  color				: #fed;
  padding			: 0px 3px 2px;
  margin			: 5px 0 5px;
}

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

#navi ul#themeswitcher li.current_theme {
  background		: #200;
  color				: #8bf;
  padding			: 1px 5px 2px;
  border-bottom		: 1px solid #aaa;
}

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

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

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

#wp-calendar #today {
  background		: #200;
  color				: #fc3;
}

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

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

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

#wp-calendar a:hover {
  color				: #8bf;
}

/* ####################### Seiten-Fuss #################### */
#seitenfuss {
  clear				: both;
  border-top		: 10px solid #512807;
  background		: #310;
  width				: 750px;
}

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