@import url("reset.css");

html
{
}

body
{
	z-index: 1;
}

#edger
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 1px solid #;
}

h1
{
	font-size: 48pt;
	font-weight: bold;
	font-family: sans-serif;
	line-height: 48pt;
	margin: 0;
	padding: 0;
}

a
{
	color: #000;
	text-decoration: none;
}

.fleft { float: left; }
.fright { float: right; }
.clearing 
{ 
	display: block;
	clear: both; 
}

div#damask
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('../img/damask_top_25.png') repeat-x;
	z-index: 6;
}

div#dimmed
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
		opacity: 0.8;
		/* Old IE */
		filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		/* IE 8+? */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 5;
}

ul#right
{
	position: absolute;
	top: 80px;
	right: 0px;
	list-style: none;
	z-index: 6;
}
	ul#right > li
	{
	}
		ul#right > li > ul > li.title
		{
			font-size: 12pt;
			font-weight: bold;
			font-family: sans-serif;
			line-height: 14pt;
			margin: 0 0 0 25px;
		}
		ul#right > li > ul > li.content
		{
			font-size: 10pt;
			font-family: sans-serif;
			padding: 4px 10px 12px 0;
			margin: 0 0 24px 22px;
			width: 320px;
			border-top: 2px solid #;
		}
			ul#right > li > ul > li.content:hover
			{
				/*
				padding: 4px 10px 12px 20px;
				margin: 0 0 22px 0;
				border-left: 2px solid #;			
				border-bottom: 2px solid #;		
				CURLY
								border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
				*/
			}
				ul#right > li > ul > li.content > span.controls
				{
					position: absolute;
					left: 0px;
					top: 0px;
					height: 100%;
					width: 20px;
					display: block;
					display: none;
										border-top-left-radius: 7px;
					border-bottom-left-radius: 7px;	
				}
			
		ul#right > li#reading > ul > li.content
		{
			background: url("../img/book_grey_eee.png") 95% 25% no-repeat;
		}
			/*
			ul#right > li#reading > ul > li.content:hover
			{
				background: url("../img/book_grey_ccc.png") 95% 25% no-repeat;				
			}
			*/
		ul#right > li#listening > ul > li.content
		{		
			background: url("../img/note_grey_f2f2f2_left_empty.png") 95% 25% no-repeat;
		}
					/*
			ul#right > li#listening > ul > li.content:hover
			{
				background: url("../img/note_grey_ccc_left_empty.png") 95% 25% no-repeat;
			}
					*/
		ul#right > li#watching > ul > li.content
		{		
			background: url("../img/film_f2f2f2_slim.png") 95% 25% no-repeat;
		}
					/*
			ul#right > li#watching > ul > li.content:hover
			{
				background: url("../img/film_ccc_slim.png") 95% 25% no-repeat;
			}
					*/
			ul#right > li > ul > li.content > ul
			{
				display: block;
				cursor: pointer;
				text-decoration: none;
				padding: 2px 10px 6px 10px;
				margin: 0 2px;
			}
						/*
				ul#right > li > ul > li.content > ul:hover
				{
					border: 1px solid #;
					background: url("../img/trans_fff_white_75.png");
					padding: 1px 9px 5px 9px;
					margin: 0 2px;
					border-radius: 5px;
				}
						*/
				ul#right > li > ul > li.content > ul > li.title
				{
					display: inline;
					font-style: italic;
				}
				ul#right > li > ul > li.content > ul > li.author
				{
					display: inline;
					color: #999;
				}
				ul#right > li > ul > li.content > ul > li.info
				{
					display: block;
					color: #999;
					font-size: 8pt;
					line-height: 6pt;
					padding: 2px 0 0 0;
					margin: 0 0 0 10px;
				}

			
			
