/* Import css to undo some of the default styling of common (X)HTML browsers  */
@import url('undohtml.css');

body {
  padding: 20px;
}
h2 {
  float: left;
  padding: 10px 5px 5px 5px;
}
p {
  font-family: Arial;
  font-size: 80%;
  padding: 2px 5px 5px 5px;
}

.panelContainer {
  background-color: #666;
  width: 100%;
}
.panelColumn {
  background-color: #999;
  vertical-align: top;
  width: 33%;
  margin: 0 5px 0 5px;
}
.panel {
  background-color: #c17878;
  margin: 5px;
}
.panelPlaceholder {
  background: 0;
  border: 1px dashed blue;
  margin: 6px; 
}
.panelControls {
  float: right;
  padding: 10px 5px 5px 5px;
}
.handle {
  background-color: #8F5A5A;
  cursor: move;
}
div#debug {
  color: red;
  padding: 10px;
}
.clearAll {
  clear: both;
}
img#moo {
  border: 3px solid #000;
}