/*
  Cascading Style Sheet for private homepage of Stefan Salewski.
  File: PageLayout.css (Plain ASCII)
  Two column layout for screen display. Other devices like
  PDAs and cell-phones may ignore this style sheet. 
  Based on the book "HTML & XHTML The Definitive Guide" of Ch. Musciano &
  B. Kennedy and informations from www.selfhtml.org. 
  S. Salewski, 28-DEC-2009
*/

/*
  Unfortunately we can not define our own color names in HTML, so we
  have to replace these constants where ever they occur to modify colors!
  background-color = #E0E0E0;;
  dark-background-color =  #606060;
  text-color = black;
  pre-color = #E0E0E0;;

  a:link-color =  black;
  a:visited-color =  black;
  a:hover-color =  #505050;
*/

  body {
    color: black;
    background-color: #A0A0A0;
    padding: 0.5em;
    border : 0;
    margin: 0;
    text-align: center;  /* Centering for (old) Internet Explorer */
  }

  div#page-full {
    text-align: left;    /* Justification left */
    margin: 0 auto;      /* Justification of page horizontal centered */
    max-width: 68em;
    padding: 0;
    background-color: #E0E0E0;
    border: 0;
  }

  a {
    color: black;
    text-decoration: none;
    font-style: normal;
  }

  a:visited {
    color: black;
  }

  a:hover {
    color: #505050;
  }

  div#page-top {
    background-color: #E0E0E0;;
    padding: 0 1em;
    border : 0;
    margin: 0;
    margin-left: 13em
  }

  div#page-top h1 {
    padding: 0;
    border : 0;
    margin: 0;
    border-bottom: 1px solid black;
  }

  div#page-top ul {
    color: black;
    font-family: sans-serif;
    font-size: small;
    padding: 0;
    border : 0;
    margin: 0;
    list-style: none;
  }

  div#page-top li {
    padding: 0;
    border : 0;
    margin: 0;
    margin-right: 1em;
    display: inline;
  }

  div#page-content { 
    background-color: white;
    padding: 0 1em;
    border : 0;
    margin: 0;
    margin-left: 13em;
    line-height: 1.35;
  }

  div#page-content a {
    color: #0000B0;
  }

  div#page-content a:visited {
    color: #707070;
  }
/*
  div#page-content  p {
    padding: 0.4em 0;
    border : 0;
    margin: 0;
  }
*/

  div#page-content  h2 {
    padding: 0.3em 0;
    padding-bottom: 0;
    border : 0;
    margin: 0;
  }

  div#page-content pre {
    margin: 1ex 0 1ex 0;
    border: solid black 1px;
    padding: 1ex;
    /*font-family: Courier;*/
    background-color: #E0E0E0;;
  }

  p#footer {
    clear: both;
    font-family: sans-serif;
    font-size: small;
    padding: 0;
    border : 0;
    margin: 0;
    border-top: 1px solid black;
    text-align: center;
    background-color: #E0E0E0;;
  }

  p#footer a {
    text-decoration: none;
  }

  div#left-col {
    background-color: #E0E0E0;;
    float: left;
    width: 13em;
    padding: 0;
    border : 0;
    margin: 0;
  }

  div#left-col img {
    width: 13em;
    padding: 0;
    border : 0;
    margin: 0;
  }

  div#page-content img {
    max-width: 100%;
    padding: 0;
    border : 0;
    margin: 0;
  }

  div#left-nav {
    font-family: sans-serif;
    font-size: small;
    padding: 0;
    padding-left: 0.3em;
    border : 0;
    margin: 0;
  }

 div#left-nav h4 {
    color: black;
    padding: 0;
    margin: 0;
    margin-top: 0.5em;
  }

  div#left-nav ul {
    color: black;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0.7em;
  }

  div#left-nav li {
    padding: 0;
    margin: 0;
  }