body
{
	width: 56em;
	height=100%;
	background-color: #000;
	font-family:arial, helvetica;
	color: #ccc;
}


#menu
{
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #999;
}

.menu-option, .menu-option-selected
{
	position: relative;
	width: 16em;
	margin: 0 0.5em;
	border-left: 0.75em solid #000;
	float: left;
}
#menu a
{
	font-weight: bolder;
	font-size: 3.25em;
	text-decoration: none;
	margin-left: 0.25em;
	display: block;
	width: 100%;
}

.menu-option a
{
	color: #aaa;
}

.menu-option-selected a
{
	color: #fff;
}

.menu-option:hover
{
	border-left-color: #fff;
	color: #eee;
}

.menu-option-selected:hover
{
	border-left-color: #fff;
}


#menu-option-1
{
}
#menu-option-2
{
}
#menu-option-3
{
}
#menu-option-1:hover
{
}
#menu-option-2:hover
{
}
#menu-option-3:hover
{
}

#main-content
{
	height: 100%;
}
#main-content-left-column
{
	float: left;
	width: 36em;
	height: 100%;
	padding: 1em 1em;
}
#main-content-right-column
{
	margin-left: 35em;
	padding: 1em 1em;
}

#main-content a
{
	color: #ccc;
	border-bottom: 1px dotted #eee;
	text-decoration: none;
}

#main-content a:hover
{
	background-color: #444;
}


#main-content-right-column ul
{
	text-align: left;
	list-style-type: none;
}

#project-list
{
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
#main-content .project-list-item
{
	float: left;
	margin: 0em 0.5em 1em 0.5em;
}
#main-content .project-list-item a
{
	position: relative;
	border: 0.25em solid #000;
	display:block;
	width: 16em;
	height: 16em;
	overflow: hidden;
}
#main-content .project-list-item a:hover
{
	border: 0.25em solid #fff;
}

.project-list-item a img
{
	position:relative;
	left: -2em;
	top: -8.5em;
}
#phd-project-list-item a img
{
	position:relative;
	left: -17em;
	top: -12em;
}

.project-list-item .project-label-bg
{
	width: 100%;
	position:absolute;
	left:0;
	bottom: 0;
	font-size: 2em;
	padding: 0.1em 0.25em;
	background-color: #222;
	color: #222;
	border-top: 1px solid #eee;
	opacity: 0.7;
}
.project-list-item .project-label
{
	position:absolute;
	left:0;
	bottom: 0;
	padding: 0.1em 0.25em;
	color: #eee;
	font-size: 2em;
	opacity: 1.0;
}

.project-screenshots
{
	list-style-type: none;
}

.project-screenshots li
{
	float: left;
}

.project-ss-portrait
{
	width: 10em;
	margin: 0.25em;
}

.project-ss-land
{
	width: 15.5em;
	margin: 0.25em;
}

.project-name
{
	color: #eee;
	border-bottom: 1px solid #333;
}
.project-category
{
	color: #eee;
	border-bottom: 1px solid #333;
}


.clear-float
{
	clear: both;
}