* { margin: 0; padding: 0; }

body{
  font:100% Helvetica,Arial,Tahoma,sans-serif;  

  background-color:#ffffff;
  color:#000;
  line-height:1.2em;
  margin:0 auto;
  padding:0;
  background: url(/images/bg-light-02.jpg);
}

A {
  text-decoration:underline;
  color:darkred;
}

A:visited {
  text-decoration:underline;
  color:darkred;
}

#header{
	margin:0;
	height:237px;
	position: absolute;
	width: 831px;
	background-color: #ccc;
        background-image: url(/images/header-distorted-01.jpg);
}

#header A {
    text-decoration: none;
}

#content { 
  background-image: url(/images/bg02.jpg);
   position: relative;
   margin-top: 0px;
   padding: 10px;
   padding-top: 0px;
   top: 237px;
   width: 579px;
   background-color: #f2f2f2;

}


 
#fadein {
   position: relative;
   left:  -10px;
   height: 25px;
   width: 598px;
   background-image: url(/images/fadein-big-new.png);
}


#sidebar {
    color: #ccc;
    position: absolute;
    left: 607px;
    top: 269px;
/*    width: 143px; */
    width: 225px;
    padding-left: 8px;
    border-left: solid 1px #2e2216;
    background-image: url(/images/bg03.jpg);
    background-repeat: repeat;
    font-size: 80%;
}


#sidebarFadeIn {
    position: absolute;
    top: 237px;
    left: 607px;
/*    width: 149px; */
    width: 231px;
    height: 32px;
    padding-left: 2px;
    border-left: solid 1px #111;
    background-image: url(/images/bg03-top.jpg);
    background-repeat: repeat;
}


#outer {
/*      color:#404040; */
      color:#202020;
      padding-left: 10px; 
      padding-right: 10px; 


      margin-top: 0px;
      margin-left: auto;
}


.blosxomStory {
    /*
   padding-bottom: 10px;
   padding-left: 3px;
   padding-top: 3px;
   padding-right: 3px;
       */
        padding: 10px;
        padding-left: 15px;    
   border-top: solid 1px  #000000;
   margin-bottom: 15px;
   background-color: #f2f2f2;
/*   text-indent: 15px; */
   background: url(/images/bg-light-02.jpg);
/*
   filter:alpha(opacity=80); 
   opacity:.80;
   -moz-opacity:.80;
*/
}


.blosxomStory P {
  padding-bottom: 10px;
}




.blosxomStory .image { text-indent: 0px; }
.blosxomStory IMG {
 background: black;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 3px;
  max-width: 553px;
}


#sidebar #side1 {
  width: 125px;
  float: left;

}

#sidebar #side2 {
  padding-left: 0px;
  width: 100px;
  float: right;

}


#sidebar a { 
  color: #FCF0A6;
  text-decoration: underline;
}


#sidebar h2 { 
   font-size: 110%; 
   padding-top: 0px; 
   text-align: center;
}



.vimeoBadge {
  padding-left:2px;
  text-align: center;
  font-size: 10px;
  line-height: 11px;
}
.vimeoBadge IMG {  border: solid 1px black; }


.vimeoBadge #clip {
  width: 80px;
  padding-bottom: 10px;
}



/* The site is down, etc. */
.notice {
color:black;
 font-size: 100%; 
   padding: 5px;
  background-color: #D7D8A9; /* #ffffcc;*/
  filter:alpha(opacity=85); 
  opacity:.85;
  -moz-opacity:.85;
border: solid 1px #687B37;
}







#header a { color:#dfdfdf; }
#header .maillink
{ color: darkred; }


#blogtitle {
      margin: 0px;
      text-indent: 15px;
      padding: 0px;
      padding-top: 10px;
      padding-bottom: 7px;
      margin-bottom: 3px;

      background-color: #000;
}

