BODY, P, TD { font-family: verdana, sans serif; color: #000011; }

BODY { margin: 0; padding: 0; background:  #fffcf7; }

#header { background:  #fffcf7 url('/piecesofblue/bluefade_1.png') repeat-x;
	margin: 0;
	padding: 0;
	height: 300px }

#index { margin: 0;
	padding: 1em 2em 2em 2em; }
	
	div#index blockquote { font-style: italic; }
	
	div#index a { font-weight: bold; }
	
	.indexpage { margin-right: 20%;
		margin-left: 20%; } /* an hr on an index page */

	
#menu { float: left;
	margin: 0;
	padding: 0;
	}
	
#nav, #nav ul { margin: 1em;
		list-style: none;
		width : 11em;
		background: #fffcf7;
		padding: .5em;
		color: #000;
		border-top: 3px double black;
		border-bottom: 3px double black; }
		
#nav li {line-height: 1.75em; }

.arctitle { font-weight: bold;
	text-align: center; } /* title of arc in the side menu */

#menu { position: fixed }

#story { background: #fffcf7 url('/piecesofblue/blueorb.space.png') repeat-y top right;
	margin: 0em 0em 0 15em;
	padding-right:50px; 
	}
	
.arcname { font-style: italic; } /* title of arc in the story body */

.indent { margin-left: 3em; } /* for arcs or anything else you want to indent on the left; recommend div class indent*/

div.poem P { line-height: 3pt; text-indent: 20pt; }

h1 { text-align: center; }
	
h2 { text-align: center; }
	
hr { margin-right: 10%; margin-left: 10%; color: #000000; }

A { color: #5689c2; text-decoration: none; }

A:visited { color: #19549d; text-decoration: none;  }

A:hover { text-decoration: underline; }

#updated { font-size: small;
	text-align: right; } /* last modified in the footer */

#jumpup {text-align: right; } /* back-to-top in the footer */
	#jumpup a { font-weight: bold; border-top: 3px double black; border-bottom: 3px double black; padding: .5em; }

#credits {font-size: x-small;
	color: #999999;
	margin: 2em 0 0 0;
	padding: .5em; } /*attribution or disclaimer in the footer */
	
	div#credits p { color: #999999; } /*because some browsers are weird */
	
#indivcredits {font-size: x-small;
	color: #999999;
	margin: 0;
	padding: 0 .5em .5em .5em; } /* for the misc pages, when you have to put it in by hand */

div#index #mailform { display: none;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #19549d;
	color: #fffcf7;
	margin-left: 15%;
	margin-right: 15%; } /* mail that starts as a link; always keep display none */
	
	div#index #mailform td { color: #fffcf7; } /* because tables are pissy about styles and you have to tell it very specifically */

div#story #mailform { display: block;
	border-top: 3px double black;
	border-bottom: 3px double black;
	margin-right: 5%;
	margin-left: 5%; } /* mail that starts as a form; always keep display block */
		
#mailmessage { display: block;
	padding: 1em 3em;
	 } /* error or send messages; always keep display block */
	
	div#index div#mailmessage {margin-left: 10%;
			margin-right: 10%;
			border-top: 1px solid black; }
			
	div#story div#mailmessage {margin-left: 5%;
			margin-right: 5%;
			border-top: 3px double black; }
	
#designby { font-size: x-small;
	color: #666666; }	/* glass pen credits on first page */
	
		
/* Section defining how menu links will look in the different folders

Note:  name standalones with the folder name (gw, hp, etc); name arc stories with story name (graft, hardy, etc) so that current-story can be indicated in the menu */

/* Indexes and Standalones */
body#home a#homelink,
body#pothome a#potlink,
body#gwhome a#gwlink,
body#fmahome a#fmalink,
body#hphome a#hplink,
body#mischome a#misclink { color: #000000; }

body#pot a#potlink,
body#gw a#gwlink,
body#fma a#fmalink,
body#hp a#hplink,
body#misc a#misclink { font-weight: bold; }

/* pot arc links */
body#uprooted a#potlink,
body#graft a#potlink,
body#supplant a#potlink,
body#hardy a#potlink 
body#tropism a#potlink
body#thrive a#potlink
body#blossom a#potlink { font-weight: bold; }

body#uprooted a#uprootedlink,
body#graft a#graftlink,
body#supplant a#supplantlink,
body#hardy a#hardylink 
body#tropism a#tropismlink
body#thrive a#thrivelink
body#blossom a#blossomlink { color: #000000; }

body#benefits a#potlink,
body#stray a#potlink,
body#methods a#potlink,
body#reunion a#potlink { font-weight: bold; }

body#benefits a#benefitslink,
body#stray a#straylink,
body#methods a#methodslink,
body#reunion a#reunionlink { color: #000000; }

body#penink a#potlink
body#interlude a#potlink
body#commitment a#potlink
body#consolation a#potlink
body#underskin a#potlink { font-weight: bold; }

body#penink a#peninklink
body#interlude a#interludelink
body#commitment a#commitmentlink
body#consolation a#consolationlink
body#underskin a#underskinlink { color: #000000; }

body#runningboy a#potlink
body#notburden a#potlink
body#well-tempered a#potlink
body#otohime a#potlink { font-weight: bold; }

body#runningboy a#runningboylink
body#notburden a#notburdenlink
body#well-tempered a#well-temperedlink
body#otohime a#otohimelink { color: #000000; }