styles.css

/* Example 26-13: styles.css */

* {
  font-family:verdana,sans-serif;
  font-size  :14pt;
}

body {
  width     :80%;
  margin    :20px auto;
  background:#f8f8f8;
  border    :1px solid #888;
}

#container1, #container2{
  visibility: hidden;
}

html {
  background:#fff
}

img {
  border            :1px solid black;
  margin-right      :15px;
  -moz-box-shadow   :2px 2px 2px #888;
  -webkit-box-shadow:2px 2px 2px #888;
  box-shadow        :2px 2px 2px #888;
}

li a, .button {
  text-decoration:none;
}

li a:hover, .button:hover {
  color:green;
}
 
.appname {
  text-align :center;
  background :rgb(198, 237, 240);
  color      :rgb(169, 136, 245);
  font-family:helvetica;
  font-size  :20pt;
  padding    :4px;
}

.fieldname {
  float:left;
  width:120px;
}

form{
  width: 80%;
}

.menu li, .button {
  padding           :4px 6px;
  border            :1px solid #777;
  background        :#ddd;
	color             :#d04;
  margin-right      :8px;
	border-radius     :5px;
	-moz-box-shadow   :2px 2px 2px #888;
	-webkit-box-shadow:2px 2px 2px #888;
	box-shadow        :2px 2px 2px #888;
}
ul{
  padding-left: 5%;
  list-style-type: none;
}

.taken, .error {
  color:red;
}

.available {
  color:green;
}

.whisper {
  font-style:italic;
  color     :#006600;
}
.mine{
  width: 70%;
  margin-left: 20%;
  padding: 5%;

}
.stats{
  margin: 0 auto;
}

.left{
  width: 20%;
  float: left;
}