body {
    background-color:#7F2600;
    color:#ddd;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image:url(../img/richwerk.gif);
    background-repeat:no-repeat;
    background-position:top right;
    text-align:left;
    margin:0;
    }


h1, h2, h3 {
    /*font-family:Georgia, serif;*/
    font-weight:normal;
    letter-spacing:0.1em;
    text-transform:uppercase;
}


div#content {
    background-color:black;
    width:970px;
}

div#intro {
    background: black url(../img/factory.png) no-repeat left bottom;
    width:176px;
    float:left;
    padding:0 5px 290px 0;
}
div#show {
    background-color:black;
    width:176px;
    padding:10px 10px 5px 0px;
    float:left;
}

div#main {
    background-color:black;
    background-image: url(../img/blackbg.gif);
    width:430px;
    padding:10px 80px 5px 80px;
    margin:0 0px 0 0px;
    float:left;

}
div#footer {
    clear:left;
}

p {
    padding:0 0 0 0;
}

a {
     font-style: normal;
     color: #fff;
     text-decoration: none;

 }
 a:link, a:visited {
     font-style: normal;
     color: #fff;
     text-decoration: none;

 }
a:hover, a:active {
     font-style: normal;
     color: #f00f13;
     text-decoration: none;

 }

h1 {
    width:100%;
    text-align:center;
    font-size:123.1%;
    line-height:150%;
    padding-bottom:0.3em;
}

h2 {
    width:100%;
    text-align:left;
    color:#fff;
    font-size:138.5%;
    padding:0 0 0 0;
    letter-spacing:0.2em;
}

h3 {
    font-size:123.1%;
    border-bottom:1px solid #7F2600;
    text-align:right;
}


h4 {
    font-size:116%;
    border-bottom:1px solid #333;
    font-variant:small-caps;
}

h5 {
    font-size:108%;
    background-color:#200;
}

pre {

    background-color:#444;
    overflow:auto;
    line-height:160%;
    border-top: 1px solid #ccc;
    padding:1em;

}

code {
    line-height:160%;
    background-color:#444;
}

#intro h1  {
    display:block;
    height:323px;
    float:left;
    overflow:hidden;
    width:73px;
    margin:0;
}
#intro h1 a {
    background:transparent url(../img/logoback.png) no-repeat scroll right top;
    display:block;
    height:323px;
    overflow:hidden;
    text-indent:-1000px;
    padding:323px 0 0 0;
    width:73px;
    line-height:40px;
    margin:0;
}
ul#navigation {

    text-align:right;
    text-transform:uppercase;
    background: transparent url(../img/star.gif) no-repeat right bottom;
    padding:0 0 75px 0;
    margin: 5px 0 0 73px;
    width:100px;
}

ul#navigation li {

    list-style:none;
    font-size:123.1%;

}
/*
 * 367
 * 593
 */

 div#flickr_badge_wrapper div {
    float:left;
    display:inline;
    margin:0 0px 0 7px;


 }
 #show p {
    margin:0 0px 0 0px;
 }

#show a img{
    padding:2px 2px 2px 2px;
    border:1px solid #999;


 }
#show a:hover img{
    padding:2px 2px 2px 2px;
    border:1px solid #999;
    background-color:yellow;


 }
 /*
  * Main
  */
h2#tumblelog {
    background: url(../img/tumblelog.gif) no-repeat right top;
    text-indent: -100em;
    overflow: hidden;
    padding:7px 0 7px 0;
    margin:0;

}

 #main form {
    background-color:#7F2600;
 }

 #main form label {
    width:30%;
    display:block;
    float:left;
 }

 #main form input,
 #main form textarea {
    width:0.6em;
    display:block;
    margin:0 0 0 30%;
 }

 #main div.post {
    line-height:133%;
    width:100%;
 }
#main div.date {
    padding:10px 5px 10px 5px;
    background-color: #fff;
    height:40px;
    width:40px;
    line-height:130%;
}

#main div.post img {
    
    max-width:418px;
    padding:5px;
    background-color:#FFF;
}

#main div.date-box {

    border-bottom:1px solid #fff;
}


#main div.date span.month {
    color: #000;
    text-transform:uppercase;
    font-size:131%;
    margin:0 0 10px 0;

}

#main div.date span.day {
    color:#CC0000;
    font-family:Georgia,serif;
    font-size:250%;
    vertical-align:super;
}

div.regular {
    padding:2em 0 0 0;
    background: url(../img/ldquo.gif) no-repeat left top;

}
div.regular h3,
div.link h3 {
    text-align:right;
    margin-top:0;
}
div.regular h3 a,
div.link h3 a {
    border-bottom:none;
}
div.regular a,
div.post-footer a,
div#prev-next a {
    border-bottom: 1px dotted #fff;

}

div.link {
    border-top:1px solid #fff;
    padding:5px 0 0 0;
    text-indent:40px;
    background: url(../img/link.gif) no-repeat left top;

}

div.photo {
    width:430px;
    color:black;
    background-color:#fff;
    padding: 2px 0 15px 0;
    }

div.photo .caption a {
padding: 0;
display: inline;
color:#333;
}

div.photo:hover {
    width:426px;
    color:black;
    border: 2px solid yellow;
    padding: 0 0 13px 0;
    }
div.photo a {

    padding:15px 0 10px 0;
    display:block

    }
div.photo a:hover {

    }
div.photo img {
    margin:auto;
    display:block;
    }
div.photo .caption {
    padding: 0 15px 0 15px;
    display:block;

}
div.post-footer,
#prev-next {
    margin:5px 0 15px 0;
    text-align:right;
    font-variant:small-caps;
 }

 div.post-footer {
    border-top: 1px solid #444;
    background: url(../img/star-small.gif) no-repeat center bottom;
    padding: 1em 0 2em 0;
    margin:0;

}

div.post-footer span {

    padding-right:8em;

}

#prev-next {
    font-size:77%;
}

/**
 * Show
 */
 div#search {

    border-bottom:1px solid white;
    height:40px;
    margin: 0px 0 10px 0;
    padding:0 0 20px 0;

 }
 div#search input.text {
    width:120px;
 }

  div#search input#search-submit {
    width:40px;
 }
 #show h2 {
    text-indent: -100em;
    overflow: hidden;

 }

 h2#das-foto {

    background: url(../img/dasfoto.gif) no-repeat right top;
    font-size:77%;
    padding:0 0 30px 0;
 }

  h2#das-projekt {

    background: url(../img/dasprojekt.gif) no-repeat right top;
    font-size:77%;
    padding:0 0 30px 0;
 }

 #footer {
    font-size:77%;
 }

 #main iframe {
     border:1px solid #eee;
     background-color:#444 !important;
     width:95% !important;
     padding:1em 2% 1em 2%;
     margin:10px 0 10px 0;
 }