.polaroid-container {
 position: relative;
 /* for being able to use absolute positioning for the 'tape' images, explained below */
 float: left;
 /* with a float we can a)embed the polaroid photo within text and have it wrap around and b) we don't need to specify a width/height */
 margin: 20px;
 /* we want to put some space between the polaroid photo and the surrounding content */
}
 
.polaroid-shadow {
 background-color: #CCCCCC;
 /* a light gray color, for the pretend shadow */
 text-align: center; /* aligns the text and image to the center */
}
 
.polaroid {
 background-color: #FDFDFD; /* a light gray background */
 border: 1px solid #999999; /* a thin border in darker gray */
 position: relative;
 /* this allows us to move the the polaroid div without removing it from the flow of the page i.e. we can offset it and show the 'shadow' from below */
 left: -3px; /* we move the polaroid to the left... */
 top: -3px; /* ...and up */
}
 
.polaroid-content-container {
 margin: 15px 15px 20px 15px;
 /* a little extra margin at the bottom */
}
 
.polaroid-pic {
 display: block;
 /* this prevents the caption from sliding in next to the image,
since both are inline elements by default */
 border: 1px solid #CCCCCC;
 /* give the image a thin, slightly gray border */
 border-top: 1px solid #999999;
 /* then we override the border for the top and right... */
 border-right: 1px solid #999999;
 /* ...for a very subtle film-embedded-in-the-paper effect */
 margin-bottom: 15px;
 /* we need some gap betwen the image and caption, which also serves to increase the bottom portion of the polaroid, adding to the effect */
}
 
.polaroid-caption {
 color: #777777; /* dark gray for the caption text... */
 font-size: 0.75em;
 /* ...which will be 75% of the enclosing container's font... */
 font-style: italic; /* ...and will be italicised */
}



body,html {
  margin:10;
  padding:0;
  color:#000;
  background:#ffffff;
}

#lh2 {
  font-family: times, Times New Roman, times-roman, georgia, serif;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -1px;color: #444;
}

#lh1 {
  font-family: times, Times New Roman, times-roman, georgia, serif;
  font-size: 48px;
  line-height: 40px;
  letter-spacing: -1px;
  color: #444;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: 100;
}

#ptext {
  font-family: times, Times New Roman, times-roman, georgia, serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #444;
}

a:link {text-decoration: none; color: #804000}
a:visited {text-decoration: none; color: #804000}
a:active {text-decoration: none; color: #804000}
a:hover {text-decoration: underline; color: #804000}