/* pink Panharmonicon style */
/* By Panharmonicon */
/* In CSS-2 */
/* positioning converted from tables to CSS Oct. 2003 */
/* navigation added Feb. 2004 */

/********************** primary elements & text */

/* Each page has three colors: dark, light, and medium */
/* The dark color appears as the logo and dropcap backgrounds */
/* The medium color is the body background */
/* The light color is the content background */

body {
	margin: 32px;
	color: black;
	background: #bf7c96 url("pink/back") no-repeat fixed bottom left;
	width: 600px;
	 font-family: "Georgia", "Palatino", "Palatino Linotype", "Lucida", "Lucida Sans", serif ; 
}

img {
	margin: 5px;
}

a 	{ text-decoration: none; color: #8e385c; }
a:hover, a:focus { background-color: #bf7c96;  }
a:visited { color: #8e385c; }
a:active { color: white; }

ul	{ margin-left: -1em; margin-top: 0; padding-top: 0; }

/* li	{ list-style: none; } */

hr	{ margin-right: 2em; margin-left: 2em; border: 0px; border-bottom: solid 1px #bf7c96;} 

blockquote { margin-left: 2em; }

abbr {
	font-style: normal;
}

#letter {
	background:  url("pink/backmedium") no-repeat fixed bottom left;
	border: 1px solid #8e385c;
	padding: 10px;
	margin-bottom: 10px;
}

textarea {
	background:  url("pink/backmedium") no-repeat fixed bottom left;
	border: 1px solid #8e385c;
	width: 100%;
	height: 14em;
	overflow: auto;
}

input {
	background:  url("pink/backmedium") no-repeat fixed bottom left;
	border: 1px solid #8e385c;
	margin-bottom: 1px;
}

#send {
	background: ;
	margin-top: 1em;
	border-right: 2px solid #8e385c;
	border-bottom: 2px solid #8e385c;
	border-left: 2px solid #bf7c96;
	border-top: 2px solid #bf7c96;
}

.bio {
	clear: both;
}

.bioimage {
	float: right;
	border: 1px solid #8e385c;
}

.galleryimage {
	clear: both;
}

.galleryimage img {
	border: none;
	float: right;
}

.dropcap { 
	color: #f2d3ed; 
	font-size: 360%; 
	float: left; 
	height: 1em; 
	line-height: 1em; 
	width: 1.1em; 
	text-align: center; 
	margin-top: -0.1em; 
	margin-right: 0.1em; 
	background-color: #8e385c; 
}


/********************** Navigation */
#navbar {
	width: 553px;
	background: #d9a8c2 url("pink/backlight") no-repeat fixed bottom left;
	padding: 0px;
	padding-right: 7px;
	margin: 12px;
}

* html #navbar {
	width: 560px;
	w\idth: 553px;
}

	#navbar ul {
		padding: 0px;
		margin: 0px;
		text-align: right;
	}

	#navbar li {
		display: inline; 
		list-style-type: none; 
		margin: 0px;
		padding: 0px;
		padding-left: 4px;
	}

		#navbar li a {
			background-color: #8e385c; 
			color: #f2d3ed;
			padding-right: 2px;
			padding-left: 2px; 
			margin: 0px;
		}

		#navbar li a:hover {
			color: #000532;
		}

		#navbar #current a {
			background-color: #f2d3ed;
			color: #8e385c;
		}

/********************** Positioning */

/* Units are in pixels */
/* logo has width of 504, with 12 padding, so 528 total */
/* content has a width of 504 with 12 padding, so 528 total */

/* We must compensate for IE5/Win's flawed box model as regards width */
/* This is done here using the Tan Hack */
/* which relies on a parsing error specific to that browser. */


/********** Header & Logo */
/* Image swap with text header. Done with the image in-line instead of a background, so both display if style sheets are off, but looks good on style-sheet enabled and text-only */

#logo {
	background: #8e385c url("pink/gearlogo") 12px 12px no-repeat;
	margin: 12px;
	padding: 12px;
	width: 536px;
	height: 75px;
	text-align: left;
}

* html #logo {
	width: 560px;
	height: 80px;
	w\idth: 536px;
	he\ight: 75px;
}

#printgearlogo {
	display: none;
}

#logo h1 {
	display: none;
	border: 0;
	padding: 0;
	margin: 0;
}


/*********** Content */

#content {
	background: #d9a8c2 url("pink/backlight") no-repeat fixed bottom left;
padding: 12px;
	margin: 12px;
	width: 536px;
}
	
* html #content {
	width: 560px;
	w\idth: 536px;
}

#chopmark {
	background: url("pink/chopmark");
	width: 14px;
	height: 14px;
	margin: 0px;
	margin-left: 516px;
	clear: both;
}

#printchopmark {
	display: none;
}