/* CSS Document */

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

body p
{
	margin:0;	
}

#wrapper
{
	width:700px;
	margin:auto;
}

#logo
{
	margin:40px 0 20px 0;;
	padding-bottom:20px;
	border-bottom:1px solid #666;
}

#logo h1
{
	margin:0;
	padding:0;
	width:734px;
	height:33px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-9999px;
}

#bio
{
	width:280px;
	float:left;
}

#bio p
{
	text-align:justify;	
	margin-top:0;
	line-height:14px;
}

#bio p a
{
	color:#666;
	text-decoration:none;
}

#bio p a:hover
{
	color:#0076F7;		
}

#bio p img.biopic
{
	float:left;
	padding:2px;
	border:1px solid #000;
	margin:0 10px 10px 0;
}

#bio p img.email, #bio p img.resume, #bio p img.blog
{
	margin-right:4px;
}

#featured_project
{
	width:398px;
	float:left;
	margin-left:20px;
}

#featured_project a img
{
	-moz-transition: border 0.5s linear;
	-webkit-transition: border 0.5s linear;
	border:1px solid #CCC;	
}

#featured_project a:hover img
{
	border:1px solid #000;	
}

#bio_feature
{
	padding-bottom:20px;
	border-bottom:1px solid #666;
	float:left;
	margin-bottom:20px;
}

#col_left, #col_right
{
	width:220px;
	float:left;
}

#col_middle
{
	width:220px;
	float:left;
	margin:0 20px;
}

.project_list ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.project_list ul li
{
	margin:0 0 17px 0;
	padding:0;
}

.project_list li a img

{
	-moz-transition: border 0.5s linear;
	-webkit-transition: border 0.5s linear;
	border:1px solid #CCC;
}

.project_list li a:hover img
{
	border:1px solid #000;
}

.project_list p
{
	margin-top:10px;
	line-height:16px;
}

.project_list p a
{
	color:#666;
	text-decoration:none;
}

.project_list p a:hover
{
	color:#0076F7;	
}

img.launch, img.screenshots
{
	margin-left:4px;
	margin-right:8px;
}


#projects
{
	border-bottom:1px solid #666;
	width:700px;
	float: left;
	margin-bottom:20px;
}

#footer
{
	color:#999;	
	
}

#footer p
{
	font-size:9px;
	padding-bottom:40px;
}

#footer a
{
 	color:#999;
}

#footer a:hover
{
	color:#666;	
}

#copyright
{
	float:left;
	width:400px;
}

#contacts
{
	float:right;	
}