body { margin: 20px; padding: 0; }
body { font-size: medium; [font-size: medium; font-size: large; ] /* Chrome (Safari?) */ }
* html body { font-size: small; f\ont-size: medium; /* SBMH for IE */ }
body { background: #ffffe2; color: #a73131; }
body > div { margin: 0; padding: 0; }

a:link, a:visited { color: #a73131; text-decoration: underline; }
a[href]:hover { color: #311; text-decoration: underline; }

hr { border: 0; padding: 0; margin: 0; width: 0; }
.both {  clear: both; }

h1 { margin: 0; padding: 0; font-size: 220%; }
h1 img { float: left; vertical-align: middle; width: 4em; margin-right: 20px; }
h1 .tagline { display: table-cell; vertical-align: middle; height: 4.45em; }
h1 .tagline span { white-space: nowrap; }

img { border: 2px solid transparent; }
a:hover img { border: 2px solid #311; }

.email { font-style: monospace; white-space: nowrap; }

#nav { float: right; margin-top: 0em; }
#follow { float: left; font-size: 75%; margin-top: 5.3em; }
.icons { list-style: none; padding: 0 20px; text-align: center; }
.icons li div { padding-bottom: 0.25em; }
#nav .icons img { width: 7em; }
#follow .icons img { width: 4em; }
.icons a { text-decoration: none; }
.icons a:hover span { text-decoration: underline; }

.next p { padding: 0 1em 0 0; margin-top: 0; width: 70%; float: left; }
.next form { padding: 0 0 1em; 0; width: 25%; float: right; }
.next select { font-size: 100%; margin-bottom: 0.5em; }
.introduction p.next { color: #f44; text-transform: uppercase; text-align: center; font-size: 120%; font-weight: 600; }
p.next span { white-space: nowrap; }
.introduction p.next .detail { font-size: 70%; text-transform: none; white-space: normal; }
.introduction .tagline { font-style: italic; }

h2, h3, h4 { color: #a73131; text-align: center; }

.masthead { width: 45%; float: left; margin: 0 1em 1em 1em; border: 10px solid #ed1c24; }
a:hover .masthead { border: 10px solid #311; }

.content { margin: 1em; margin-left: 10%; max-width: 80%; align: center; }
.introduction { font-weight: 500; }
.introduction.content { margin-top: 0; }
.introduction strong { font-weight: 750; color: #872121; letter-spacing: 0.02em; }
.introduction h2, .introduction h3 { margin-top: 0; }
.introduction h2 { font-size: 200%; display: none; }
.introduction p { font-size: 110%; }
.previous { font-style: italic; text-align: center; display: none; }
.design:before { content: '(' }
p.design { margin-left: 2em; font-size: 70%; }
.design:after { content: ')' } 

.inspirations { float: left; border: #872121 solid 1px; border-left: none; border-right: none; margin-bottom: 2em; width: 100%; }

.inspirations div { width: 45%; }
.inspirations h4 { clear: both; margin-bottom: 0.4em; }
.inspirations dl { clear: both; list-style: none; padding: 0; }
.inspirations dl a { text-decoration: underline; }
.inspirations a dl { text-decoration: underline; }
.inspirations dt, .inspirations dd { margin: 0; }
.inspirations dt { display: inline; }
.inspirations dd cite, .inspirations dd span { white-space: nowrap }
.inspirations .left { float: left; }
.inspirations .right { float: right; }
.inspirations .left h4 { text-align: left; }
.inspirations .right h4 { text-align: right; }
.inspirations .left dt { clear: left; float: left; margin-right: 0.8em; }
.inspirations .right dt { clear: right; float: right; margin-left: 0.8em; }
.inspirations .left dt img { float: right; }
.inspirations .right dt img { float: left; }
.inspirations .left dd { text-align: left; }
.inspirations .right dd { text-align: right;  }

.inspirations.option-1 dt { width: 4em; }
.inspirations.option-1 dt img { max-width: 4em; max-height: 3em; margin-bottom: 0.4em; }
.inspirations.option-1 .left h4 { margin-left: 4.8em; }
.inspirations.option-1 .right h4 { margin-right: 4.8em; }
.inspirations.option-1 .left dd { margin-left: 4.8em; }
.inspirations.option-1 .right dd { margin-right: 4.8em;  }

.inspirations.option-2 dt { width: 7em; }
.inspirations.option-2 dt img { max-width: 7em; max-height: 5em; margin-bottom: 0.7em; }
.inspirations.option-2 .left h4 { margin-left: 7.8em; }
.inspirations.option-2 .right h4 { margin-right: 7.8em; }
.inspirations.option-2 .left dd { margin-left: 7.8em; }
.inspirations.option-2 .right dd { margin-right: 7.8em;  }

.inspirations.option-3 dt { width: 9em; }
.inspirations.option-3 dt img { max-width: 9em; height: 8em; margin-bottom: 0.9em; }
.inspirations.option-3 .left h4 { margin-left: 9.8em; }
.inspirations.option-3 .right h4 { margin-right: 9.8em; }
.inspirations.option-3 .left dd { margin-left: 9.8em; }
.inspirations.option-3 .right dd { margin-right: 9.8em;  }

.photos { float: left; width: 100%; text-align: center; margin: 0 0 1em 0; }
.photos .caption { float: left; padding-left: 10px; text-align: right; width: 20%; }
.photos .frame { height: 360px; vertical-align: middle; }
.photos a { text-decoration: none; }

#blog { border: 1px solid #872121; margin: 0 2em; padding: 0.1em; }
#blog iframe { border: 0; }