/* Mark L. Irons, 2004-01-26 */


#text-block {
  margin-right:     10em           /* 0em makes margin notes into sidebars */
}

.note-container {
  position:         relative
}

.note {
  margin:           0em -12em 0em; /* 0em 0em 0em makes margin notes into sidebars */
  width:            10em;
  padding:          0em;
  font-size:        smaller
}

.note-content {
  position:         absolute;
  right:            0em;
  top:              0em;
  background:       #fffff8
}

.note-placeholder {
  float:            right;
  margin-bottom:    1.5em;
  margin-left:      2em
}

.note p {
  padding:          0em;
  margin:           0em;
  text-align:       left;
  color:            #90b0b0
}

#note1-placeholder-contents:before {
  content:          "Duis autem vel eum iriure dolor."
}

#note2-placeholder-contents:before {
  content:          "Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis."
}

#note3-placeholder-contents:before {
  content:          url(nested.divs.gif);
}

#note4-placeholder-contents:before {
  content:          "Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."
}

.ref        { display:    none    }



/*--- the rest is just for pretty ---*/

hr          { clear:      both    }

.filler     { color:      #B0B0B0 }
.readable   { color:      #000000 }

p           { text-align: justify }

body        { margin:     0em 2em }