/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#bah {background-color:red;}

#div1, #div4, #div7 { float: left; }
#div2, #div5, #div8 { }
#div3, #div6, #div9 { float: left; }

/*
// .column#div1 {background-color: #00CC00; }
// .column#div2 {background-color: #0099CC; }
// .column#div3 {background-color: #00CC66; }

// #div1 {background-color: #00CC00; }
// #div2 {background-color: #0099CC; }
// #div3 {background-color: #00CC66; }
// #div4 {background-color: #0099FF; }
// #div5 {background-color: #009999; }
// #div6 {background-color: #00FF33; }
// #div7 {background-color: #00FF66; }
// #div8 {background-color: #00CC33; }
// #div9 {background-color: #00FF00; }
*/

#columns {
/*
//  height: 100%;
//  float: right;
//  overflow: hidden;
//width: 100%;
*/
}

.column {
/*  overflow: hidden; */
  height: 25%; 
/*
//  height: 33%; 
//  height: 150px;
//  width: 32.61%;
*/
  width: 32%;
/*
//  width: 150px;
//  width: auto;
*/

  float: left;
  border: 2px solid #666666;
  background-color: #ccc;
  margin-right: 5px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px #000;
  -ms-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
  text-align: center;
  cursor: move;
}
.column section {
  font-size: 25pt;
/*
//  background-color: green;
//  foreground-color: green;
*/

}
.column header {
  color: #fff;
  text-shadow: #000 0 1px;
  box-shadow: 5px;
  padding: 5px;
  background: -moz-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  background: -webkit-gradient(linear, left top, right top,
                               color-stop(0, rgb(0,0,0)),
                               color-stop(0.50, rgb(79,79,79)),
                               color-stop(1, rgb(21,21,21)));
  background: -webkit-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  background: -ms-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  border-bottom: 1px solid #ddd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -ms-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
.column.over {
  border: 2px dashed #000;
/*  border: 50 px; */
}
#bah {background-color:red;}
/* #div9 {background-color: #00FF00; } */