function alignDiags(e, offset) {
  var elem = document.getElementById(e);
  height = elem.offsetHeight - 40;
  new_height = Math.ceil((height) / 20) * 20;
  elem.style.height = new_height + 'px';
}

function nad(e, offset) {
  var e = document.getElementById(e);
  var h = e.offsetHeight
  var nh = Math.ceil(h/20) * 20 + offset
  e.style.height = nh + 'px'
}

function fixMainHeight() {
  main_element = document.getElementById('main');
  sidebar_element = document.getElementById('sidebar');
  var main_height = main_element.offsetHeight - 40;
  var sidebar_height = sidebar_element.offsetHeight - 36;
  var total_main_height = main_height + 20;
  var total_sidebar_height = sidebar_height + 184;
  if (total_sidebar_height > total_main_height) {
    var total_difference = total_sidebar_height - total_main_height + total_main_height;
    new_height = Math.ceil(total_difference / 20) * 20 + 20;
    main_element.style.height = new_height + 'px';
  } else {
    alignDiags('main');
  }
}