@charset "UTF-8";

/* MY CURRENT IN USE POP! */
/* POP */
#pop {display:inline;}
#pop *{display:inline;}
#pop ul {list-style:none;margin:0;padding:0;}
#pop li {
	cursor: help; /* or hand */
	color: #449BC7;
	text-decoration: underline;
	border-bottom: 1px groove black;
	/* grove doesn't come out black, but it does have a nice effect */
}
#pop li:hover {border-bottom: 1px solid #F90;} /* I'll think of a good color later */
#pop li:hover .up {visibility:visible;top:auto;z-index: 25;}
#pop .up {
	color: #666;
	padding: 7px;
	margin: 0px 10px 10px 2px;

	border: solid 1px #449BC7;
	background: #fff; /* to match background color of overlapping area */
	cursor: text;
	text-decoration: none;
	-o-border-radius: 10px;
	-icab-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: auto;
	max-width: 700px; /* keeps the far left stuff,
	such as resume skills, from going out of the content area */

	/* Most of this is guessing */
	/*
	I think that z-index 0, puts it below everything, thus making it invisible,
	then on hover it goes on top w/ 25 - I think that the visiblity may be redundant?
	or possibly a fix for IE - position?  I have no idea...
	*/
	position: absolute;
	visibility: hidden;
	z-index: 0;
}
#pop .up a{
	color:#449BC7;
}
/* Supposed IE 6 Fix */
*html #pop li:hover .up{visibility:visible;}