/********************
 * Positioning
 ********************/

#headblack,
#head {
  background:white url(/blosxom/static/head1.jpg) left no-repeat;
  border:solid 2px orange;
  border-bottom:solid 2px #000033;
  text-align:left;
  padding:0px;
  margin:10px;
  height:150px;
  overflow:hidden;
}

#headblack {
  background:white url(/blosxom/static/head1black.jpg) left no-repeat;
  border:solid 2px #7f7f7f;
  border-bottom:solid 2px #191919;
}

#torso {
  position:relative;
  top:0px;
  left:0px;
  padding:0px;
  margin:10px;
}

#trunk {
  margin:0px 300px 0px 0px;
  top:0px;
}

#arms {
  position:absolute;
  right:0px;
  top:0px;
  width:275px;
  padding:0px;
  margin:0px;
}


/********************
 * Arms and Feet
 ********************/

div.armblack,
div.arm {
  color:#000033;

  background:#809cd6 url(/blosxom/static/ijsselmeerhoch3.jpg) bottom left no-repeat;

  margin:0px 0px 25px 0px;
  padding:10px 25px 75px 25px;

  border:solid 2px #000033;
  border-right:solid 2px orange;
}

div.armblack {
  color:#191919;
  border:solid 2px #191919;

  background:#ababab url(/blosxom/static/ijsselmeerhoch3black.jpg) bottom left no-repeat;
}

/********************
 * Story + Date CSSs
 ********************/

div.story,
div.storyblack,
div.storyanker,
div.storysunset,
div.storywegweiser,
div.storyschiff,
div.storykopf,
div.storyoldblog,
div.storykino,
div.storyiphone,
div.foot,
div.footblack,
div.date,
div.commentdiv,
div.prevnext {
  color:white;
  background-color:#000033;

  margin:10px 0px 10px 0px;

  border:solid 2px #000066;
  border-left:solid 2px orange;
}

div.storyblack {
  background:#3c3c3c url(/blosxom/static/ijsselmeerquer2black.jpg) bottom left no-repeat;
  border:solid 2px #191919;
  border-left:solid 2px #7f7f7f;
}

div.innerstory,
div.foot,
div.footblack,
div.date,
div.commentdiv,
div.prevnext {
  padding:10px 25px 10px 25px;
}

div.date,
div.prevnext {
  background:#5791da url(/blosxom/static/clouds1.jpg) bottom left no-repeat;
  color:#000033;
  font-weight:bold;
  letter-spacing:0.4em;
}

div.commentdiv {
  background:#819cb6 url(/blosxom/static/ijsselmeerquer1.jpg) bottom left no-repeat;
  color:#000033;
}

div.storyanker {
  background:#819cb6 url(/blosxom/static/ijsselmeerquer1.jpg) bottom left no-repeat;
}

div.storyschiff {
  background:#243954 url(/blosxom/static/ijsselmeerquer2.jpg) bottom left no-repeat;
}

div.storykopf {
  background:#000033 url(/blosxom/static/ctbg1.png) bottom left no-repeat;
}

div.storykino {
  background:#000033 url(/blosxom/static/konstantimfilm.jpg) bottom left no-repeat;
}

div.storyiphone {
  background:#ffffff url(/blosxom/static/iphoneback.jpg) bottom left no-repeat;
  border:1px solid white;
  color:black;
}

div.storywegweiser {
  color:#000033;
  background:#aaacb7 url(/blosxom/static/wegweiser1.jpg) bottom left no-repeat;
}

div.storykopf div.storymetas {
  margin-top:80px;
}

div.storykino div.storymetas {
  margin-top:60px;
}

div.storywegweiser div.storymetas {
  margin-top:120px;
  text-align:right;
  border:dotted 1px #000033;
  border-bottom:none;
}



div.storyoldblog {
  background:#000033 url(/blosxom/static/oldblog.jpg) bottom left no-repeat;
}

div.storysunset, div.foot {
  color:black;
  background:#88a4c6 url(/blosxom/static/ijsselmeersunset1.jpg) bottom left no-repeat;
}

div.footblack {
  color:black;
  background:#9c9c9c url(/blosxom/static/ijsselmeersunset1black.jpg) bottom left no-repeat;
  border:solid 2px #191919;
  border-left:solid 2px #7f7f7f;
  border-bottom:solid 2px #7f7f7f;
}

div.date,
div.comments,
div.prevnext {
  margin:10px 0px 0px 0px;
}

div.foot {
  border:solid 2px #000033;
  border-left:solid 2px orange;
  border-bottom:solid 2px orange;
}

/********************
 * Body, p, img, etc.
 ********************/


