#memorial {
	float: left;
	display: inline;
	width: 952px;
	padding-bottom: 40px;
	background: transparent url(../images/memorial_bg.gif) repeat-y 0 0;
}

	/* ------- left column ------- */

	#memorial #left {
		float: left;
		display: inline;
		width: 275px;
		margin: 0 40px;
		padding-top: 15px;
		position: relative;
	}
	#memorial #left .pop_up {
		left: -20;
		top: 30px;
		z-index: 2500;
	}
	#memorial #left .navigation {
		float: left;
		display: inline;
		width: 275px;
		height: 14px;
	}
	#memorial #left .navigation a.previous, #memorial #left .navigation a.previous:active,
	#memorial #left .navigation a.previous:visited {
		float: left;
		display: inline;
		width: 59px;
		height: 14px;
		background: transparent url(../images/previous_button.gif) no-repeat 0 0;
	}
	#memorial #left .navigation a.previous:hover { background-position: 0 -14px; }
	#memorial #left .navigation a.next, #memorial #left .navigation a.next:active,
	#memorial #left .navigation a.next:visited {
		float: right;
		display: inline;
		width: 44px;
		height: 14px;
		background: transparent url(../images/next_button.gif) no-repeat 0 0;
	}
	#memorial #left .navigation a.next:hover { background-position: 0 -14px; }
	#memorial #left .title {
		font-size: 14px;
		color: #8FB3C0;
		margin-bottom: 15px;
	}
	#memorial #left #gallery, #memorial #left #bit_about, #memorial #left #messages {
		float: left;
		display: inline;
		position: relative;
		width: 275px;
		border-bottom: 1px solid #564A42;
		padding-bottom: 15px;
		margin-top: 15px;
	}
	#memorial #left #gallery { z-index: 2000; }
	#memorial #left #bit_about p { margin: 0; }
	#memorial #left #bit_about p.title { margin-bottom: 15px; }
	#memorial #left #gallery img {
		float: left;
		display: inline;
		margin: 0 11px 15px 0;
		border: 2px solid #413834;
	}
	#memorial #left #gallery img.last { margin-right: 0; }
	#memorial #left #gallery a:hover img { border: 2px solid #AB9988; }
	
		/* ------- image zoom ---------- */
		
		#image_zoom {
			float: left;
			position: absolute;
			z-index: 2000;
			top: -155px;
			left: 15px;
			width: 836px;
			border: 4px solid #CBC3BA;
			background: #FFF url(../images/image_zoom_bg.jpg) no-repeat 0 0;
		}
		#image_zoom_body {
			float: left;
			display: inline;
			width: 800px;
			margin: 0 18px;
		}
		#image_zoom_top {
			float: right;
			display: inline;
			width: 635px;
			height: 32px;
			padding-top: 28px;
		}
		#image_zoom_top #title {
			float: left;
			display: inline;
			width: 390px;
			font-size: 24px;
			height: 24px;
			line-height: 24px;
			margin-top: -5px;
		}
		#image_zoom_top a#previous_photo, #image_zoom_top a#previous_photo:active,
		#image_zoom_top a#previous_photo:visited {
			float: left;
			display: inline;
			width: 100px;
			height: 21px;
			background: transparent url(../images/previous_photo.jpg) no-repeat 0 0;
		}
		#image_zoom_top a#previous_photo:hover{ background-position: 0 -21px; }
		#image_zoom_top a#next_photo, #image_zoom_top a#next_photo:active,
		#image_zoom_top a#next_photo:visited {
			float: left;
			display: inline;
			width: 79px;
			height: 21px;
			background: transparent url(../images/next_photo.jpg) no-repeat 0 0;
		}
		#image_zoom_top a#next_photo:hover { background-position: 0 -21px; }
		#image_zoom_top a#close, #image_zoom_top a#close:active, #image_zoom_top a#close:visited {
			float: right;
			display: inline;
			width: 50px;
			text-align: right;
			font-size: 12px;
			color: #413834;
			margin-top: 4px;
			text-decoration: none;
		}
		#image_zoom_top a#close:hover { color: #4F7ABC; }
		#image_zoom img {
			float: left;
			display: inline;
		}
		#image_zoom span {
			float: left;
			display: inline;
			width: 800px;
			font-family: Verdana;
			line-height: 14px;
			padding-bottom: 30px;
		}
		
		/* ------ end image zoom ------- */
	
	#memorial #left #bit_about { 
		font-size: 12px; 
		color: #8FB3C0;
		padding-bottom: 25px;
	}
	#memorial #left #bit_about span { color: #96806B; }
	#memorial #left #messages { color: #FFF; }
	#memorial #left #messages .title { 
		float: left;
		display: inline;
		width: 175px;
		margin-bottom: 10px;
	}
	#memorial #left #messages .leave_message { 
		float: left;
		display: inline;
		width: 100px;
		text-align: right;
		margin-bottom: 10px;
	}
	#memorial #left #messages a, #memorial #left #messages a:active, 
	#memorial #left #messages a:visited {
		color: #A18A76;
		text-decoration: none;
	}
	#memorial #left #messages a:hover { color: #8FB3C0; }
	#memorial #left #messages #message_body {
		color: #EBE7E2;
		font-family: Verdana;
		padding: 10px 0 20px 0;
		width: 275px;
		height: 150px;
		position: relative;
		clear: both;
		overflow: hidden;
	}
	#memorial #left #messages #message_body #message_container {
		width: 5000px;
		position: absolute;
		top: 0;
		left: 0;
		height: 150px;
	}
	#memorial #left #messages #message_body .message_post {
		float: left;
		display: inline;
		width: 275px;
		height: 150px;
	}
	
	/* -------- right column --------- */
	
	#memorial #right {
		float: left;
		display: inline;
		width: 445px;
		margin: 0 76px;
		padding-top: 35px;
	}
	#memorial #right #title {
		font-size: 24px;
		color: #413834;
		margin-bottom: 10px;
	}
	#memorial #right #dates {
		color: #96806B;
		font-size: 13px;
		margin-bottom: 15px;
	}
	#memorial #right #phrase { 
		font-size: 13px;
		margin-bottom: 20px;
	}
	#memorial #right #tokens {
		float: left;
		display: inline;
		width: 420px;
		margin-bottom: 4px;	
	}
	#memorial #right #tokens a img { 
		margin: 0 0 4px 0;
		border: 0;
	}
	#memorial #right #tokens a, #memorial #right #tokens a:active, #memorial #right #tokens a:visited,
	#memorial #right #tokens a:hover { 
		float: left;
		display: inline;
		text-decoration: none;
	}
	#memorial #right #tokens a span {
		position: absolute;
		display: none;
		left: -10px;
		top: -68px;
		/*width: 185px;*/
		width: 145px;
		height: 36px;
		padding: 15px 20px;
		font-size: 10px;
		line-height: 14px;
		color: #FFF;
		z-index: 1000;
		background: transparent url(../images/token_pop_bg.gif) no-repeat 0 0;
	}
	#memorial #right img#main_image {
		float: left;
		display: inline;
		border: 10px solid #FFF;
		margin-bottom: 10px;
	}
	#memorial #right #nickname {
		float: left;
		display: inline;
		width: 445px;
		font-size: 12px;
		margin-bottom: 20px;
	}
	#memorial #right #nickname span { color: #96806B; }
	#memorial #right #main_body {
		float: left;
		display: inline;
		width: 445px;
		font-family: Verdana;
		border-bottom: 1px solid #D0C8BF;
	}
	#memorial #right #main_body p { margin-bottom: 20px; }
	#memorial #right #bottom {
		float: left;
		display: inline;
		width: 445px;
		padding-top: 20px;
	}
	#memorial #right #bottom #share {
		float: left;
		display: inline;
		width: 200px;
	}
	#memorial #right #bottom #share a, #memorial #right #bottom #share a:active,
	#memorial #right #bottom #share a:visited {
		float: left;
		display: inline;
		height: 21px;
		line-height: 21px;
		font-size: 12px;
		color: #766557;
		text-decoration: none;
	}
	#memorial #right #bottom #share a:hover { text-decoration: underline; }
	#memorial #right #bottom #share .pop_up {
		left: 0;
		bottom: 50px;
		z-index: 1000;
	}
	#memorial #right #bottom a#next_doggie, #memorial #right #bottom a#next_doggie:active,
	#memorial #right #bottom a#next_doggie:visited {
		float: right;
		display: inline;
		width: 88px;
		height: 21px;
		background: transparent url(../images/next_doggie.gif) no-repeat 0 0;
	}
	#memorial #right #bottom a#next_doggie:hover { background-position: 0 -21px; }
	#memorial #right #bottom a#previous_doggie, #memorial #right #bottom a#previous_doggie:active,
	#memorial #right #bottom a#previous_doggie:visited {
		float: right;
		display: inline;
		width: 112px;
		height: 21px;
		background: transparent url(../images/previous_doggie.gif) no-repeat 0 0;
	}
	#memorial #right #bottom a#previous_doggie:hover { background-position: 0 -21px; }
	
/* ------ message pop up ------ */

.pop_up {
	position: absolute;
	width: 475px;
	background: #EBE7E2 url(../images/pop_up_bg.jpg) no-repeat 0 0;
	border: 4px solid #CBC3BA;
	color: #413834;
	line-height: 20px;
}
.pop_up div {
	float: left;
	display: inline;
	width: 435px;
	margin: 0 20px;
	padding-bottom: 30px;
}
.pop_up .pop_title {
	float: right;
	display: inline;
	width: 290px;
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	margin-bottom: 20px;
}
.pop_up div span.field { width: 435px; }
.pop_up div span.field span.field { 
	width: auto;
	margin-top: 10px;
}
.pop_up div span.field span.field input { margin-left: 10px; }
