body {
  max-width: 45em;
  margin: 0 auto;
  padding-left: 1em; padding-right: 1em;
}
a, a:visited {color: #4090c0; text-decoration: none;}
a:hover {background: #eee;}

h1 {text-align: center; width: 100%;}
h1 img {width: 100%;}
h1 a {color: black; text-decoration: none;}
h1 a:hover {background: transparent;}

p {margin-top: 0.1em;}
form label {display: block; margin-left: 1em;}
form p, form label:first-child {margin-bottom: 0.2em; font-weight: bold; margin-left: 0;}
form div {margin-bottom: 1.3em;}
form input[type="checkbox"], form input[type="radio"] {margin-right: 0.8em;}
form label + input {margin-left: 1em; width: 20em; font-size: inherit;}
form input[type="submit"] {font-size: inherit; display: block; width: 6em; margin-left: auto; margin-right: auto; margin-bottom: 2em;}

ol.schedule {list-style-type: none;}
ol.schedule li:before {content: '- '; width: 0.4em; display:inline-block;}
ol.schedule li {text-indent: -0.4em;}
ol.schedule li {margin-top: 0.2em; margin-bottom: 0.2em;}
nav ul {list-style-type: none; text-align: center; padding-left: 0;}
nav ul li {display: inline-block; font-variant: small-caps; font-weight: bold;}
nav a, nav a:visited {color: black; padding: 0.5em;}
nav ul li + li {margin-left: 1em;}
nav a[href$="rsvp.html"] {background: black; color: white;}
nav a[href$="rsvp.html"]:hover {background: #eee; color: black;}
body.wedding nav a[href="/"], body.schedule nav a[href*="schedule"], body.location nav a[href*="location"], body.what_to_bring nav a[href*="what_to_bring"], body.gifts nav a[href*="gifts"], body.rsvp nav a[href*="rsvp"] {text-decoration: underline;}

body {padding-bottom: 3em;}

img[src^="photos/"] {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
img[src="hill.png"] {display: block; margin-left: auto; margin-right: auto; max-width: 40%;}
img[src="little_basin_map.png"] {display: block; margin-left: auto; margin-right: auto; max-width: 80%;}
img[src$="tandem.jpeg"] {max-width: 50%}
img[src$="hugs.jpeg"] {max-width: 50%}
img[src$="toothbrushes.jpeg"] {max-width: 50%}

div#maps {margin-bottom: 1em; margin-top: 0.8em; max-width: 100%;}
div#maps img {max-width: 60% !important; height: 21.25em; display: inline-block;}