@charset "utf-8";


/* -------------------------------------------- NOEL MAIN STYLESHEET -------*/


/* -------------------------------------------- GLOBAL STYLES ---------------------------------------*/

body {
	background:#1b1e1b;
	font-family: Monaco, Lucida Console, monospace;
	font-size:16px;
	font-style:oblique;
	color:#e0d3ad;
	font-variant: small-caps;
}

.altText {
	width:0; height:0;
	display:block;
	overflow:hidden;
}
.cleaner {
	clear:both; float:none;
	height:0;
	font-size:0; line-height:0;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}

a {
	text-decoration:none;
	color:#fff;
}

	a:hover{	
		color:#ff4d4d;
	}

#main {
 width:960px;
 margin:10px auto;
}

	#main a.logo {
		width:476px; height:117px;
		background:url(../images/h1_logo.gif);
		display:block;
	}
	
#contentArea {
	margin:50px 0 0 0;
}

	#contentArea #nav {
		width:160px;
		margin:0 15px 0 0;
		float:left;
	}
	
		#contentArea #nav ul {
			margin:0 0 10px 5px;
		}
		
			#contentArea #nav ul li {
				margin:0 0 7px 0;
			}
			
		#contentArea #nav a.btnWork{
			width:67px; height:16px;
			background:url(../images/btn_works.gif) no-repeat;
			display:block;
		}
		
			#contentArea #nav a:hover.btnWork {
				background-position:0 -16px;
			}
			
		#contentArea #nav a.btnPersonal{
			width:110px; height:16px;
			margin:10px 0 0 0;
			background:url(../images/btn_personal.gif) no-repeat;
			display:block;
		}
		
			#contentArea #nav a:hover.btnPersonal{
				background-position:0 -16px;
			}
			
		#contentArea #nav a.btnSketchbook{
			width:140px; height:16px;
			margin:10px 0 0 0;
			background:url(../images/btn_sketchbook.gif) no-repeat;
			display:block;
		}
		
			#contentArea #nav a:hover.btnSketchbook{
				background-position:0 -16px;
			}
			
		#nav a.btn_blog {
			width:52px; height:16px;
			background:url(../images/btn_blog.gif) no-repeat;
			display:block;
			margin:10px 0 0 0;
		}
		
			#nav a:hover.btn_blog {
				background-position:0 -16px;
			}
			
		#nav a.btn_contact {
			width:96px; height:16px;
			background:url(../images/btn_contact.gif) no-repeat;
			display:block;
			margin:10px 0 0 0;
		}
		
			#nav a:hover.btn_contact {
				background-position:0 -16px;
			}
			
	.imageInfo{
		margin:22px 0 0 0;
	}
	
	#frame{
		float:left;
	}
	
	.bioPic {
		float:left;
		margin:0 10px 0 0;
	}
	
	.chat {
		width:340px; height:320px;
		float:left;
		overflow:auto;
	}