
html {
	width:100%;
	background-color:#fff;
	}
body {
	color:rgb(0,0,32);
	background-color:#fff;
	width:80%;
	max-width: 500px;
	margin:auto;
	text-align: center;
	font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
	font-style: normal;
	font-weight: 300;
	}
h6,h5,h4,h3,h2,h1 {
	color:rgb(0,0,64);
	text-align: center;
	font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
	line-height:100%;
}



main {
	hyphens:none;
	font-weight: 300;
	text-align:justify;
	width:96%;
	margin-top:48px;
	margin-left:auto;
	margin-right:auto;
	line-height: 140%;
	}
main > p {
	hyphens:none;
	font-weight: 300;
	text-align:center;
	width:96%;
	line-height: 140%;
	margin-left:auto;
	margin-right:auto;
	}
main > p.attribution {
	font-weight: 300;
	margin:0 auto;
	text-align: right;
	margin-left:auto;
	margin-right:auto;
	}



article {
	border-top: thin solid rgb(177, 177, 177);
	padding-top: 12px;
	margin:18px auto auto auto;
	}

article#life header h2 { 
	text-transform: none;
	font-style: normal;
	font-weight:lighter;
	font-size:200%;
	line-height: 100%;
	 }

article h6,h5,h4,h3,h2,h1 {
	font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
	}

article h2, article#contact h2,  article#work h2, article#social h2, article#life h2 {
	font-weight: 800;
	text-transform: none;
	font-style: italic;
	margin: 72px auto 36px auto;
	line-height:100%;
	}


article#contact p.link a, article#contact p.link {
	text-transform: lowercase;
	text-align: center;
	letter-spacing: normal;
	}
article#contact { margin-bottom: 72px; }


article#life h3 {
	font-weight: 800;
	text-transform: uppercase;
	margin: 72px auto 48px auto;
	}


article#work { margin-bottom: 72px; }
article#work p {
	text-align: center;
	hyphens:auto;
	font-weight: 300;
	width:96%;
	line-height: 150%;
	margin-left:auto;
	margin-right:auto;
	}
article#social { margin-bottom: 72px; }
article#social p {
	text-align: center;
	hyphens:auto;
	font-weight: 300;
	width:96%;
	line-height: 150%;
	margin-left:auto;
	margin-right:auto;
	}
article#life p {
	text-align: justify;
	hyphens:auto;
	font-weight: 500;
	width:98%;
	line-height: 150%;
	margin-left:auto;
	margin-right:auto;
	}
article#life a
{
	text-decoration: none;
	border-bottom: thin rgb(148,55,255) solid;
	padding-bottom: 2px;
	color:black;
	}

article#life h4 { text-transform: uppercase; }

article p > span.slug, article#life p > span.slug {
	font-family: "Ringside Extra Wide SSm A", "Ringside Extra Wide SSm B", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: 800;
	color:rgb(0,0,64);
	letter-spacing: 0.1em;
	font-size:smaller;
	margin-right: 0.70em;
	display:inline-block;
	}


header {}
header h1 {
	font-weight:100;
	font-size: 300%;
	}
header h2 {
	font-weight:700;
	}
header img {
	display:block;
	margin:auto;
	border: thin solid blue;
	width:300px;
	max-width: 70&;
	}


footer {
	font-family: "Ringside Extra Wide SSm A", "Ringside Extra Wide SSm B", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:xx-small;
	font-weight:100;
	text-transform: uppercase;
	hyphens:auto;
	width:96%;
	margin:auto;
	margin-top: 144px;
	margin-bottom: 108px;
	border-top: thin solid lightgray;
	}
footer p {
	text-align: justify;
	hyphens:auto;
	color:rgb(128,128,128);
	}
footer p span.slug {
	font-weight: 800;
	color:rgb(170,170,170);
	letter-spacing: 0.2em;
	}

p.link
{
	font-family: "Ringside Extra Wide SSm A", "Ringside Extra Wide SSm B", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 36px;
	}
p.link a
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: rgb(0,0,128);
	font-weight: 500;
	border-bottom: thin rgb(148,55,255) solid;
	padding-bottom: 1px;
	text-decoration: none;
	}
.small-caps, .sc {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: smaller;
	font-weight:500;
	}
.highlight, .hl, .hilite { background-color: rgb(255,252,121); }
a.wikipedia, a.definition {
	text-transform: none;
	text-decoration: none;
	border-bottom: thin rgb(148,55,255) dotted !important;
	padding-bottom: 2px;
	}
.underline, .ul {text-decoration:underline}
.italic, .ital {font-style:italic}

img#hero {
	border:thin solid blue;
	width:96%;
	max-width: 500px;
	}


nav#gotop { margin: 144px auto 36px auto; }
nav#gotop a {
	font-family: "Ringside Extra Wide SSm A", "Ringside Extra Wide SSm B", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	border-bottom: thin rgb(148,55,255) solid;
	padding-bottom: 3px;
	}