body {
  background-color:#ccc;
  background-image:url(/blosxom/static/kopf-bg3.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
  margin:0px;
  padding:0px;
  font-family:Garamond,Gentium,"Bookman Old Style","Book Antiqua","Century","Century Gothic",Times,serif;
}

img {
  border-style:none;
}

img.pixieimage{
  background:white;
  padding:4px;
  border:solid 1px orange;
}

img.pixiethumb{
  background:white;
  padding:4px;
  border:solid 1px blue;
}

div.imageheader{
  padding:0px;
  padding-left:1em;
  margin:0px;
  background-color:#000033;
  border-left:solid 2px orange;
}

div.storyiphone div.imageheader{
  border:none;
  background-color:white;
}

div.obimagerow{
  margin:10px 0px 10px 0px;
}

div.obimagerow img{
  margin-right:15px;
}

div.imageheader img.pixieimage{
  padding:0;
  border-style:none;
}

div.tagicons {
  position:relative;
  float: right;
  border-left:dotted 1px orange;
  margin:10px;
  margin-right:0;
}

div.floatimage {
  position:relative;
  float: left;
  margin:10px;
  margin-left:0;
}

table.blind {
  width:100%;
  border:none;
}

table.blind td {
  vertical-align:top;
}

img.icon {
  padding: 5px;
}

div.title {
  color:white;
  background:#000033;
  padding:0px;
  padding-left:22px;
  font-size:150%;
  font-weight:bold;
  border-left:3px solid orange;
  font-family:Tahoma,Helvetica,Arial,sans-serif;
}

div.storyblack div.title {
  background:#191919;
  border-left:3px solid #7f7f7f;
}

h2,h3,h4,h5,h6 {
  font-family:Tahoma,Helvetica,Arial,sans-serif;
}

div.subtitle,
div.weblinks,
div.createdat {
  color:#000033;
  background:orange;
  padding:0px;
  padding-left:25px;
  padding-right:1em;
  font-variant:small-caps;
  font-family:Tahoma,Helvetica,Arial,sans-serif;
  letter-spacing:0.6em;
}

div.storyblack div.subtitle,
div.weblinks,
div.storyblack div.createdat {
  color:#191919;
  background:#7f7f7f;
}

div.subtitle {
  font-weight:bold;
  font-variant:small-caps;
}

div.createdat {
  text-align:right;
  border-top:dotted 1px #000033;
  font-size:80%;
}

div.storyiphone div.createdat {
  border:none;
  background:#000000 url(/blosxom/static/iphone-favbar.gif) top left repeat-x;
  color:white;
  font-size:120%;
}

div.weblinks {
  color:white;
  background:#000033;
  font-size:80%;
  padding-left:22px;
  border-left:3px solid orange;
  letter-spacing: 0em;
  border-bottom:solid 1px orange;
}

div.body p {
  text-indent:10px;
}

div.body p:first-letter {
  font-weight:bold;
  font-size:larger;
  color:orange;
  font-family:Tahoma,Helvetica,Arial,sans-serif;
}

div.storyblack div.body p:first-letter {
  color:#7f7f7f;
}

div.storyiphone div.body p:first-letter {
  color:#7f7f7f;
}

div.storymetas {
  text-align:center;
  font-size:80%;
  margin:15px 25px 0px 25px;
  padding:10px 20px 25px 20px;
  border:dotted 1px orange;
  border-bottom:none;
  font-family:Tahoma,Helvetica,Arial,sans-serif;

  background: url(/blosxom/static/bgalphablue.png) repeat;  
}

div.storyblack div.storymetas {
  border:dotted 1px #7f7f7f;
  background: url(/blosxom/static/bgalphawhite.png) repeat;  
}

div.date a:link, div.date a:visited {color:#000033;}

div.storywegweiser a:link { color:#000099; }
div.storywegweiser a:visited { color:#000066; }

#arms a:link {  color:#991100; }
#arms a:visited {  color:#cc3300; }
#arms div.armblack a:link {  color:#4c4c4c; }
#arms div.armblack a:visited {  color:#666666; }

div.storyblack a:link {  color:#b2b2b2; }
div.storyblack a:visited {  color:#999999; }
div.footblack a:link {color:#191919;font-weight:bold;}
div.footblack a:visited {color:#191919;font-weight:bold;}
div.foot a:link {color:#000033;font-weight:bold;}
div.foot a:visited {color:#000033;font-weight:bold;}

span.blackyetorange,
div.storyblack a.mainblog:link,
div.storyblack a.mainblog:visited {  color:orange; font-weight:bold;}

div.weblinks a:link { text-decoration:none; color:#ffcc66; }
div.weblinks a:visited { text-decoration:none; color:#ffcc66; }

a:link { text-decoration:none; color:#ffcc66; }
a:visited { text-decoration:none; color:#ffcc33; }
a:active, a:hover, a:focus {text-decoration: underline;}

div#calender{
  text-align:center;
/*  font-size: 80%;*/
}

p.impressum {
  color:#000033;
  text-align:center;
  font-size:70%;
  font-family:Tahoma,Helvetica,Arial,sans-serif;
}


table.commentsubhead {
        margin-left: 12px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
}

table.commentsubhead tr {
        vertical-align: top;
}

table.commentsubhead tr.beiwerk th, table.commentsubhead tr.beiwerk td {
       font-size: 50%;
       font-family:Tahoma,Helvetica,Arial,sans-serif;
       color: #000066;
}

table.commentsubhead th, table.commentsubhead td {
        text-align: left;
        padding: 0px;
        margin: 0px;
}

blockquote, pre,
td.blockq {
/*  background-color: #aaacb7; */
  background: url(/blosxom/static/bgalphawhite.png) repeat;
  border: 1px solid #000033;
  padding: 6px 12px 6px 12px;
  margin: 6px 24px 6px 24px;
}

pre {
  text-align: left;
  font-size: 85%;
}

div.commentform {
  color:orange;
  background: url(/blosxom/static/bgalphablue.png) repeat;
  padding:5px;
}

/* Button-like reply links */

a.reply, input.reply {
        color: orange;
        border: 1px solid orange;
        background-color: #000033;
        padding: 3px;
        cursor: pointer;
        font-family:Tahoma,Helvetica,Arial,sans-serif;
}

a.reply:link, a.reply:visited {
        text-decoration: none;
}

a.reply:hover, a.reply:focus, a.reply:active,
input.reply:hover, input.reply:focus, input.reply:active {
        text-decoration: underline;
}

.highlight {
  background-color:yellow;
  color: #000033;
}

div.arm ul {
  list-style-type:none;
}

ul.links {
  list-style-image:url(/blosxom/static/tilde2.png);
}