@charset "utf-8";
/* CSS Document */

.warning
{
	width: 100%;
	text-align: center;
	color: #909090;
}

.small
{
	font-size: 9px;
}

#container .skillnode .active a
{
	font-weight: 300;
	color: #c4cee3;

}
	
#container .skillnode .active
{
	font-weight: 300;
	color: #8291b2;
}

#under
{ 
	width: 100%;
	background-color: #303339;
	position: absolute;
	top: 0px;
	z-index: -100;
	height: 0px;
}

#log
{
	position:fixed;
	width:100%;	
	font-size: 9px;
	font-family: sans-serif;
	padding-left: 10px;
}

#contact ul
{
	margin-left:0px;
	padding-left:0px;
	left:0px;
	list-style:none inside none;
}

#contact li
{
	margin-bottom:2px;	
}

.opened
{
	background-color: #303339;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;

}

.targetItem 
{
    display: none;
    padding: 0px;
    margin: 0px;
    color: #ebedef;
}

.targetItem img
{
	margin-top: 0px;
}

.showItem
{
	cursor: pointer;
}

.project
{
	margin-bottom: 20px;
}

.inbtwnsmallproject
{
	float:left;	
	width:20px;
}

.smallproject
{
	float:left;	
	width:330px;
}

.inbtwntinyproject
{
	float:left;	
	width:20px;
}

.tinyproject
{
	float:left;	
	width:155px;
	background-color: #554da4;
	margin-bottom: 20px;
}

.projectclear
{
	clear:both;
	width:60%;
	margin-left: 20%;
	margin-top:16px;
	height:1px;
	border-top:1px #e6e6e6 solid;	
}

#topbar
{

	height: 10px;
	background-color: #303339;
	
}

.skillnode
{

	margin-top: 30px;

}

#container .skillnode a
{
	font-weight: 700;
	text-decoration: none;
	color: #000;
}

#container .skillnode a.showItem.opened
{
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}

#container .skillnode a:hover
{
	text-decoration: underline;
	color: #b1b1bf;
}

.lowlight
{
	
	font-weight: 300;
	color:#b1b1bf;

}

h3
{

	font-family:'Oxygen', Verdana, Tahoma, sans-serif;
	font-size:18px;	
	color:#36363a;
	font-weight: 700; 
	padding-top:12px;
	
}

h4
{

	font-family:'Oxygen', Verdana, Tahoma, sans-serif;
	font-size:18px;	
	color:#ebedef;
	font-weight: 400; 
	padding-top: 20px;
	margin: 0px;
	
}

.quickfact
{

	float: left;
	width: 170px;
	
}

.highest-quickfact
{

	float: left;
	width: 170px;
	margin-bottom: 12px;
	line-height:1.4em;
	
}

#quickfact2
{

	float: left;
	width: 170px;
	height:100%;


}




body
{
	font-family:'Oxygen',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	width:100%;
	min-width:960px;
	line-height:1.6em;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

h2
{
	font-family:'Oxygen', Verdana, Tahoma, sans-serif;
	font-size:20px;	
	color:#36363a;
	font-weight: 700; 
	padding-top:12px;
}

ul
{
	list-style:square outside;
	margin-left:0px;	
	padding-left:32px;	
	left:0px;	
}

img#formulae
{
	margin-bottom:64px;
	margin-top:12px;
}

img#header
{
	width:680px;
	max-height:226px;	
	margin-bottom:4px;
	margin-top:12px;
}

#awards li, #quotes li
{
	margin-bottom:12px;	
}

#container
{
	width:960px;	
	margin:0px auto;
}

#content
{
	position:relative;
	left:280px;
	float:left;
	width:680px;
	height:100%;	
}

#container a
{
	color:#666;
}

#container a:hover
{
	color:#666;
	text-decoration: none;
}

#container a:visited
{
	color:#666;	
}

#navigation
{
	position:fixed;
	width:280px;	
	height:100%;
	padding-top: 15px;
}

#navigation ul
{
	margin-left:0px;
	padding-left:0px;
	left:0px;
	list-style:none inside none;
}

#navigation li
{
	margin-bottom:4px;	
}

#navigation a
{
	font-weight:400;	
	text-decoration:none;
	color:#6c6e71;
}

#navigation a:hover
{
	color:#36363b;
}

#images, #screenshots
{
	overflow:hidden;
	width:740px;	
}

#logo img
{
	max-width:680px;	
}

#icc, #dtd
{
	float:left;	
	width:340px;
}

p.credits
{
	color:#999;
	font-size: 9px;
	text-align: right;
}

.clearance
{
	clear:both;
	width:100%;
	margin-top:15px;
	height:15px;
	border-top:1px #fff solid;	
}
.clear
{
	clear:both;
	width:100%;
	margin-top:30px;
	height:30px;
	border-top:1px #e6e6e6 solid;	
}