@charset "UTF-8";
/* CSS Document */
div#main {
	width: 960px;
	margin: 0 auto;

}
div#left {
	float: left;
	width: 40%;
}
div#right {
	float: right;
	width: 60%;
}
div#footer {
	text-align: center;
	clear: both;
	color: #CCC;
	font-size: .9em;
}
img {
	border: none;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	width: 100%;
		
}
div.panel {
	border: 1px solid;
	border-color: #999 #444 #444 #999;
	margin: 10px;
	padding: 10px;
	background: url(images/panel_bg.png) repeat-x;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}
div.panel p {
	margin: 20px;
}
div.collapsed {
	height: 15px;
	overflow: hidden;
}


div.collapsed h2: hover {
	border: 1px solid red;
}
div.center {
	text-align:center;
}
div.right {
	text-align: right;
}
div#contact {
	width: 250px;
	position: absolute;
	margin-left: 160px;
}
div#about {
	position: relative;
	width: 80%;
}

div#labs {
	position: relative;	
	width: 70%;
}
div#projects {
	position: relative;
	margin-right: 0;
}
 h2 {
 margin: 0 0 15px 0;
 padding: 0;
 font-size: 1.2em;
 color: #4F4C5D;
 }
p {
	margin: 0;
	padding: 0;
}
/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
a, a:link {
	color: #4F4C5D;
	text-decoration:none;
	font-weight: bold;
}
a:visited {
	color: #4F4C5D;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:  #4F4C5D;
	text-decoration: underline;
}
a img {
	cursor: pointer;
	cursor: hand;
}

.panel a img {
	border: 1px solid transparent;
}

.panel a:hover img {

	border-color: #999 #444 #444 #999;
		-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}