body { 
  background: url(/golden.png);
  background-repeat: repeat-x;
  font: normal 12px Verdana, sans-serif;
}

a { 
  color: #FF3333;
}

div#logo { 
  width: 555px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

div#logo img { 
  border: 0;
}

div#recipe { 
  border: 1px solid #666600;
  background: #FFFFCC;
  padding: 15px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

div#leaderboard { 
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 728px;
  top: 100px;
  padding-bottom: 20px;
}

div#legend { 
  text-align: center;
  padding-top: 25px;
  font-size: 10px;
  font-style: italic;
}

div#numerics { 
  font-size: 12px;
  text-align: center;
  border: 1pt solid green;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

a.require { 
  border: 1px solid green;
}

span.outOfRange { 
  font-style: italic;
  background-color: pink;
}

ul#recipeList { 
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  xtext-indent: -1em;
}

li { 
  cursor: pointer;
}

ul li:before { 
  content: "* ";
} 

li.required { 
  color: green;
}

li.forbidden { 
  color: gray;
}

a#newRecipe { 
  font-family: 'Copperplate Gothic Light',Arial,'Times New Roman';
  font-size: 12px;
  background-color: gold;
  color: red;
  border: 2px solid red;
  padding: 3px;
  margin-top: 25px;
  cursor: pointer;
}