* { box-sizing: border-box; }

@font-face {
	font-family: crayonette;
	src: url("fonts/crayonette.ttf");
}
@font-face {
	font-family: fancypants;
	src: url("fonts/fancypants.ttf");
}
@font-face {
	font-family: morris;
	src: url("fonts/morris.ttf");
}
@font-face {
	font-family: politano;
	src: url("fonts/politano.ttf");
}
@font-face {
	font-family: quandary;
	src: url("fonts/quandary.ttf");
}
@font-face {
	font-family: reynold;
	src: url("fonts/reynold.ttf");
}
@font-face {
	font-family: rope;
	src: url("fonts/rope.ttf");
}
@font-face {
	font-family: sackers;
	src: url("fonts/sackers.ttf");
}

body {
	width: 600px;
	background-color: #472114;
	background-image: url("images/stamp_low.png");
	color: #8b4513;
	font-family: Times, "Times New Roman", serif;
	margin: 25px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
}

.ind { text-align: center; }

.attrib {
	margin-left: 25px;
	font-size: 0.8em;
}

main {
	width: 100%;
	background-color: #faebd7;
	padding: 10px 20px;
}

h1 { margin: 15px 0px 0px 0px; padding: 0; }
h1, h2, h3 {
	font-family: fancypants;
}
.dropcap { font-family: morris; font-size: 2em; margin-right: 5px; display: flex; align-self: flex-start; float: left; }

a { text-decoration: none; color: DarkKhaki; }
a:hover { color: LightSalmon; }
a:active { color: #68301e; }

main ul { padding: 0; }

ul li { list-style-type: none; }




/* etc */

img.index img {
	width: 345px;
	height: 200px;
	margin: 0 auto;
	background-color: gray;
}

.model {
	margin: 0 auto;
	filter: sepia(25%);
}

.model img {
	margin: 2.5px auto 0 auto;
}

hr { margin: 25px 0; border: none; border-top: 5px #8b4513 dotted; }
hr.short { margin: 25px auto; width: 33px; }


img.blogr  {
	float: right;
	margin: 0 0 5px 15px;
}
img.blogl {
	float: left;
	margin: 0 15px 5px 0;
}

#footnote {
	font-size: 0.8em;
	padding: 0 0 15px 0;
}

#launch {
	background-image: none;
	background-color: #faebd7;
	color: #502e16;
}
#launch main, #launch #nav { background-color: transparent; background-image: none; }
#launch h1 { color: #502e16; }

#nav ul {
	width: 570px;
	margin: 0 auto;
	border: 5px #502e16 double;
	border-radius: 15px;
	padding: 10px 15px;
	display: inline-block;
}
#nav ul li {
	padding: 5px 10px;
	display: block;
	font-style: italic;
}
#nav ul li a { font-family: fancypants; color: #502e16; font-style: normal; padding-right: 10px; }
#nav ul li a:hover { color: #ff9966; }


/* resume */
#resume h2 { margin-bottom: 0; }
#resume ul {margin-top: 5px; }


/* faith... */

#faith {
	background-image: url(images/tommy_birds_full.jpg);
	background-color: #29221c;
	color: Moccasin;
}
#faith main { background-color: LightCoral; }
#faith a { color: LavenderBlush; }
#faith a:hover { font-style: italic; }
#faith h1, #faith h3 { font-family: reynold; }
#faith h1 { font-size: 3em; line-height: 1em; }



/* music */
#music { background-color: black; background-image: url(images/rococo.png); color: MistyRose; }
#music main { background-color: #bc0064; border: 5px black double; }
#music h1, #music h2, #music a { font-family: quandary; }
#music h1 { font-size: 2em; text-transform: lowercase; text-align: right; }
#music p a { font-size: 1.1em; }
#music a { color: DeepPink; }
#music a:hover { color: HotPink; }
#music hr { margin: -10px 0 0 0; border-top: 5px MistyRose double; }

#reid { background-color: #eee6d9; background-image: none; }
#reid main { background-color: #eee6d9; color: #bf8776; }
#reid h1 { color: #bf8e7f; }
#reid a { color: #2e2923; }
#reid a:hover { color: #bf8e7f; }

#rilokiley { background-image: none; background-color: #362f29; color: #c9c4b0; }
#rilokiley main { background-color: #1f1b18; border: 2px #938f81 dotted; }
#rilokiley h1, #rilokiley h3 { font-family: quandary; }
#rilokiley h1, a { color: #9ba87d; }
#rilokiley h1 { text-align: right; font-size: 3em; line-height: 40px; text-transform: lowercase; }
#rilokiley a:hover, #rilokiley blockquote { color: #89a48f; }
#rilokiley a:hover { font-style: italic; }

#rockopera { background-color: #ebe970; background-image: none; color: #393930; margin: 75px auto; }
#rockopera main { background-color: #fffdf3; padding: 35px 20px 0 20px; }
#rockopera hr { margin: 25px auto; border-color: #a7a22a; width: 100px; }
#rockopera h1, #rockopera h2, #rockopera a { font-family: crayonette; }
#rockopera h1, #rockopera a { color: #ff5f17; }
#rockopera p a { font-size: 1.2em; }
#rockopera a:hover { color: #92868a; }
#rockopera, #rockopera main { border-radius: 100px; }
#rockopera blockquote { color: #a7a22a; }




/* tributes */

#tribute a { color: LightSalmon; }
#tribute a:hover { color: Peru; }
#tribute hr { border-top: 3px #8b4513 double; }

