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{
}

.abstract{
  font-weight: bold;
}


.post-header{
   color:silver;
   padding-top: 10px;
}

.post-footer{
   text-align: right;
   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 4em 2em 4em;
  margin: 0;
  font:  100%/1.45 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
  color: black;
  background: white;
  background-image: url('http://www.cetis.ac.uk/members/scott/resources/flash.png');
  background-repeat: no-repeat;
  background-position: top right;
}

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

h3 {font: 28pt/24pt Helvetica, "Lucida Grande", Arial, Verdana, sans-serif; font-weight:normal; color:#333; text-decoration: none}

h3 a {font: 28pt/24pt Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;font-weight:normal;  color:#333; text-decoration: none}

.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; clear:both}

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

p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  font: 100%/1.45 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
}

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 } 
}

#panel{
 float: right;
 width: 200px;
 text-align: center;
}

#panel_contents{
 margin-left: auto; margin-right: auto;
}

#main{
 margin-right: 250px;
}

#widgets{
 height: 100%;
 width: 200px;
 margin: 0px;
 padding: 0px;
}

#facebook_div{
  margin: 5px;
  padding: 5px;
  font-size: 80%;
  text-align:left;
}

#twitter_div{
  margin: 5px;
  padding: 5px;
  font-size: 80%;
  text-align:left;
}
#twitter_div ul{
 padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}

#twitter_div li{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}