body {
  font-family: arial, sans-serif;
  background-image: url("/images/wee_back.jpg");
  min-width: 1000px;
}
.heart {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  cursor: pointer;
}
#header, #body {
  width: 830px;
  background-color: white;
}
#header {
  padding-top: 57px;
  background-image: url("/images/wee_top.jpg");
  background-position: top left, 0px 0px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
#body {
  background-image: url("/images/wee_border.jpg");
  background-position: top left, 0px 0px;
  background-repeat: repeat-y;
  margin: 0 auto;
}
h1 {
  margin: 0 auto;
  width: 830px;
  color: #666666;
  font-size: 3.2em;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 50px;
}
h2 {
  font-size: 2em;
  color: gray;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
h2#yay {
  padding-bottom: 60px;
}
h2#save-the-date {
  padding-top: 0px;
}
h2#coming-soon {
  padding-bottom: 0px;
}
h3.location {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 15px;
}
div#michigan, div#california {
  float: left;
  width: 49.5%;
}
div#michigan img, div#california img {
  margin: 0 auto;
  display: block;
}
div#michigan {
  border-right: 1px dashed black;
}
a {
  text-decoration: none;
  color: #0000FF;
  font-weight: bold;
}
a#michigan_link, a#california_link {
  color: #888888;
  display: block;
}
a:hover {
  text-decoration: underline;
}
#footer {
  padding-top: 40px;
  font-size: 0.8em;
  color: rgb(120, 120, 120);
  clear: both;
  padding-left: 20px;
  padding-bottom: 35px;
  background-image: url("/images/wee_bottom.jpg");
  background-position: bottom left, 0px 0px;
  background-repeat: no-repeat;
}
.arrow_container img {
  position: absolute;
  padding-top: 150px;
}
#michigan_arrow_container {
  margin-left: -140px;
}
#california_arrow_container {
  margin-left: 380px;
}

/*
 * Styling for horizontal card flip. From:
 * http://davidwalsh.name/demo/css-flip.php
 */

/* entire container, keeps perspective */
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;

  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d; 
  -ms-transform-style: preserve-3d; 
  margin: 0 auto;
}
/* flip the pane when hovered */

/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  filter: FlipH;
  -ms-filter: "FlipH";
}
*/


/* START: Accommodating for IE */
/*.flip-container:hover .back, .flip-container.hover .back {*/
.flip-container.hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*.flip-container:hover .front, .flip-container.hover .front { */
.flip-container.hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* END: Accommodating for IE */

#michigan-flip, #michigan-flip .front, #michigan-flip .back {
  width: 493px;
  height: 383px;
}

#michigan-flip img {
  width: 493px;
}

#california-flip, #california-flip .front, #california-flip .back {
  width: 393px;
  height: 452px;
}

#california-flip img {
  width: 393px;
}

/* flip speed goes here */
.flipper {
  -webkit-transition: 1.2s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 1.2s;

  -moz-transition: 1.2s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;

  transition: 1.2s;
  transform-style: preserve-3d;

  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transition: 1.2s;
  -webkit-transform-style: preserve-3d;

  -moz-transition: 1.2s;
  -moz-transform-style: preserve-3d;

  -o-transition: 1.2s;
  -o-transform-style: preserve-3d;

  -ms-transition: 1.2s;
  -ms-transform-style: preserve-3d;

  transition: 1.2s;
  transform-style: preserve-3d;

  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}
/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.img-alt-text {
  font-size: 0.7em;
  color: rgb(100, 100, 100);
  text-align: center;
  width: 350px;
  margin: 0 auto;
}

dl {
  margin-left: 100px;
}
dt {
  font-weight: bold;
  float: left;
  width: 150px;
}
dd {
  margin-left: 150px;
  margin-right: 50px;
}
dd p {
  margin-bottom: 8px;
}
dd ul {
  list-style-type: disc;
  list-style-position: inside;
}

dd ul li {
  margin-bottom: 5px;
}

#map, #dinner_map, #reception_map {
  display: block;
  margin: 10px auto 0 auto;
}