BODY{
background:#8ff;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#banner {
background: #ffa;
border-top: 2px solid  #000;
border-left: 2px solid  #000;
border-right: 2px solid  #000;
border-bottom: 2px solid #000;
z-order:1;
}

#banner h1 {
color: #066;
z-index: 11;
}

#container {
position: relative;
}

.context {
background: #fdd;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
position: relative;
top: 0px;
float: left;
width: 20%;
z-index:10;
}

.subject {
background: #afa;
border: 2px solid #000;
position: relative;
top: 0px;
}

 .factoid {
 background: #cfc;
 margin: 1em;
 }

 .topic {
 font-variant: small-caps;
 font-size: 125%;
 font-weight: bold;
 color: blue; 
 }
 
#message {
background: #faa;
z-index=1;
border: 6px groove #000;
position: absolute;
top: 30%;
left: 40%;
width: 40%;
padding: 1em;
}

.diary {
font-size: 200%;,
font-family: serif;
font-weight: bold;
text-indent:-3em;
padding-left: 3.5em;
}

.timestamp{
text-decoration: underline;
}
 #outer {position: absolute; top: 200px; left: 200px; color:red;}
 #inner {position: relative; top: 100px; left: -100px;
   height: 130px; width 130px; color:green;}