/* Mandelbrot Style Sheet
 ==============================================================================*/

body {
  background-color: #ffd;
}

button {
  font-size: 1.1em;
  margin-bottom: 10px;
  width: 120px;
  background: #cfc;
}

canvas {
  border:1px solid black;
  background-color: white;
  margin-top:10px;

}

.frame {
  width: 650px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 0px;
  color: blue;
}

.header {
  font-size: 2em;
  color: green;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: -20px;
  margin-left: 230px;
}

input {
  font-size: 1.05em;
  text-align: right;
}

.instructions {
  margin-left: 280px;
}

kbd {
  margin-left: 50px;
}

.leftColumn {
  float: left;
  width: 160px;
}

.leftColLabel {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 15px;
}

.operation {
  margin: 10px;
}

.parameters {
  margin-left: 150px;
}

.rightColumn {
  margin-left: 165px; /* Put the right column 10px 
                       to the right of the left column */
} 

select {
  font-size: 1.1em;
  margin-bottom: 10px;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.widthMargin {margin-left: 10px; margin-right: 25px; }
.heightMargin {margin-left: 20px; margin-right: 8px; }

.xOffsetMargin {margin-left: 20px; }
.xCenterMargin {margin-left: 10px; margin-right: 9px; }
.xOffsetMargin {margin-left: 20px; }
.xStepMargin {margin-left: 20px; }

.yCenterMargin { margin-left: 10px; margin-right: 9px; }
.yOffsetMargin { margin-left: 20px; }
.yStepMargin {margin-left: 20px; }

.maxCountMargin {margin-left: 10px; }

.zoom {margin-left: 20px; margin-right: 12px; }