* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  /* font-family: sans-serif; */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  text-size-adjust: none;
  /* color: #464646; */
  color: #303030;
  /*
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#808080'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
  background: -moz-linear-gradient(top,  #202020,  #808080); 
  */
}
div#papers li {
  margin-bottom: 1ch;
  line-height: 1.2rem;
}

select.dropdown {
  background-color: transparent;
  border: 1px solid grey;
  color: #808080;
}

div.whitebox {
  border: 1px solid grey;
  /* background-color: white; */
  background-color: #efefef;
  overflow: auto;

  -moz-box-shadow: 3px 3px 5px #808080;
  -webkit-box-shadow: 3px 3px 5px #808080;
  box-shadow: 3px 3px 5px #808080;
  /*
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
  */
}
div.whitebox.padding {
  box-sizing: border-box;
  padding: 4px; 
}

div.whitebox h1 {
  color: #000000;
  font-size: 12pt;
  text-align: center;
}

div.whitebox a {
  text-decoration: none;
  cursor: pointer;
  color: #606090;
}
div.whitebox a[highlight="true"] {
  background-color: #80ff80;
}
div.whitebox p {
  text-align: justify;
}

div.whitebox ul {
  margin-left: 20px;
}

font.phone {
  font-size: 10pt;
  font-family: monospace;
}
div.note {
  text-align: right;
  font-size: 10px;
}

div#databox > div {
  display: none; visibility: hidden;
}
div#databox > div[showing="true"] {
  display: block; visibility: visible;
}

#header {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 20px;
  padding: 4px;
}
#header h1 {
  font-size: 14pt;
  position: absolute;
  float: left;
  color: #000000;
}
#menu {
  position: absolute;
  right: 8px;
}

#picture {
  position: absolute;
  right: 8px;
  width: 120px;
  top: 34px;
  height: 150px;
  overflow: hidden;
}
#contact {
  background-color: white;
  position: absolute;
  right: 138px;
  top: 34px;
  width: 270px;
  height: 150px;
  overflow: hidden;
}
#aboutme {
  position: absolute;
  left: 4px;
  right: 418px;
  top: 34px;
  min-width: 200px;
  height: 150px;
}
#collections {
  position: absolute;
  left: 4px;
  width: 170px;
  top: 194px;
  height: 200px;
  overflow: hidden;
}
#keywords  {
  position: absolute;
  left: 184px;
  width: 250px;
  top: 194px;
  height: 200px;
  overflow: hidden;
}
#projects {
  position: absolute;
  left: 444px;
  right: 8px;
  top: 194px;
  height: 200px;
}
#resume {
  position: absolute;
  right: 8px;
  width: 300px;
  top: 404px;
  bottom: 8px;
}
#databox {
  position: absolute;
  left: 4px;
  right: 318px;
  top: 404px;
  bottom: 8px;
}
#databox p {
  margin-bottom: 10px;
}
#help-note {
  -webkit-transition: color .5s;
  -webkit-transition: background-color .5s;
}

/*
div.whitebox[hasmore="true"]:after {
  content: "...";
  position: absolute; bottom: 0px; right: 4px;
  color: #404040; background-color: rgba(239,239,239,.9);
}
*/

img.star {
  height: 11px;
  /* filter: drop-shadow(0 0 4px green);
  -webkit-filter: drop-shadow(0 0 3px #808080);
  -moz-filter: drop-shadow(0 0 4px green);
  -o-filter: drop-shadow(0 0 4px green);
  -ms-filter: drop-shadow(0 0 4px green);
  */
  background-size: 11px 11px;
  background-image: url(images/star.png);
  background-repeat: no-repeat;
}

iframe#blogframe {
  position: absolute; 
  width: 100%; height: 100%;
  top: auto; left: 0px;
  border: none;
}

div.jobs {
  position: absolute;
  top: 0px; left: 0px; right: 0px;
  display: flex; flex-flow: row nowrap; justify-content: center;
  background: transparent;
  pointer-events: none;
}
div.jobs > a {
  position: relative;
  pointer-events: auto;
  font-size: 20px;
  font-family: sans-serif;
  color: white;
  text-decoration: none;
  background-color: red;
  padding: 8px; padding-left: 12px; padding-right: 12px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}