#slogan {
     text-indent: 15px;
     background-color: #f2f2f2;
     border-top: solid 1px #aaaaaa;
     border-bottom: solid 1px #aaaaaa;
}



/* site title */
h1 { 
padding: 3px; 
}
/* big date */
h2 { 
          
	padding: 3px; 
	padding-top: 7px;
	padding-bottom: 7px; 
	color: #A69A84; 
/*	color: #ddd; */
/*	border-bottom: solid 1px #dfdfdf;  */
}

/* story title */
h3 { 
  padding: 3px; 
  padding-left: 25px; 
  padding-bottom: 7px; 
  padding-top:7px;

  background-image: url(/images/fade.png);
  background-repeat: no-repeat; 

  color: black;
    text-align: center;
  filter:alpha(opacity=60); 
  opacity:.60;
  -moz-opacity:.60;
}

.storyTitle A {
    text-decoration:none;
/*  color: #FCF0A6;  */
    color: #F3F298; 
}

.blosxomStory H2, .blosxomStory H3, .blosxomStory H4  { 
     color: black;
     background: none;
     padding-left: 0px;
     filter:alpha(opacity=100);
     opacity:1.0;
     -moz-opacity:1.0;
}
.blosxomStory h2 {  }
.blosxomStory h3 {  }
.blosxomStory h4 { color: #303030; padding-top: 7px;  }


.storyTime { display: inline; }

/* this is for stuff htmlized from emacs */
.code {
    margin-top: 3px;
    margin-right: 3px;
    padding: 10px;
    line-height: 14px;
    font-size: 12px;
    text-indent: 0px;
    margin-bottom: 5px;
}

/* this is NOT for htmlized stuff from emacs. */
.blosxomStory CODE {
   background-color: #222;
   color: white;
   padding: 1px;
}



.qotd {
   text-indent: 0px;
    margin-top: 3px;
    margin-right: 3px;
    padding: 10px;
padding-bottom: 0px;
    padding-left: 90px;
    background-color: #f2f2f2;
    border: solid 1px #aaa; /* #B74F4F; */
    border-top: 0px;

    font-size: 150%;
    line-height: 97%;
    font-weight: bold;
    display:block;
    min-height: 60px;

    background-image: url(/images/blockquote.png);
    background-repeat: no-repeat;
}
/*
.blockQuote {
   display: block;
}*/
.qotd ul {
    display: block;
    font-weight: bold; 
    padding: 0px;
    margin: 10px;
    color: #808080;
    list-style-type: none;
    text-align: right; 
    font-size: 75%;
}

.byline {
  float: right;
  padding: 5px;
}

#footer {
  color: #3e3e3e;
  font-size: 80%;
  height: 20px;

}
#feeds {
float: right;
padding-right: 5px;
}
#copyright {
padding-left: 5px;
float: left;
}



.blosxomCommentForm {
 background-color: #aaa;
 filter:alpha(opacity=80); 
 opacity:.80;
 -moz-opacity:.80;
}
.commentinput {
 filter:alpha(opacity=60); 
 opacity:.60;
 -moz-opacity:.60;
  background-color: brown;
  color: black;

}



.links LI, .dump LI {
  list-style-type: none;
  font-size: 11px;
  padding-left: 5px;
  padding-right: 3px;
  line-height: 12px;
  margin-bottom:5px;
}
.links .desc, .dump .desc {
  color: #ccc;
  font-size: 11px;
}
.blosxomStory UL { 
    margin-bottom: 10px;
}
.blosxomStory UL LI {
  list-style-position: inside;
  list-style-type: square;
  margin-left: 15px;
}

.blosxomStory .image-caption {
    font-size: 95%;
}  

.blosxomStory .image {
       padding-bottom: 15px;
 }

    
    

.blosxomStory .footnote {
      margin-top: 15px;
    font-size: 95%;
    padding-left: 10px;
}
    
.blockquote { 
    margin-left: 15px;
    font-style: italic;
}