#jane {
	background-image: url(images/hearts.gif);
	background-position: center;
	background-color: LemonChiffon;
	color: LightSlateGrey;
}
#jane main { background-color: #f0f4ff; border: 2px dotted; }
#jane h1, #jane h3 { font-family: reynold; }
#jane h1 { font-size: 3em; line-height: 1em; }
#jane h1, #jane a { color: #f5aea0; }
#jane a:hover { color: #f5c5be; }

#silver {
	background-image: url(images/purple2.png);
	background-color: Purple;
}
#silver main { border: 1px dashed; }
#silver h1 { font-size: 3em; line-height: 1em; }
#silver h1, #silver h3 { font-family: serif; }
#silver h1, #silver a { color: GoldenRod; }
#silver a:hover { color: Orange; }
#silver hr { border-top: 3px #8b4513 dashed; }

#pennie {
	background-image: url(images/burlap.jpeg);
	background-color: DarkOliveGreen;
	color: Sienna;
}
#pennie main { background-color: AntiqueWhite; border: 3px Peru dashed; }
#pennie h1, #pennie h3 { font-family: rope; font-weight: normal; }
#pennie h1, #pennie h3, #pennie a { color: Chocolate; }
#pennie h1 { font-size: 4em; font-weight: normal; }
#pennie h3 { font-size: 2em; margin: 0; }
#pennie a:hover, #pennie hr { color: Peru; }
#pennie hr { border-top: 3px dashed; width: 150px; margin: 20px auto; }
#pennie img { border: 3px Chocolate dashed; }



/* style */
#style {
	background-color: #060b09; 
	background-image: url(images/edie.png);
	background-size: 300px;
	color: #be2031;
	font-family: politano;
}
#style main { background-color: white; }
#style h1, #style h2, #style h3 { font-family: quandary; }
#style h1 { margin-top: 30px; text-align: right; }
#style h2 { font-size: 2em; text-transform: lowercase; }
#style a { color: #060b09; }
#style a:hover { color: #8a919c; }
#style hr { margin: -10px 0 0 0; border-top: 2px solid #be2031; }

#celia {
	background-color: #ebe4c7;
	background-image: url(images/daisies.png);
	color: #695c4e;
}
#celia main { background-color: #fffdf3; }
#celia h1, #celia h3 { color: #97220b; font-family: quandary; }
#celia a { color: DarkKhaki; } #celia a:hover { color: #c43810; }

#dollyrockers {
	background-color: #4f530b;
	background-image: url(images/green_flowers.png);
}
#dollyrockers main { background-color: rgb(55, 35, 21, 0.8); color: OldLace; }
#dollyrockers h1, #dollyrockers a { color: Wheat; } #dollyrockers a:hover { color: Gold; }

#paraphernalia {
	background-color: #e5c6c6;
	background-image: url(images/paraphernalia/para_betsey_tile_pink_2.png);
	background-size: normal;
}
#paraphernalia main { background-color: #f8f8ff; }
#paraphernalia h1, #paraphernalia h3, #paraphernalia a { font-family: quandary; text-transform: lowercase; }
#paraphernalia, #paraphernalia blockquote p { color: #aa1b58; }
#paraphernalia a, #paraphernalia blockquote { color: #75737c; }
#paraphernalia a { color: #75737c; }
#paraphernalia a:hover { color: #aa9ba2; }

#teen {
	background-image: none;
	background-color: #40a195;
	color: #670028;
}
#teen main { background-color: #f9f9f9; }
#teen h1 { color: #f8367f; }
#teen h3 { }


/* film */
#film {
	background-color: #e5c6c6;
	background-image: url(images/regal.png);
	background-size: normal;
	color: #a9601e;
}
#film main { background-color: white; }
#film p { font-size: 1.2em; }
#film a { color: #dce31b; }
#film a:hover { color: #707482; }
#film hr { border-color: #1e9aa9; }

#caligula {
	background-color: #f9faea;
	background-image: url(images/caligula/roman.jpg);
	background-size: 300px;
	color: #5c4d00;
}
#caligula main { background-color: MistyRose; }
#caligula h1, #caligula h3 { font-family: sackers; color: #a19981; }
#caligula h3 { font-size: 2em; }




/* blog */

.blog body {
	margin-top: 75px;
	background-color: YellowGreen;
	background-image: url("images/pink_rococo.gif");
	color: Tomato;
	font-family: sans-serif;
	display: block;
}
.blog body h1 { font-family: sans-serif; align-self: flex-end; }
.blog body h2 { font-family: sans-serif; font-size: 0.8em; font-style: italic; color: Tomato; }
.blog main { margin: 20px auto 0; padding: 0; font-size: 0.8em; }
#text, #side { height: 450px; }
#text {
	float: left;
	padding: 15px 25px;
	width: 500px;
	background-color: white;
	color: black;
	overflow: scroll;
}
#text h1, #text h2 { color: black; font-family: sans-serif; }
#text h2 { font-size: 0.8em; }
#text a:hover { color: Tomato; }
#text blockquote { font-style: italic; }
#side {
	float: right;
	padding: 0 5px;
	width: 100px;
	display: flex;
	align-items: flex-end;
	flex-flow: row wrap;
	background-color: Tomato;
}
#side a { color: Wheat; }
#side a:hover { color: white; text-decoration: underline; }



/* sitemap */

#sitemap span { font-weight: bold; font-style: italic; }