@font-face {
		  font-family: "Diavlo";
		  src: url(/Diavlo_BOOK_24.otf);
	}
html{
height:101%;
}


code, pre{
color:green;
}

.lbImage{
margin:15px;
width:270px; height:auto;
}
	table, tr, td{vertical-align:top;
	height:100%;
	}
	table{
	}

	img
	{
	vertical-align:middle;
	}
	body, div{color:#fff;font-family:"Diavlo",arial;}
	body{background-color:#222;}
	html,body{width:100%;}
	#thumbs{
	float:left;width:160px;margin:0px 0px 0px 20px;
	}
	.thumb{
		width:120px;
		clear:both;
	}
	#main{
		float:left;
		margin:0px 20px 0px 0px;

	}
	#header{
	margin:auto;
	width:auto;
	font-size:28px;
	}
	#header img{
	float:left;
	width:50px;
	height:auto;
	margin:0px 20px;
	}
	#blurb{
		height:200px;
		margin-left:10px;
	}
	#content{

		margin-left:10px;
	}
	#content img{
	width:300px;
	margin:10px;
	}
	img{
	border:none;
	}
	#thumbs{
	height:100%;
	overflow:auto;
	}
	#blurb,#content{

	overflow:auto;
	}
	h3{
	font-size:24pt;
	color:#ce0225;
	}
	h4{
	font-size:16pt;
	color:#ce0225;
	}
	.col1{
	width:31%;
	float:left;
	}
	a{color:#ce0225;}



	//###############NEV

#nav
{
margin:0px 0px 20px 250px;
}

#navigation li
{
float:left;
list-style-type:none;
}

#navigation li a
{
background-image:url(/css/sprite.jpg);
display:block;

}
#navtabs{
width:1000px;
color:#000;
}

#blurb,#content,  .content{
clear:both;
margin:0px 0px 0px 30px;
width:980px;

}

.home
	{
	background-position:0px 0px;
	width:102px;
	height:50px;
	}

a.home:hover, a.homeActive{
	background-position: -0px -50px;

	}
.portfolio
	{
	background-position:-102px 0px;
	width:160px;
	height:50px;
	}
a.portfolio:hover, a.portfolioActive{
	background-position: -102px -50px;

	}
.skills
	{
	background-position:-262px 0px;
	width:111px;
	height:50px;
	}
a.skills:hover, a.skillsActive{
	background-position: -262px -50px;

	}
.code
	{
	background-position:-374px 0px;
	width:236px;
	height:50px;
	}
a.code:hover, a.codeActive{
	background-position: -374px -50px;

	}
.resume
	{
	background-position:-612px 0px;
	width:134px;
	height:50px;
	}
a.resume:hover, a.resumeActive{
	background-position: -612px -50px;

	}
.contact
	{
	background-position:-748px 0px;
	width:148px;
	height:50px;
	}
a.contact:hover, a.contactActive{
	background-position: -748px -50px;

	}
.fun
	{
	background-position:-899px 0px;
	width:80px;
	height:50px;
	}
a.fun:hover, a.funActive{
	background-position: -899px -50px;

	}

#navigation a .hover {
	background:url(css/sprite.jpg) no-repeat;
	display: block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}

#nav
{
margin:0px 0px 25px 0px;
padding-bottom:50px;
}