IMG {
  border:0;
}
IMG.photo {
  border:solid 1px #999999;
}

TABLE {
  border-spacing:0;
}
// IE doesn't understand border-spacing, but setting border-collapse to
// collapse sets border-spacing to zero in IE. same as cellspacing="0"
* HTML TABLE {
  border-collapse:collapse;
}

BODY {
  padding:0px;
  margin:0px;
  margin-top:15px;
  background-color:#A8C8FC;
  font-family:"Georgia", "Times New Roman", serif;
  font-size:87.50%; $-- 14px --$
  color:#333333;
}
BODY * {
  text-align:left;
}

HR {
  clear:both;
  height:0px;
  color:#FFFFFF;
  border:none;
  border-bottom: 1px solid #CCCCFF;
}

PRE {
  margin:0 0 0 0;
  font-family:"Georgia", "Times New Roman", serif;
}
P {
  margin-top:0px;
  line-height:1.4em;
}
UL, OL {
  line-height:1.32em;
}

H1, H2, H3, H4, H5, H6 {
  margin-top:0;
  color:#303080;
}
H3 {
  font-family:"Zapfino", "Apple Chancery", "Papyrus", "Georgia", serif;
  padding-bottom:.9em;
  padding-top:2px;
  margin-bottom:0;
  font-size:1.2em;
}
H4 {
  font-family:"Apple Chancery", "Papyrus", "Georgia", serif;
  padding-bottom:.8em;
  margin-bottom:0;
  font-size:1.0em;
}
A {
  color:#0000AC;
  text-decoration:none;
}
A:visited {
  // color:#0000AA;
}
A:hover {
  text-decoration:underline;
}
A.blockLink {
  display:block;
}
A.blockLink, A.blockLink:hover {
  text-decoration:none;
}
A.blockLink:hover DIV {
  text-decoration:underline;
}
A.blockLink .linkText {
  text-align:center;
}
A.blockLink.followed {
  margin-bottom:15px;
}

DIV {
  margin:0px;
  padding:0px;
}
#photoAttribution {
  width:764px;
  margin:5px auto 0px;
  font-size:10px;
  color:#666666;
  text-align:center;
}
#photoAttribution A {
  color:#6666FF;
}
#contentBorder2 {
  width:766px;
  margin:0px auto 0px;
  border:1px solid #ACACAC;
  border-right-color:#A8A8A8;
  border-bottom-color:#A0A0A0;
}
#contentBorder {
  width:750px;
  border:8px solid #FCECB8;
  border-right-color:#F8E8B4;
  border-bottom-color:#F0E0A4;
}
#content {
  width:718px;
  margin:0px;
  padding:15px;
  background-color:#FFFFFF;
  border:1px solid #E8E8E8;
  border-right-color:#E4E4E4;
  border-bottom-color:#DCDCDC;
}

#weddingGalleryPhoto #contentBorder2 {
  width:718px;
  margin-bottom:15px;
}
#weddingGalleryPhoto #contentBorder {
  width:702px;
}
#weddingGalleryPhoto #content {
  padding:0px;
  width:702px;
  border:0px;
}
#weddingGalleryPhoto.vertical #contentBorder2 {
  width:484px;
}
#weddingGalleryPhoto.vertical #contentBorder {
  width:468px;
}
#weddingGalleryPhoto.vertical #content {
  width:468px;
}
#weddingGallery #contentBorder2 {
  width:880px;
}
#weddingGallery #contentBorder {
  width:864px;
}
#weddingGallery #content {
  width:842px;
  padding:10px;
}

DIV.left {
  float:left; 
  width:302px;
  margin-right:24px;
}
DIV.right {
  float:right;
  width:392px;
}
DIV.clearer {
  clear:both;
  color:#FFFFFF;
  border:0;
  clear:both;
  margin:0px;
  padding:0px;
  width:1px;
  height:1px;
  font-size:1px;
}

UL, OL {
  margin-top:0;
  padding-top:0;
  margin-left:8px;
  padding-left:8px;
}
UL {
  list-style-type:circle;
}
LI {
  margin-bottom:8px;
}
UL.unstyled {
  margin:0px;
  padding:0px;
}
UL.unstyled LI {
  list-style:none;
}

