@charset "utf-8";
/* CSS Document */

body {background-image:url(../images/black-stripe.gif)}

p.sansserif{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#EEEEEE;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#EEEEEE; font-weight:bold}

a {text-decoration:none}
a:link {color:#999999;}    /* unvisited link */
a:visited {color:#EEEEEE;} /* visited link */
a:hover {color:#0099FF;}   /* mouse over link */
a:focus {color:#0099FF;}
a:active {color:#FF9900;}  /* selected link */

a.tip {
	position: relative;
}
a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	background: #000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#EEEEEE;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}
a:hover.tip span {
	display: block;
}

a.tip2 {
	position: relative;
}
a.tip2 span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 420px;
	padding: 5px;
	z-index: 100;
	background: #000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align:center;
	color:#EEEEEE;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip2 {
	font-size: 99%; /* this is just for IE */
}
a:hover.tip2 span {
	display: block;
}

#email:before{
content: "\A9 2011 by Elliot Contreras. All rights reserved. ";
}
#resume:before{
content: "Feel free to download my resume in the appropiate format.";
}