body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #bbb;
}

a, a:visited, a:active, a:link {
	text-decoration:none;
	color: #ccc;
}

a:hover  {
	color: #ff0;
}

/*
h1 {
	font-size: 12px;
}
*/


#site {
	height: 100%;	
}

#right {
	ttcolor: #d1d3d4;
	color:#333333;
	ttmargin-left: 200px;	
	ttheight: 1000px;
}

#left {
	background-color: #bbb;
	padding: 80px 0px 5px 16px;
}

#bio-title {
	color:#fff;
	background-color:#3399FF;
	width: auto;
	line-height: 10px;
	padding-bottom: 2px;
}

.slash {
	color: #fff;
}

.slash-darker {
	color: #eee;
}


#bio-intro {
	padding: 10px 0px 0px 0px;
	line-height: 16px;	
	color:#444;
	width: 400px;
	display:none;	
}

.blog-link {
	color: #fff;
}

#bio-contact {
	padding: 130px 0px 0px 0px;
	margin: auto 0px 0px 0px;
	color:#444;
}

#employment, #center, #works {
	padding: 10px 0px 0px 10px;
	width: 180px;
	float: left;
}

#works {
	width: auto;
}

#emp-container {
	padding-left: 6px;
}

#works-container, #core-container {
	padding-left: 16px;
	border-left: dotted 1px #3399FF;
}


#employment ul {
	padding: 0px;
	list-style:none;
}

#employment ul li {
	padding-bottom: 10px;
}

#emp-title, #core-title, #works-title {
	ttposition: absolute;
	color:#fff;
	background-color:#3399FF;
	width: 100px;
	line-height: 10px;
	padding-bottom: 2px;
}

.proj-url, .emp-name, .emp-designation {
	color:#555;
}

.proj-type {
	color: #fff;
}


.emp-date, .emp-summary, .proj-tech {
	color: #666;
}

.emp-details {
	padding: 10px 0px 5px 0px;
}

#core-details {
	color: #666;
}

#core-details ul {
	list-style: none;
	padding: 0px;
}

#core-details ul li {
	padding-bottom: 10px;
}

#works-details {
	padding: 0px 0px 10px 0px;
}

.works-item {
	padding: 10px 0px 10px 0px;
}

.bullet-box {
	color:#fff;
	size: 1px;
	width: 4px;
}