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

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#191e3b;
}

a{outline:none;}
A:link {color:#4a6a94; font-weight:bold; text-decoration: none;}
A:visited {color:#666666; font-weight:bold; text-decoration: none;}
A:active {color:#4a6a94; font-weight:bold; text-decoration: none;}
A:hover {color:#cccccc; font-weight:bold; text-decoration: underline;}

#header{
	width:1020px;
	height:100px;
	margin:auto;
	margin-top:25px;
	background-image:url(../images/bar.png);
}

.left{
	float:left;
}

#rollovernav {
	float: right;
	width: 530px;
	height: 17px;
	background:url(../images/nav.png);
	background-repeat:no-repeat;
	position: relative;
	margin-top:50px;
	font-size:0px;
}
#rollovernav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#rollovernav li, #rollovernav a {height: 17px; display: block;}
#home {left: 0px; width: 46px; }
#blog {left: 114px; width: 35px;  }
#portfolio {left: 217px; width: 78px; }
#resume {left: 358px; width: 63px;  }
#about {left: 489px; width: 81px; }

#home a:hover {background: transparent url(../images/nav.png) 0 -17px no-repeat;}
#blog a:hover {background: transparent url(../images/nav.png) -114px -17px no-repeat;}
#portfolio a:hover {background: transparent url(../images/nav.png) -217px -17px no-repeat;}
#resume a:hover {background: transparent url(../images/nav.png) -358px -17px no-repeat;}
#about a:hover {background: transparent url(../images/nav.png) -489px -17px no-repeat;}

img{border:none;}

h2 {
   position: absolute;
   top: 230px;
   left:0px;
}

h2 span {
   font: 16px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 5px;
}