#homeLinks P {
  margin-bottom:0px;
}
#homeLinks UL {
  margin-top:2px;
  margin-bottom:15px;
}
#homeLinks LI {
  margin-bottom:3px;
}

#homeUpdates {
  margin:0px 0px 20px 0px;
  padding:5px;
  border:solid 1px #A8C8FC;
}
#homeUpdates P {
  margin-bottom:2px;
  margin-left:50px;
  text-indent:-50px;
}

.error {
  color:#FF0000;
}
.notice {
  color:#303080;
}

FORM {
  margin:0px;
  padding:0px;
}

/* Shared form properties. */
.fieldList, .recordList, .recordDisplay, .formBox {
  margin-bottom:15px;
  clear:left;
}
.fieldList TABLE, .recordList TABLE, .recordDisplay TABLE {
  width:100%; /* expand to fill parent div */
  /* this makes it look great in FF, does it work in IE? */
  padding:5px 0px 6px;
  border:1px #E8E8E8 solid;
  border-top:4px #D8D8D8 solid;
  background-color:#ECF0F8;
}
.fieldList SPAN.required, .recordList SPAN.required {
  color:#FF0000;
}
.fieldList P.error, .recordList P.error {
  margin-bottom:5px;
}

// recordDisplay
// used for displaying a single record in a series of fields with header cells
// to the left of the data cells.
.recordDisplay table {
  /* no top border because each row has its own border */
  border-top-width:0px;
}
/* don't make this align top by default. it doesn't look good. */
.recordDisplay TH, .recordDisplay TD {
  padding:5px 12px 4px 6px;
  border-top:1px #D8D8D8 solid;
}
.recordDisplay th {
  font-weight:bold;
  vertical-align:top;
  padding-top:6px;
}

/* fieldList
 * used for a form containing a list of fields arranged vertically with
 * header cells to the left of input elements.
 */
/* don't make this align top by default. it doesn't look good. */
.fieldList TH, .fieldList TD {
  font-size:12px;
  padding:4px 12px 2px 0px;
}
.fieldList TH {
  padding-top:8px;
  font-weight:bold;
  vertical-align:top;
}
.fieldList TH, .fieldList TD.noTH {
  padding-left:8px;
}

.controls {
  text-align:right;
}


#guestBook {
  margin-bottom:2px;
}
#guestBook.recordList TABLE {
  border:none;
  background-color:#FFFFFF;
}
#guestBook.recordList TABLE TH, .recordList TABLE TD {
  border-bottom:1px #D8D8D8 solid;
  vertical-align:top;
  padding-top:5px;
  padding-bottom:10px;
}
#guestBook.recordList TABLE TD.weddingCommentCommenter {
  width:210px;
}
#guestBook.recordList TABLE .weddingCommentCommenterName {
  width:170px;
  overflow:hidden;
}
#guestBook.recordList TABLE .weddingCommentCreateTime {
  font-size:12px;
  color:#999999;
  margin-top:3px;
}
#guestBook.recordList TABLE TD.weddingCommentComment P {
  margin:0px;
}

.errorExplanation {
  color:#000000;
}
.errorExplanation H2 {
  color:#FF0000;
  font-size:1em;
  font-weight:bold;
  margin-bottom:2px;
}
.errorExplanation P {
  margin-bottom:2px;
}
.errorExplanation UL {
}
.errorExplanation UL LI {
  margin-bottom:2px;
}

H4 {
  padding-bottom:0px;
}

.playlistSongs {
  padding-left:20px;
}
.playlistSongs LI {
  margin-bottom:2px;
  font-size:13px;
}

.weddingGalleryThumbWrapper {
  float:left;
  width:162px;
  height:162px;
  padding:3px 2px 2px 3px;
  text-align:center;
}
IMG.weddingGalleryThumb {
  border:solid 1px #000000;
}

.weddingGalleryPhotoWrapper {
  text-align:center;
}
IMG.weddingGalleryPhoto {
  /* border:solid 1px #000000; */
}