html.blueinked body {
  position: relative;
  top: 46px; /** TODO: do this dynamically...maybe **/
}
#ui-blueink {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
}

#ui-blueink ul.menu {
  list-style: none;
}

/* TODO: make this configurable...or template-able...or something */
[data-blueink-area-index].blueink-drop-spot {
  border: 1px solid blue;
  min-height: 8px;
}

/**
 * We can't use the semantic-ui `html` override due to template style
 * conflicts, so we'll set those defaults on .blueink-ui
 **/
.blueink-ui {
  box-sizing: border-box;
}

html.blueinked body {
  position: relative;
  top: 3em; /** TODO: do this dynamically...maybe **/
}
#ui-blueink {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
}

#ui-blueink ul.menu {
  list-style: none;
}

/* TODO: make this configurable...or template-able...or something */
[data-blueink-area-index].blueink-drop-spot {
  border: 1px solid blue;
  min-height: 8px;
}

/**
 * We can't use the semantic-ui `html` override due to template style
 * conflicts, so we'll set those defaults on .blueink-ui
 **/
.blueink-ui {
  box-sizing: border-box;
}

Switch body push down to `em` value
Switch body push down to `em` value

Still want this to be dynamic...
