@import url("reset.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans");

body {	
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	background-color:#222;
	overflow:auto;
}

a:link, a:visited, a:active, a:hover{
	color:#fff;
	text-decoration: none;
}

#left {
	width:170px;
	top:0;
	left:0;
	position:absolute;
}

#arrow{
	position:absolute;
	top:11px;
	left:11px;
}

#topBar{
	width:170px;
	height:25px;
	background-color:#fff;
	padding-top: 10px;
}

.title {
	letter-spacing:2px;
	font-size:14px;
}

#activeSection{
	/*display:none;*/
}



#topBar .title {
	color:#222;
	margin-left:32px;
}
#nav {
	width:170px;
	display:none;
}

.section {
	padding-left:32px;
	padding-top:4px;
	padding-bottom:4px;
	letter-spacing:2px;
	color:#fff;
	font-size:11px;
}

#right {
	margin-left:170px;
}

#main {
	margin-top:60px;
  	margin-left: auto ;
  	margin-right: auto ;
}

.projects {
	width: 870px;
}

.web 
{
	width: 670px;
}

.item {
	clear:right;
	width:800px;
	height:200px;
	margin-bottom:30px;	
}

.webItem {
	clear:right;
	width:600px;
	margin-bottom:18px;
	height:100px;
}

.content {
	float: right;
	
}

.innerLink {
	padding-top:4px;
}

.item img{
	float:left;
}
.webItem img{
	float:left;
}

.archiveImage{
	margin-right:10px;
}

.item .title {
	width:470px;
	background-color:#fff;
	margin-bottom:10px;
	color:#222;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}

.webItem .title {
	width:480px;
	/*margin-bottom:5px;*/
	margin-bottom:4px;
	color:#222;
	background-color:#222;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
}

.webItem .title a{
	color:#fff;
}

.webItem .description{
	padding-left:5px;
}

.description {
	width:480px;
	font-size:11px;
	letter-spacing:1px;
	line-height:1.4;
	color:#7d7d7d;
	text-align:justify;
}

.subText {
	/*color:#666666;*/
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url('http://themes.googleusercontent.com/font?kit=RJMlAoFXXQEzZoMSUteGWLO3LdcAZYWl9Si6vvxL-qU') format('woff');
}