/* Declarations that are commented out are replaced by the classes that change in iti_origami_margins.js */

/* general bits */
body {
  background-image: url(images/pink_links1.gif);
  color: #0000ff;
}
div#news_div { height: 12em; }
div#news_div li:not(:last-child) { margin-bottom: 1em; }
body > div:last-child, body > div:first-child > div { background-color: #999999; }
/* div#links_div, div#links_div_part1, div#news_div { min-width: 498px; } */
/* this is half_screen with 180px subtracted */

/* start - layout for links and news section */
/*div#major_div { padding: 0px 10%; } now with class */
div#links_div {
  position: relative;
  margin-bottom: 2em;
  overflow: auto;
}

/* links_div_part1 */
div#links_div_part1 {
  float: left;
/* width: calc(100% - 180px); */
}
div#links_div_part1 img {
  display: block;
  position: absolute;
}
div#links_div_part1 img:first-child { top: 0px; }
div#links_div_part1 img:last-child { bottom: 0px; }
div#links_div_part1 > div {
  display: table-cell;
  position: relative;
  min-height: 384px;
  vertical-align: middle;
}
div#links_div_part1 > div:nth-child(2n+1) { width: 128px; }

/* links_div_part2 */
div#links_div_part2 {
  width: 180px;
  height: calc(320px + 1.5em); /* 19px */
  float: left;
}
div#links_div_part2_content {
  position: absolute;
  right: 0px;
  top: initial;
  width: 180px;
  height: calc(320px + 1.5em); /* 19px */
}
div#links_div_part2_content > div:first-child {
  width: 100%;
  height: 1.5em;
  background-color: #999999;
}
div#links_div_part2_content_scroll {
  width: 180px;
  height: 320px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
/*  background-image: url();*/
}

/* col 2 */
h1 {
  margin: 0px;
  padding: 0px;
}
div.midcol_128 {
  position: relative;
  min-height: 128px;
}
div.midcol_128 > * {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
div.midcol_128 + div {
  min-width: 128px;
  /* max-height: calc(100% - 256px); doesn't work - no height specified for parent */
}

/* links_div_part1: link styles */
a.round_corners {
  display: inline-block;
  padding: 0.5em;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
a.round_corners:link { color: #000000; }
a.round_corners:visited { color: #000000; }
a.round_corners:hover {
  color: #ffffff;
  background-color: #000000;
}
a.round_corners:active {
  color: #ffffff;
  background-color: #000000;
}
a[id=docs_box] { background-color: #ffff00; }
a[id=gallery_box] { background-color: #ff6600; }
a[id=diags_box] { background-color: #00ffff; }
a[id=patterns_box] { margin-right: 1em; background-color: #ff00ff; }
/* end - layout for links and news section */