#thisform label {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #660000;
  }

#thisform fieldset {
  border: 1px solid #ccc;
  padding: 0 20px;
  }

#thisform legend {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 90%;
  color: #666;
  background: #eee;
  border: 1px solid #ccc;
  border-bottom-color: #999;
  border-right-color: #999;
  padding: 4px 8px;
  } 

As you can see, we’re doing several things here. First, we’re customizing the font, weight, and size of the . Second, for the 3-D effect, we’ve set the background to a light gray, and then we’ve added a single-pixel border around the whole that matches the border that we’ve used for the element. For the shading effect, we’ve overridden the border’s color on the bottom and right sides only, with a slightly darker gray.

Padding was also adjusted to give the text in the box some breathing room. That’s it! Figure 5-14 shows the finished results with all of the CSS we’ve been adding throughout the chapter—all the while using our lean, mean, marked-up form.