/*
Theme Name: BlogPimp BrightFire
Theme URI: http://blogpimp.de/
Description: Das Feuer-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 Cambria, Constantia, "Times New Roman", "Times Roman", Times, serif;
  background                : #1f1812;
  color                                : #bbb;
}

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

/* ####################### 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                                : #ff6a0c;
  font-family                : "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif;
}

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

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

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

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

a:hover {
  color                                : #fff;
  background                : #310;
}

blockquote {
  background                : #550800;
  margin                        : 10px 30px 10px 40px;
  padding                        : 5px 0;
  font                                : italic 1.0em/1.6 Cambria, Constantia, "Times New Roman", "Times Roman", Times, serif;
  border-left                : 5px solid #730;
  color                                : #ccc;
  letter-spacing        : 1px;
}

/* ####################### Seiten-Kopf #################### */
#seitenkopf {
  width                                : 1010px;
  height                        : 360px;
}

#seitenkopf h1 {
  padding                        : 19px 0 0 19px;
  margin                        : 0;
  font-weight                : normal;
}

#seitenkopf h1 a {
  font-size                        : 1.3em;
  color                                : #ff6a0c;
  padding                        : 1px 5px 2px;
  margin                        : 0;
  font-weight                : normal;
  font-family                : Tahoma, "Trebutchet MS", "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, sans-serif;
  letter-spacing        : 2px;
}

#seitenkopf h1 a:hover {
  color                                : #fff;
  background                : #310;
}

#seitenkopf p {
  font-size                        : 1.0em;
  padding                        : 0 0 0 25px;
  margin                        : 0;
  color                                : #ff6a0c;
  font-family                : Tahoma, "Trebutchet MS", "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, sans-serif;
  font-weight                : normal;
  letter-spacing        : 1px;
}

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

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

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

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

#inhalte .navigation {
  width                                : 780px;
  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 #420;
}

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

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

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

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

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

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

#inhalte table th,
#inhalte table td {
  border-right                : 1px solid #420;
  border-bottom                : 1px solid #420;
  padding                        : 0 5px;
}

#inhalte img {
  float                                : left;
  margin                        : 6px 10px 3px 0;
  border                        : 1px solid #420;
}

#inhalte #sucheingabe {
  width                                : 180px;
  font                                : normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border                        : 1px inset #d63;
  background                : #420;
  color                                : #fff;
  padding                        : 1px 5px 3px;
  margin                        : 0 0 5px 25px;
}

#inhalte #suchsubmit {
  width                                : 53px;
  font                                : normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border                        : 1px outset #d63;
  background                : #420;
  color                                : #fff;
  padding                        : 0px 3px 2px;
  margin                        : 5px 0 5px;
}

#inhalte #suchsubmit:hover {
  background                : #4d6344;
}

/* ####################### Kommentare #################### */
#commentform input {
  font                                : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border                        : 1px inset #a63;
  background                : #420;
  color                                : #fff;
  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 #a63;
  background                : #420;
  color                                : #fff;
  padding                        : 0px 3px 2px;
  margin                        : 0px 0 10px 5px;
}

#commentform input#submit:hover {
  background                : #4d7344;
  color                                : #fff;
}

#commentform textarea {
  font                                : normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border                        : 1px inset #a63;
  background                : #420;
  color                                : #fff;
  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 #420;
}

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

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 #a63;
  background                : #420;
  color                                : #fff;
}

#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 #a63;
  background                : #420;
  color                                : #fff;
}

#inhalte #contactsubmit:hover {
  background                : #4d6344;
  color                                : #fff;
}

/* ####################### Navigation #################### */
#navi {
  width                                : 220px;
  float                                : right;
  padding                        : 33px 0 10px 0;
  font-family                : "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
}

#navi h2 {
  font                                : normal 1.0em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin                        : 0;
  padding                        : 10px 5px 2px;
  color                                : #fff;
  border-bottom                : 1px solid #420;
  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 #420;
}


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

#navi ul li ul li a:hover {
  background                : #420;
  color                                : #fff;
}

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

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

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

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

#navi #suche .ss:hover,
#navi #search #ss:hover {
  background                : #4d6344;
}

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

/* ####################### Kalender #################### */
#wp-calendar {
  width                                : 190px;
  line-height                : 1.0em;
  margin                        : 5px 0 5px 5px;
  font-size                        : 0.8em;
  border-collapse        : collapse;
  border-top                : 1px solid #420;
  border-left                : 1px solid #420;
  font-family                : "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif;
}

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

#wp-calendar #today {
  background                : #420;
  color                                : #fff;
  font-weight                : bold;
}

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

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

#wp-calendar a {
  color                                : #fff;
  font-weight                : bold;
}

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

/* ####################### Seiten-Fuss #################### */
#seitenfuss {
  clear                                : both;
  border-top                : 1px solid #5d7354;
  background                : #550800;
  width                                : 1000px;
}

#seitenfuss p {
  padding                        : 5px 0;
  text-align                : center;
  font-size                        : 0.6em;
  font-family                : "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif;
}