body { color: #d2d2d2; background:#1a1a1a; }
/* 	sets bg color and image that overrids it, repeat-x sets to repeat horiz, 
	also repeat, repeat-y; last two values are x and y can be absolute or relative
	color controls text, horizontal lines, form elements but is easily overridden
*/
	
a	{
	font-family: sans-serif;
	font-size:14px;
	padding: 2px 0;
	}

a:link{ font-weight:bold; color:#59386a; }
a:visited{font-weight:normal; color:#d8a781;}
a:focus{color:#9b6054;}
a:hover{font-weight:bold; color:#848d6d;}
a:active{color:#cc9b8b;}

h1,h2,h3,h4,h5,h6{
	font-family: cursive;
	font-weight:normal;
	font-size: 30px;
	color:#cb4f5a;
	text-align:left;
	}

/* 	define all font values at once for multiple things
	also font color,
	extra space between words
	extra space between letters
	position relative to initial pos:
	25 pixels left from left initial pos. (sticks out before initial paragraph)
*/

h2 	{
	padding: 10px 0 10px;
	font-size:36px;
	position:relative;
	left:-25px;
	text-transform:none;
	}

/*	add specifics for above-defined things
	text-align can also be justify, left, right
	text-transform can also be capitalize, lowercase, none (to cancel out inherited value) 
*/

h3	{
	padding: 0 0 50px;
	font:24px sans-serif;
	color:#f4dad5;
	margin: 20px 0 0 ;
	}
/*	font-variant makes small caps, can also write font-variant:none to remove inherited value
	margin of 20px on top, 0 on right, bottom, left (in that order)-
	also could write margin-top:50px
*/
h4 { font-size: medium; }
p	{
	font: 14px/100% Verdana, Helvetica, sans-serif;
	color:#f9e0de; 

	}

/* 	the font-size is 20 pixels and spacing between lines is 150%
	the indent is 2.5 character widths
*/


.image {
	margin-left:auto;
	margin-right:auto;
	}

.emph {
	font-style:italic;
	font-weight:bold;}

/* .emph corresponds with class="emph" in xhtml */

.blink {
	text-decoration:blink
	}

/*  .blink makes it blink as class="blink"; 
	also can use underline, overline, line-through
	however blink only works on some netscape, never ie.
*/

div	{
	border-color:#736c8d;
	height:800px;
	}
/* 	for all divs; overriden by specific
*/

#toc	{font-size:50px;
	color: #cbaac4;
	background: transparent;
	white-space: nowrap;
	}


/* 	#toc corresponds with id="toc" in xhtml; 
	its bg color will be different from the rest 
	white-space makes one row without wrapping- <br /> tag can be used inside
	also pre (for preformatted)
	or normal (to treat white space as usual)
*/


#content 	{
	position:absolute; 
	top:0px; 
	left:275px;
	color:white;
	padding-left:10px;
	padding-right:10px;
	border-left: 5px inset #535444;
	z-index:2;
	}

/*
Not quite working:
	background:transparent url(images/adrienne.jpg) fixed no-repeat center center;
*/

#navigation {
	position:relative; 
	
	top:0px; 
	left: 0px;
	background-color:transparent;
	padding-left:30px;
	padding-right:10px;
	width:275px;
	z-index:3;
	}


/* 	these give the div positions, colors on the div, bg images
	color in #content is overridden by color in h1,h2,p commands but 
	itself overrides body color command
	border command in #content
	also in #content, padding, allows for par overhang
*/


#navigation h1,h2{white-space:normal;
	text-align:center;
	}
/* #navigation a{display:block;} makes the links in div#navigation block-level
	display can go with list-item, none, or inline, and
	visibility:hidden retains the space but hides content  
*/

#navigation a:hover{background-color:transparent;}
/*changes bgcolor of link in div#navigaton*/