Dogmeat CSS Monument to Fearlessness

with special thanks to Cory Watillo and Eric Meyer!

HTML

<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta charset="utf-8">
    <link rel="icon" href="/images/favicon.png" type="image/x-png">
    <title>{PageTitle}</title>
      
      
<meta name="color:Links" content="#7d6868"/>
<meta name="color:SidebarLinks" content="#4f4543"/>
<meta name="color:Headers" content="#635252"/>
<meta name="color:Body" content="#4f4543"/>
<meta name="color:PostInfo" content="#7c7c7c"/>
<link  href="http://fonts.googleapis.com/css?family=Sniglet|Vibur|Josefin+Slab" rel="stylesheet" type="text/css" >


<tr><th>Modified:</th><td colspan="2"></td></tr>
<tr><th>Server:</th><td colspan="2"></td></tr>
<tr><th>Size:</th><td colspan="2"></td></tr>
<tr><th>Content-Type:</th><td colspan="2"></td></tr>



<tr>
<th><label title="Character Encoding" for="charset">Encoding</label>:</th>
<td>utf-8</td><td><select name="charset" id="charset">
<option value="(detect automatically)">(detect automatically)</option>
<option value="utf-8">utf-8 (Unicode, worldwide)</option>
<option value="utf-16">utf-16 (Unicode, worldwide)</option>

<option value="iso-8859-1">iso-8859-1 (Western Europe)</option>
<option value="iso-8859-2">iso-8859-2 (Central Europe)</option>
<option value="iso-8859-3">iso-8859-3 (Southern Europe)</option>
<option value="iso-8859-4">iso-8859-4 (North European)</option>
<option value="iso-8859-5">iso-8859-5 (Cyrillic)</option>
<option value="iso-8859-6-i">iso-8859-6-i (Arabic)</option>

<option value="iso-8859-7">iso-8859-7 (Greek)</option>
<option value="iso-8859-8">iso-8859-8 (Hebrew, visual)</option>
<option value="iso-8859-8-i">iso-8859-8-i (Hebrew, logical)</option>
<option value="iso-8859-9">iso-8859-9 (Turkish)</option>
<option value="iso-8859-10">iso-8859-10 (Latin 6)</option>
<option value="iso-8859-11">iso-8859-11 (Latin/Thai)</option>

<option value="iso-8859-13">iso-8859-13 (Latin 7, Baltic Rim)</option>
<option value="iso-8859-14">iso-8859-14 (Latin 8, Celtic)</option>
<option...

CSS

<style>
 body {
 background-color : fuchsia;
 color : white;
 line-height : 10;
 padding : 10px 10pt;
 font-family: 'Josefin Slab', Sniglet, serif;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 text-shadow: 6px 6px 6px #ccc;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.7em;
 word-spacing: 0.7em;
 line-height: 1;
 }
 
 * {padding:5em;margin:5em;}
 img {border:10px outset red;}
 .clear {clear:both;font-size:5px;}
 .left {float:left;}
 .right {float:right;}
 .text-right {text-align:right;}
 .center {text-align:center;}
 .small {font-size:1em !important;} /* 12px */
 .xsmall {font-size:.1em !important;} /* 11px */
 .xxsmall {font-size:9px;}
 .normal {font-size:19px !important;}
 .big {font-size:24px !important;}
 .bigger {font-size:26px !important;}
 .black {color:#000;}
 .green1,.green1:hover {color:fuchsia;}
 .green2,.green2:hover {color:#6f9904 text-shadow: 6px 6px 6px #ccc;}
 .darkgray {color:lime;}
 .strong {font-weight:bold;}
 .absolute-right {position:absolute;top:0;right:0;}
 .white {color:#fff;}
 .red {color:#f00;
 }
 
 header,hgroup,footer,aside,nav,article,section,time{
 block:display,
 font-family: 'Sniglet', serif;
 background-color : fuchsia;
 color : white;
 line-height : 10;
 padding : 1em 10pt;
 font-size: 1em;
 font-style: normal;
 font-weight: 400;
 text-shadow: none;
 text-decoration: none;
 text-transform: none;
 letter-spacing: 1em;
 word-spacing: 0em;
 line-height: 2;
 }
 
 body {
 background:url(http://cdn.myfonts.com/s/ec/cc-201102/question_mark.gif) repeat #e4e0db;
 color:{color:Body};
 font-family:Vibur, 'Josefin Slab', Sniglet, Arial,Helvetica;
 font-size:1em;
 font-size: 19px;
 font-style: normal;
 font-weight: 400;
 text-shadow: none;
 text-decoration: none;
 text-transform: none;
 letter-spacing: 0.5em;
 word-spacing: 0.5em;
 line-height: 1.2;
 }
 
 a {
 background-color : orange;
 color : white;
 line-height : 1;
 padding : 1px 1pt;
 text-decoration:overline;
 }
 
 .header-bg {
...