body{
  margin: 40px 0px 40px 0px;
  background-color: #202020;
  background-color: #eee;
  color: #222;
  text-align:center;
  font-size:90%;
}

.container{
  /*width:470px;*/
  width:640px;
  margin-top:15px;
}

h2, h3{
  text-align:center;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  margin-top:30px;
}

p{
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}


#description, #instructions{
  text-align: justify;
  width:470px;
  margin:0 auto;
}

ul.blocks{
  padding: 5px 5px 5px 2px;
  margin-left:50px;
  list-style-type: none;
  float:left;
  background-color: #202020;
}

ul.blocks li {
  color:#202020;
  font-weight: bold;
  float:left;
  display:inline;
  width:20px;
  height:20px;
  margin-left:3px;
}

li#pink{
  background-color: rgb(240,85,121); 
}

li#orange{
  background-color: rgb(232,92,5);
}

li#blue{
  background-color: rgb(141,211,242);

}

li#yellow{
  background-color: rgb(255,255,179);
}

li#plain{
  margin-left:10px;
  text-align:left;
  background-color: #202020;
  width:565px;
  color:white;
  font-variant: small-caps;
  text-transform: uppercase;
}

li#plain span.blurb{
  margin-left:15px;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-variant: normal;
  text-transform: lowercase;
}

.clear{
  float:clear;
}

.btn{
  background-color: hsl(0, 0%, 76%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13c13c13c", endColorstr="#c1c1c1");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#13c13c13c), to(#c1c1c1));
  background-image: -moz-linear-gradient(top, #13c13c13c, #c1c1c1);
  background-image: -ms-linear-gradient(top, #13c13c13c, #c1c1c1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13c13c13c), color-stop(100%, #c1c1c1));
  background-image: -webkit-linear-gradient(top, #13c13c13c, #c1c1c1);
  background-image: -o-linear-gradient(top, #13c13c13c, #c1c1c1);
  background-image: linear-gradient(#13c13c13c, #c1c1c1);
  border-color: #c1c1c1 #c1c1c1 hsl(0, 0%, 64%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.79);
  -webkit-font-smoothing: antialiased;  
}

a{
  text-decoration: none;
}

.btn {
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  padding: 4px 14px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #06C;;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover {
  background-position: 0 -5px;
  color: #333;
  text-decoration: none;
} 

.btn {
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;  
}