code {
    margin-top: 8pt;
    margin-bottom: 8pt;
    background-color: #FFFFEE;
    white-space: pre;
    border-style: solid;
    border-width: 1pt;
    border-color: #999999;
    color:#111111;
    padding-left: 0.4%;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 99.6%;
}

pre {
    margin-top: 8pt;
    margin-bottom: 8pt;
    background-color: #FFFFEE;
    white-space: pre;
    border-style: solid;
    border-width: 1pt;
    border-color: #999999;
    color:#111111;
    padding-left: 0.4%;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 99.6%;
}


img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 5px 5px 0;
}

img.logo {
       float: left;
}

img.icon {
       vertical-align: middle;
      border: none;
}

.post{
   border-style:none;
   padding: 2pt;
}

.abstract{
  font-weight: bold;
}


.post-header{
   border-style: dotted;
   border-wodth: 1pt;
   border-color:black;
   background-color: purple;
   color: white;
}

.post-footer{
   text-align: left;
   font-size: x-small;
}

textarea {
    margin-top: 8pt;
    margin-bottom: 8pt;
    background-color: #FFFFEE;
    white-space: pre;
    border-style: dotted;
    border-width: 1pt;
    border-color: #999999;
    color:#111111;
    padding-left: 0.4%;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 99.6%;
}


body {
  padding: 2em 1em 2em 70px;
  margin: 0;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

a:link { color: none; text-decoration: none}
a:visited { text-decoration: none}
a:active {text-decoration: none }
a:hover {text-decoration: underline}

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
h1, h2, h3, h4, h5 { color: #000000; background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

.hide { display: none }

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

div.footer{text-align: center}

p.copyright { font-size: x-small }
p.copyright small { font-size: x-small }

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa }
}


p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  font-size:small;
}

dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

ul.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

div.links_box {
  
  border-style: solid;
  border-width: 1px;
  background-color: silver;
  color: black;
  padding: 10px;
  margin: 10px;
  float:right;
  width: 150px;
}

div.about_box {
  
  border-style: solid;
  border-width: 1px;
  background-color: silver;
  color: black;
  padding: 10px;
  margin: 10px;
  float:right;
  width: 150px;
}