a:link {
	color:#003366;
	text-decoration: underline;
	}
a:visited {
	color:#003366;
	}
a:hover {
	color:#006699;
	text-decoration: none;
	/*background-color:#CCCCCC;*/
	}
html {
	/*background:#003333;
	background:rgb(37,37,37);*/
	background:#282828;
}
body {
	/*background:#003333 url(../images/bg_wings.png) no-repeat center top;*/
	background:#282828;
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
	margin:0;
	padding:0;
	display:table;
	width:100%;
	}
.mainBodyWidth, .mainContent, .navContainer, #footerMid{ width:600px; }

.mainContent {
	border:1px solid #EFEFEF; 
	border-top:none; 
	position:relative; 
	top:-32px;
	background:#FFFFFF url(../images/bg_content.png) repeat-x;
}
.navContainer {
	border-left:1px solid #EFEFEF; 
	border-right:1px solid #EFEFEF;
	position:relative; 
	top:-32px;
	height:32px;
}

.navPassive, .navActive {
	padding:8px;
	border-right:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
}
.navPassive {
	color:#999999;
	cursor: pointer;
	background-color:#003366;
	border-bottom:1px solid #EFEFEF;
	text-decoration:none;
	}
.navPassive:hover {
	color:#666666;
	background-color:#FFFFFF;
	text-decoration:underline;
}
.navActive {
	color:#CCCCCC;
	border-bottom:1px solid #336699;
	background-color:#336699;
	}

.blogTitle {
	font-family:Sylfaen, Georgia, "Times New Roman", Times, serif;
	color:#003333;
	padding-top:10px;
	font-size:18px;
}
.blogDate {
	font-family:Sylfaen, Georgia, "Times New Roman", Times, serif;
	padding-left:12px;
	font-weight:normal;
	vertical-align:bottom;
	color:#003366;
	font-size:16px;
}
.blogCategory {
	font-family:Sylfaen, Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-size:13px;
	padding-bottom:4px;
}
.blogDesc, .blogTags {
	font-size:12px;	
	padding:4px;
	margin:0;
}
.blogTags {
	font-size:11px;
	font-weight:bold;
	padding-left:8px;
}
.pageNav {
	width:160px;
	padding:2px;
	padding-left:4px; 
	background:url(../images/bg_transparent.png) repeat;
	font-size:12px;
	}
.blogCode {
	border:1px solid #333333;
	background:url(../images/bg_transparent_code.png) repeat;
	width:540px;
	overflow:auto;
	font-size:11px;
	font-style:normal;
	white-space:nowrap;
	font-family:"Courier New", Courier, monospace;
	padding:4px;
	min-height:20px;
}
.blogCodeComment {
	color:#006633;
}
.pageNavHeader {
	padding:2px;
}
a.pageNavItem, .pageNavItemPassive {
	display:block; 
	padding:2px; 
	padding-left:10px;
	text-decoration:none;
}
a.pageNavItem {
	color:#003366;
}
.pageNavItemPassive {
	color: #CCCCCC;
	background-color: #003366;
}
a.pageNavItem:hover {
	background-color:#FFFFFF;
	text-decoration:underline;
	color:#0066CC;
	}

.aboutContainer, .portfolioContainer {
	width:95%; 
	padding-top:10px;
	}
.aboutHead, .portfolioHead {
	color:#003333; 
	font-size:20px; 
	padding:2px; 
	font-family:Sylfaen, Georgia, "Times New Roman", Times, serif;
	}
.aboutDesc, .portfolioDesc {
	margin:0; 
	padding:4px; 
	padding-left:8px; 
	border-left:1px solid #333333; 
	font-size:12px;
	}

/* style for portfolio */
.portfolioWebContainer, .portfolioWebContainerImage {
	height:150px; 
	padding:8px; 
	vertical-align:top;
	}
.portfolioWebContainerImage {
	position:relative; 
	float:left; 
	padding-right:20px;
}
img.portfolioThumb {
	border:1px solid #000000; 
	width:155px;
}
img.portfolioThumb:hover {
	border:1px solid #666666;
}

.portfolioWebDesc {
	font-size:12px;
	padding:4px;
	text-indent:-8px;
	line-height:16px;
	}
img.art {
	padding:2px;
	cursor:pointer;
	}
img.art:hover {
	padding:1px;
	border:1px solid #000000;
}

/* style for resume on the about page */
.resumeTitle {
	font-size:13px; 
	font-weight:bold; 
	padding-bottom:2px;
	}
.resumeSubTitle {
	font-size:14px; 
	font-family:Sylfaen, Georgia, "Times New Roman", Times, serif;
	}
.resumeItem {
	padding-left:10px; 
	padding-top:0px; 
	padding-bottom:4px; 
	text-indent:-6px; 
	line-height:17px;
	}

/* DJ CHARTS */
.chartItem {
	font-size:13px;
	color:#333333;
	padding-top:16px;
	padding-left:20px;
	font-weight:bold;
	}
.chartItemInfo {
	font-size:12px;
	font-style:italic;
	padding-left:35px;
	color:#666666;
	}
/***  NOT USED 
#footerContainer {
	position: fixed; 
	clear: both;  
	width: 100%;
	height: 30px; 
	bottom: 0; 
	border: 0; 
	padding: 0px;
}
#footerMid {
	background:url(images/bg_lightly_transparent.png) repeat; 
	padding:2px; 
	border:1px solid #003333;
	height:24px;
	}
#footer { 
	height:14px;
	background:url(images/bg_lightly_transparent.png) repeat;
	padding:4px;
	border:1px solid #999999;
	font-size:11px;
	color:#000000;
} 
.footerNavContainer {
	display:inline;
	padding-left:40px;
	}
a.footerNav {
	text-decoration:none;
	color:#003366;
}
a.footerNav:hover {
	background-color:#FFFFFF;
	text-decoration:underline;
	color:#0066CC;
	}
*/