.article-desc, .href
  {
  }

.article-desc
  {
  clear: both;
  margin-bottom: 1.5em;
  }

.article-list-image
  {
  margin-right: 1em;
  width: 64px;
  float: left;
  margin-bottom: 0.5em;
  }

.article-image
  {
  margin-right: 1em;
  float: left;
  }

.article-centre-image
  {
  float: center;
  }

.article-top-image
  {
  margin-right: 1em;
  float: left;
  width: 128px;
  }

.articles-column
  {
  float: left;
  flex: 50%;
  padding-right: 1em;
  }

.bigbox
  {
  border: 1px solid black;
  padding: 1em;
  background: #F0F0FF;
  color: black;
  }

ul
  {
  list-style-type:square;
  line-height: 1.45em;
  margin-bottom: 0.5em;
  } 

li
  {
  line-height: 1.45em;
  margin-left: 2em;
  } 

blockquote, q
  {
  line-height: 1.45em;
  quotes:none;
  margin-left:3em;
  margin-right:3em;
  margin-top:1em;
  margin-bottom:1em;
  background: #F0FFFF;
  padding: 10px;
  } 

table
  {
  margin-top: 1em;
  margin-bottom: 1em;
  }

body 
  { 
  }

.boxedtext
  {
  border: 1px solid #808080;
  padding-left: 1.5em;
  padding-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1.0em;
  margin-right: 1.0em;
  }

a 
  {
  color: #4C9CF1;
  text-decoration: none;
  font-weight: bold;
  }

a:hover 
  {
  color: #444;
  }

.footer-clearance-para
  {
  }

.codeblock
  {
  background: #FFFFD0;
  border: 1px solid gray;
  padding: 1em;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow-x:scroll;
  }

#content
  {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  max-width: 50em; 
  position: relative;
  padding: 0px
  }

.cv-date
  {
  font-weight: bold;
  }

.cv-list
  {
  list-style-type:none;
  }

.cv-skill
  {
  font-weight: bold;
  }

figure
  {
  text-align: center;
  }

figcaption
  {
  font-style: italic;
  }

#footer
  {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5em;
  border-top: 1px solid #4C9CF1;
  clear: both;
  max-width: 50em; 
  }


.footnote
  {
  font-size: smaller; 
  }

.indexrow:after
  {
  content: "";
  display: table;
  clear: both;
  }

.indexcolumn
  {
  float: left;
  width: 45%;
  padding-left: 1em;
  }

.index-desc
  {
  margin-bottom: 2em;
  }

.index-footer
  {
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 2px solid #4C9CF1;
  }

.index-header
  {
  clear: both;
  font-family: Helvetica Neue, Helvetica, Arial;
  margin-bottom: 0;
  padding-bottom: 0;
  }

.index-list-image
  {
  margin-right: 1em;
  width: 92px;
  float: left;
  margin-bottom: 0.5em;
  }

.index-list-image-right
  {
  margin-right: 1em;
  width: 92px;
  float: right;
  margin-bottom: 0.5em;
  }

header 
  {
  /*background: #fff;*/
  background: black;
  width: 100%;
  height: 82px;
  position: fixed;
  top: 0;
  left: 0;
  /*border-bottom: 4px solid #4C9CF1;*/
  z-index: 100;
  }

.last-updated
  {
  float: right;
  padding-right: 1em;
  }

.left-image
  {
  margin-right: 1em;
  margin-left: -3em;
  float: left;
  margin-bottom: 0.5em;
  }

h1 
  {
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 2em;
  color: #2262AD;
  line-height: 1.15em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  }

h2 
  {
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 1.5em;
  color: #2262AD;
  line-height: 1.15em;
  margin-top: 1em;
  margin-bottom: 0.3em;
  }

h3 
  {
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 1.2em;
  color: #2262AD;
  line-height: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.3em;
  }

h4 
  {
  font-size: 1.1em;
  color: #black;
  line-height: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.3em;
  }

#menu 
  {
  display: flex;
  justify-content: center;
  font-family: Helvetica Neue, Helvetica, Arial;
  }

.menu_entry
  {
  padding-left: 5px;
  padding-right: 5px;
  }

#myname
  {
  display: flex;
  justify-content: center;
  font-size: 3em;
  font-family: Helvetica Neue, Helvetica, Arial;
  }

p 
  {
  line-height: 1.45em;
  margin-bottom: 0.5em;
  margin-top: 0;
  }

pre 
  {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  }

.regular-inline-image
  {
  align: center;
  width: 650px;
  }

#search_form
  {
  display: inline;
  }

#search_input
  {
  color: #4C9CF1;
  border: solid 0.5px;
  }

#search_submit
  {
  }

.src_comment
  {
  color: #808080;
  }

.src_keyword
  {
  font-weight:bold;
  }

.src_qualifier
  {
  color:green;
  }

.src_string
  {
  color:magenta;
  }

.src_type
  {
  color:blue;
  }

.sw-desc, .href
  {
  }

.sw-desc
  {
  margin-bottom: 1em;
  }

@media only screen and (max-width : 700px) 
  {
  /* When the screen is too narrow, take the margins away. */
  #content
    {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }

  .indexcolumn
    {
    float: left;
    width: 100%;
    padding-left: 1em;
    }

  }