body {
  background-color: white;
  font-size: 14px; 
  line-height: 22px;
  font-family: Helvetica, Arial, sans-serif;	
  color: #000000;
  font-weight: lighter;
}
p {
  padding: 18px;
  margin: 0;
}
.checkbox {
  width: 100px;
}
#container {
  width: 890px;
  text-align: left;
  margin: 0 auto;
}
#about {
  height: 125px;
  width: 821px;
  border: 1px solid #d2d2d2;
  background-color: #f7f7f7;
  color: #000;
  padding: 0;
  margin: 0 0 10px 0;
}
#main {
  position: absolute;
}
#readme-link {
  width: 788px;
  font-size: 2em;
  text-align: center;
}
#toggle-effects {
  float: left;
  width: 410px;
  min-height: 215px;
  background-color: yellow;
  display:block;	
}
#adjustable-effects {
  float: right;
  width: 410px;
  min-height: 215px;	
  background-color: pink;
  display:block;	
}
#adjustable-effects .slider {
  width: 250px;
}
#result{
  height:auto;
  width: 410px;
  display:block;
  background: red;
  clear: both;
}

#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height:62px;
  display:block;
  text-align: center;
  background: #242524;
  color: white;
  padding: 4px 0 0 0;
}
#left_foot{
  float:left;
  padding-left: 18px;
}
#right_foot{
  float: right;
  padding-right: 18px;
}
A:link {color: #468fa6; text-decoration: none;}
A:visited {color: #468fa6; text-decoration: none;}
A:active {color: #468fa6; text-decoration: none;}
A:hover {color: #c9283b; text-decoration:none;}
