/*
 CSS styling basics:
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics
 How to choose a theme color:
https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Your_first_website/What_will_your_website_look_like#choosing_a_theme_color
*/

/*
<!--
  <div id="navcontainer">
    <ul class="navlist">
      <li>
        <a id="taba" href="./index.html" title="Home" name="taba">Home</a>
      </li>
      <li>
        <a id="tabb" href="./publications.html" title="Khaydar's publications" name="tabb">Publications</a>
      </li>
      <li>
        <a id="tabc" href="./talks.html" title="Khaydar's talks" name="tabc">Talks</a>
      </li>
      <li>
        <a id="tabd" href="./events.html" title="Khaydar's events" name="tabd">Events</a>
      </li>
      <li>
        <a id="tabe" href="./teaching.html" title="Teaching experience" name="tabe">Teaching</a>
      </li>
      <li>
        <a id="tabf" href="./organizing.html" title="Organization experience">Organization</a>
      </li>
    </ul>
  </div>
-->

html {
  background-color: #00539f;
}
*/

body {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
/*  padding: <top> <right> <bottom> <left>; */
/*  background-color: #ff9500; 
  border: 5px solid black; */
}

.bodyleft {
  float: left;
  max-width: 850px;
  width: 75%;
  margin: 0 auto;
  padding: 0 10px 10px 10px;
  border: none;
}

.bodyright {
  float: right;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  border: none;
}

h1 {
  font-size: 32px;
  text-align: center;
  margin: 0;
  padding: 20px 0;
/*  border: 5px solid black;
  color: #00539f;
  text-shadow: 3px 3px 1px black; */
/*  text-shadow: <horizontal offset> <vertical offset> <blur radius> <color of the shadow>; */
}

img {
  display: block;
  text-align: left;
  margin: 0 auto;
  max-width: 100%;
}

/*
p {
  color: red;
}
*/