body, html {
  background-color: #ccc;
  font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: #fff;	/* start all text as color white */
}

h1, h2, h3, h4, h5, strong, th {
  font-weight: bold;
}

h1 {
  text-align: center;
  font-size: 2.5em;
  text-shadow: 1px 1px 1px #999;		/* add shadow to main title */
}

a {
  color: #fff;
}

a:link {
  text-decoration: none;
}

a:hover {
  color: #bffffe;
}

.title {
  font-size: 1em;
}

#container {
  width: 800px; 
  margin: 10px auto;
}

ul.gallery { 
  list-style: none;
}

ul.gallery li img {
  float: left;
  padding: 10px 10px 25px 10px;
  background: #eee;
  border: 1px solid #fff;
  -moz-box-shadow: 0px 2px 15px #000;
  -webkit-box-shadow: 0px 2px 15px #000;
  -o-box-shadow: 0px 2px 15px #000;
  box-shadow: 0px 2px 15px #000;
  position: relative;
}

ul.gallery li img.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}
ul.gallery li img.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
ul.gallery li img.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(4deg) translate(-10px, -20px);
	-moz-transform: rotate(4deg)translate(-10px, -20px);
	-o-transform: rotate(4deg)translate(-10px, -20px);
}
ul.gallery li img.pic-4 {
	z-index: 4;
	-webkit-transform: rotate(15deg)translate(0, -90px);
	-moz-transform: rotate(15deg)translate(0, -90px);
	-o-transform: rotate(15deg)translate(0, -90px);
}