body {
	background-color: :#e3e3e3;
	font-family: 'Tenso', Helvetica, Arial, sans serif;
}

a {
	font-weight: bold;
	color: black;
}

a:hover {
	color:blue;
}

#bg {
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	height:100%;
}

#work {
	width:40vw;
	left:3vw;
	position: fixed;
	z-index: 10;
}

	#work a {
		display: block;
		font-size: 2.5em;
	}

#writeups {
	width:50vw;
	left:40vw;
	top:10vh;
	position: relative;
	padding-bottom: 10vh;
}

	#writeups img {
		width:100%;
	}

	#writeups img.smaller {
		width:50%;
		float:left;
	}

	#writeups .text {
		width:70%;
		padding-top: 5vh;
		padding-bottom: 5vh;
	}

	#writeups .textsmaller {
		width:70%;
		padding-top: 5vh;
		padding-bottom: 5vh;
		font-size: 0.8em;
	}

	#writeups video {
		width:100%;
	}

#nav {
	position: fixed;
	bottom:0;
	left:0;
	width:100vw;
	background-color: black;
	z-index: 20;
}

	#nav a {
		text-decoration: none;
		color:white;
	}

	#nav a:hover {
		border-bottom: 1px white solid;
	}

#leftnav {
	display: inline-block;
}
	#leftnav ul {
		display: inline-block;
	}

#rightnav {
	display: inline-block;
	position: fixed;
	right:3vw;
}

#chat {
	position: fixed;
	right:3vw;
	bottom:10vh;
	background-color: white;
	width:300px;
	overflow: none;
	height:400px;
}

#tlkio {
	margin-top:-50px;
	
}

.clearing {
	clear: both;
}