/*
ul#left
{
	position: absolute;
	top: 80px;
	left: 0px;
	list-style: none;
	outline: 1px solid red;
}
	ul#left > li
	{
	}
		ul#left > li > div.title
		{
			font-size: 12pt;
			font-weight: bold;
			font-family: sans-serif;
			line-height: 14pt;
			border-bottom: 2px solid #;
			text-align: right;
			padding: 0 5px 0 0;
		}
		ul#left > li > div.content
		{
			font-size: 10pt;
			font-family: sans-serif;
			padding: 4px 10px 32px 0;
			margin: 2px 10px 10px 0;
		}
		ul#left > li#saying > div.content
		{
			background: url("../img/book_grey_eee.png") 100% 0% no-repeat;
		}
			ul#left > li#saying > div.content:hover
			{
				background: url("../img/book_grey_ccc.png") 100% 0% no-repeat;				
			}
			ul#left > li > div.content > a
			{
				display: block;
				cursor: pointer;
				text-decoration: none;
				padding: 2px 10px 6px 10px;
				margin: 0 2px;
			}
				ul#left > li > div.content > a:hover
				{
					border: 1px solid #eee;
					background: url("../img/trans_fff_white_75.png");
					padding: 1px 9px 5px 9px;
					margin: 0 2px;
					border-radius: 5px;
				}
				ul#left > li > div.content > a > span.title
				{
					font-style: italic;
				}
				ul#left > li > div.content > a > span.author
				{
					color: #999;				
				}
				ul#left > li > div.content > a > div.info
				{
					color: #999;
					font-size: 8pt;
					line-height: 6pt;
					margin: 0 0 0 10px;
				}
*/
			

			
div#bottom
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 6;
}
	div#bottom > div#above_the_line
	{
		border-bottom: 5px solid #;
		position: relative;
	}
		div#bottom > div#above_the_line > div.above_parts
		{
			float: left;
		}
			div#bottom > div#above_the_line > div.above_parts > div#name
			{
				margin: 0 0 0 48px;
				padding: 0;
				width: 442px;
				/* TEXT SHADOW */
				text-shadow: 1px 2px 2px #999;
			}
			div#bottom > div#above_the_line > div.above_parts > h2#tagline
			{
				font-size: 18pt;
				font-style: italic;
				font-family: sans-serif;
				font-weight: normal;
				color: #ddd;
				margin: 0;
				padding: 10px 0 0 0;				
				padding-left: 12px;
				z-index: 3;
				line-height: 40pt;
				/* TEXT SHADOW */
				text-shadow: 1px 1px 1px #999;
			}
			div#bottom > div#above_the_line > div.above_parts > div#map
			{
				background: url("../img/map_eee.png") no-repeat;
				position:absolute;
				right:0px;
				bottom:0px;
				width: 422px;
				height: 222px;
				padding-right: 12px; 
				z-index: -1;
			}
						/*
				div#bottom > div#above_the_line > div.above_parts > div#map:hover
				{
					background: url("../img/map_ccc.png") no-repeat;
				}
						*/
				div#bottom > div#above_the_line > div.above_parts > div#map > div#dot
				{

					font-weight: bold;
					font-size: 18px;
					position: absolute;
					left: 108px;
					top: 74px;
					color: #;
					/* TEXT SHADOW */
					text-shadow: 0px 1px 1px #999;
				}
					div#map > div#dot > a.label
					{
						font-family: sans-serif;
						font-weight: normal;
						font-size: 14px;
						margin: 0;
						padding: 3px 5px;
						color: #666;
						/* TEXT SHADOW */
						text-shadow: 0px 1px 1px #999;
					}
						/*
						div#map > div#dot > a.label:hover
						{
							color: #333;
							padding: 2px 4px;
							border: 2px solid #eee;
							background: url("../img/trans_fff_white_50.png");
							border: 1px solid #;
							border-radius: 5px;
							//cursor: pointer;
						}
						*/
					div#map > div#dot > a#before
					{
						display: none;
					}
					div#map > div#dot > a#after
					{
						display: inline;
					}
			
	div#bottom > div#below_the_line
	{
		padding-bottom: 48px;
	}
		div#bottom > div#below_the_line > ul#below_parts
		{
			list-style: none;
			padding: 0 0 0 48px;
			margin: 0;
		}
			div#bottom > div#below_the_line > ul#below_parts > li#lefty
			{
				float: left;
				width: 442px;
				padding: 0 32px 0 0;
				margin: 0;
				position: relative;
				font-size: 12pt;
				font-weight: bold;
				font-family: sans-serif;
				line-height: 18pt;
			}
				ul#below_parts > li#lefty > ul > li > a#email
				{
					color: #000;
					text-decoration: none;
					padding-left: 18px;
				}
					ul#below_parts > li#lefty > ul > li > a#email:hover
					{
						color: #;						
					}
				ul#below_parts > li#lefty > ul > li#phone
				{
					letter-spacing: 1px;
					padding-right: 28px;
				}
			div#bottom > div#below_the_line > ul#below_parts > li#righty
			{
				float: right;
			}
				ul#below_parts > li#righty > ul > li#html5,
				ul#below_parts > li#righty > ul > li#css3
				{
					float: right;
					height: 27px;
					width: 54px;
					margin: 16px 4px 0 0;
				}
				ul#below_parts > li#righty > ul > li#html5
				{
					background: url('../img/html5_alt_27x54.png') no-repeat;
					background-position: 0px -27px;
				}
					ul#below_parts > li#righty > ul > li#html5:hover
					{
						cursor: pointer;
						background-position: 0px 0px;					
					}
				ul#below_parts > li#righty > ul > li#css3
				{
					margin-right: 4px;
					background: url('../img/css3_27x54.png') no-repeat;
					background-position: 0px -27px;
				}
					ul#below_parts > li#righty > ul > li#css3:hover
					{
						cursor: pointer;
						background-position: 0px 0px;					
					}
					
			div#bottom > div#below_the_line > ul#below_parts > li > a
			{
				color: #000;
				text-decoration: none;
			}
				div#bottom > div#below_the_line > ul#below_parts > li > a:hover
				{
					color: #;
				}