* { margin: 0; padding: 0; list-style: none; }

body { width: 800px; margin: 50px auto; font-family: Fenix, Georgia; color: #000411; background: #041443 url("https://johnholdun.com/assets/silverantlers/stars.png") fixed; }
body:before { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 50%; background: -webkit-linear-gradient(-90deg, rgba(0,0,10,0.4), rgba(0,0,10,0)); z-index: 0; }
body:after { content: url("https://johnholdun.com/assets/silverantlers/tree.png"); position: fixed; right: 0; bottom: 0; z-index: 1; }

body > h1 { width: 800px; height: 190px; margin: 0 auto; background: url("https://johnholdun.com/assets/silverantlers/title.png") top center no-repeat; overflow: hidden; white-space: nowrap; text-indent: 820px; }
body > h1 a { display: block; height: 100%; }
body > * { position: relative; z-index: 2;  }

p, li { font-size: 23px; line-height: 30px; margin-bottom: 15px; }
a { color: #5585AA; text-decoration: none; }

#what { margin: 0 -10px; overflow: hidden; }
#what p { text-align: center; margin: 0 0 20px; color: #E6F2FE; font-shadow: 0 1px 0 #02051B; font-style: italic; font-size: 16px; font-family: "Helvetica Neue", Helvetica, sans-serif; }
#what p a { color: #6FA5DE; }
#what ul { padding: 10px; margin: 0 10px 20px; background: #000929; background: -webkit-linear-gradient(-90deg, rgba(0,9,40,0.5), rgba(0,9,40,0.5), rgba(0,9,40,0.2)); color: #FFF; border-radius: 2px; text-align: center; }
#what li { font-size: 18px; line-height: 30px; display: inline-block; height: 20px; line-height: 20px; margin: 10px; vertical-align: middle; }

article { padding: 20px; background: #F7F7F7 url("https://johnholdun.com/assets/silverantlers/noise.png"); border-radius: 2px; box-shadow: 0 0 4px #002; margin-bottom: 30px; }
article h1 { font-size: 35px; line-height: 40px; margin-bottom: 0; color: #00082F;}
article header a, article .meta a, article .tags a { color: inherit; }

article header { display: block; margin: 0 0 20px; }

article ul, article ol { margin: 20px; }
article ul, article ul li { list-style: disc; }
article ol, article ol li { list-style: decimal; }

article p.meta, article ul.tags, article ul.tags li { font-size: 16px; color: #252F53; margin: 0; display: inline-block; list-style: none; }
article ul.tags li { padding-left: 30px; }
article ul.tags li:before { content: "\2022"; color: #CCC; font-size: 40px; line-height: 30px; float: left; width: 30px; text-align: center; margin-left: -30px; }

blockquote { border-left: 4px solid #E9EEFB; padding-left: 16px; color: #121932; }

p.photo { float: right; margin: 0 0 20px 20px; width: 40%; font-size: 14px; line-height: 20px; }
p.photo img { display: block; margin: 0 auto 10px; max-width: 100%; }

p.photo.full { float: none; margin: -10px 0 20px; width: 100%; }
p.photo.center { float: none; margin: 30px auto 20px; width: 60%; }

article.photo p.photo img { display: block; margin: -20px -20px 20px; max-width: 800px; border-radius: 2px 0 0 2px; }

sup { font-size: 0.75em; line-height: 1; display: inline-block; vertical-align: top; }

hr { height: 0; width: 75%; margin: 29px auto 0; border: none; border-top: 3px double #CCC; padding-bottom: 28px; }

.footnotes { border-top: 1px solid #CCC; padding-top: 14px; }
.footnotes hr { display: none; }
.footnotes ol li { list-style: decimal; margin-left: 2ex; }

footer { text-align: center; color: #F7F7F7; }