/*  
Theme Name: Rochus Wolff
Theme URI: http://rochuswolff.de/
Description: My very own.
Version: 1.0
Author: Rochus Wolff
Author URI: http://rochuswolff.de/

*/

* { margin:0px; padding: 0px; }
ul { list-style-type: none; }

body { margin-top: 10px; font-family: Verdana, Arial, sans-serif;
       background-color: #fff; }

a { text-decoration: none;
    color: #e1311e;
    }
a:hover { color: #e1311e;
          text-decoration: underline;
          }
a img { border: 0px; }

h1,h2 { font-weight: normal; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; clear: both; }
h4 { font-size: 1em; font-weight: normal; }
h5 { font-size: 1em; font-weight: bold;
     border-bottom: 1px solid #999;
     margin-bottom: 1em;
     margin-top: 2em; }

/* specifics */

#head { width: 100%; height: 100px !important;
  padding-left: 20px; padding-right: 0px;
  border-bottom: 1px solid black;
  background-color: white; 
  position: fixed;
  top: 0px; left: 0px;
  font-family: Verdana, Arial, sans-serif;
z-index: 1000;
  }

body { background-image: url('./hintergrund_head.jpg');
       background-repeat: repeat-x;
       background-position: 0 10px; }
html>body { background-attachment: fixed;
            background-position: top; }

#head img { margin-top: 4px;
      width: 96px;
      }

h6 { font-size: 2em;
     font-weight: normal; }
h6 a { color: black; }
h6 a:hover { text-decoration: none; }

#head h6 { float: left; width: 12em; }
#head>h6 { float: none; width: auto; position: absolute; bottom: -.2em; left: 20px; }
#head img { float: left; }
#head>img { float: none; }

#navigross, #naviklein { list-style-type: none; text-align: right; margin-right: 20px; margin-top: 20px; }

div>ul#navigross { position: absolute; bottom: -.2em; right: 20px; }
div>ul#naviklein { position: absolute; top: .2em; right: 20px; }

#navigross li { display: inline;
           margin-left: 1em;
           font-weight: bold;
           }

#navigross li a { text-decoration: none;
           color: black;
           }
#navigross li a:hover { text-decoration: none;
           color: #e1311e;
           }
           
#naviklein li { display: inline;
           margin-left: 1em;
           font-size: .8em;
         }

#naviklein li a {
           text-decoration: none;
           color: #999;
           }
#naviklein li a:hover {
           text-decoration: none;
           color: #e1311e;
         }

#main { margin-top: 100px;
        margin-left: 20px;
        margin-right: 20px;
        }
body>#main { margin-top: 200px; }

#content { margin-top: 50px;
         /* font-family: Georgia, serif; */
         }

.schmalespalte { float: left;
                 width: 50%;
                 }
.breitespalte { float: left;
                 width: 75%;
                 }


#rand { font-size: .8em; 
          float: right;
          width: 42%; padding-right: 20px;
color: #999;
        }
#rand1 { float: right;
          width: 45%;
        }
#rand2 { float: left;
          width: 45%;
        }
        
.block, ul.strukturiert ul, .kommentare, form#commentform, .postspermonth {
       border-top: 1px solid #e1311e;
       padding-top: 1em;
       margin-top: -.15em;
       margin-bottom: 3em;
       }
.block .text {
       letter-spacing:0.02em;
       font-family: Georgia, serif;
       font-size: 1em;
       line-height: 1.3em; }
.block .text * { margin-bottom: 10px; }
.subblock { margin-bottom: 20px;
       border-top: 1px solid #999;
       padding-top: 10px;
       margin-top: -.15em;
}
.block .delicious {
       font-family: Verdana,Arial,sans-serif;
       margin-left: 20px; }
.block .delicious ul li { margin-bottom: 10px; }

.block .delicious ul, .block .text ul {
       list-style-type: circle;
       margin-left: 10px;
       padding-left: 20px;
       }
.block .text ol {
       margin-left: 10px;
       padding-left: 20px;
       }

.block .category { font-family: Verdana,Arial,sans-serif;
                   position: relative;
                   top: -1.6em; right: 0px;
                   text-transform: uppercase;
                   color: #999;
                   font-size: .6em;
                   font-weight: bold;
                   text-align: right;
                   }
.block .category a { color: #999; }

#footer {
        padding-top: 50px;
        margin-bottom: 20px;
        clear: both;
      }
#footer div { border-top: 1px solid #999;
        padding-left: 20px;
        padding-right: 20px;
        font-size: .8em;
        color: #999;
        text-align: right;
        padding-top: 20px;
      }
.meta { color: #999;
        font-size: .8em;
        text-align: left;
/*        background-image: url('./other_linie2.jpg');
       background-repeat: no-repeat;
       background-position: bottom left; */
       padding-left: 20px;
       padding-top: 10px;
       margin-bottom: 50px;
clear: both;
     }
.meta p { margin: 0px; }
.meta a { color: #999; }
.kommentare .meta { background-image: none; padding-top: 10px; }

blockquote { margin-left: 40px;
             font-style:italic;
             }
/* Specify pairs of quotes for two levels in two languages */
q { quotes: "«" "»" '"' '"' }

/* Insert quotes before and after Q element content */
q:before { content: open-quote }
q:after  { content: close-quote }

blockquote>em, blockquote em {
	font-style: normal;
}

.kommentare, form#commentform { padding-left: 50px;
              font-size: .8em; }

input, textarea { border: 1px solid #999; margin-bottom: 10px; }
input:hover, textarea:hover { border-color: #000; }
input:active, textarea:active, input:focus, textarea:focus { border-color: #e1311e; }

.postspermonth {
list-style: none;
padding-left: 25px;
}

.rssicon {
width: .9em;
height: .9em;
border: 0px;
}

textarea { width: 80%; }
form#commentform div p { padding-bottom: 10px; }
form#commentform div p input { margin-bottom: 0px; }

ul.flickr li { display: inline; margin-right: 5px; margin-bottom: 5px; }
#delicious ul { list-style-type: circle; padding-left: 20px; }
#delicious ul li, #delicious ul li div { margin-bottom: 0px; }
.navigation { margin-bottom: 30px; color: #999; }
.alignleft { width:45%; float:left; text-align: left; font-size: .8em; }
.alignright { width:45%; float:right; text-align: right; font-size: .8em; }
ul.tags, ul.tags li { display: inline; margin-right: 5px; }
.list ul { list-style-type: circle; padding-left: 20px; }
.small { font-size: .8em; color: #999; }
.text img { clear: both; float: right; margin-left: 10px; margin-bottom: 10px; border-width: 0px; margin-top: 0px; padding: 4px; background-color: transparent; border: 1px dotted #999; }
.text img.links { clear: both; float: left; margin-left: 0px; margin-right: 10px; margin-top: 0px; }
.text img.block { clear: both; float: none; margin-left: 0px; margin-top: 0px; }