body
	{
		font-family: verdana, sans-serif;
		font-size: 11px;
		background: #f3f3f3;
		text-align: center;
	}
	
#container
	{
		width: 500px;
		padding: 30px;
		border: 1px solid #ccc;
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}

div.tabs
{
margin-left: 30%;
margin-right: 30%;
}


table.centered {
	margin-left: auto;
	margin-right: auto;
}



/* PORTFOLIO */

div.site
{ 
  padding: 5px;
  position: relative;
  clear: both;
}

div.site h4
{ 
}

div.site h4 a
{ 
  color: #EEEEEE;
  border: none;
  margin-left: 10px;
}

div.site div.image
{
  width: 150px;
  float: left;
  line-height:13em;
}

img.small 
{
  vertical-align: middle;
}

div.site div.description
{ 
}

p.date
{ 
  font-size: .8em;
}

p.techno
{ 
  font-size: .8em;
}

div.spacer
{ 
  clear: both;
  font-size: .1em;
}

div.text
{ 
  margin-left: 160px;
  /*margin-left: 0px;*/
  margin-right: 15px;
  text-align: justify;
}

div.list
{ 
  float: right;
}

div.list ul
{ 
  list-style: square;
  text-transform: lowercase;
  width: 90px;
}

div.list ul li
{ 
  font-size: .8em;
}

.all
{ 
  border-top: 2px dashed #D1EFC2;
  border-bottom: 2px dashed #D1EFC2;
  margin-bottom: 15px;
  background: #F4FFEF;
  padding: 0px !important;
  margin-top: 5px;
  clear: both;
}

.personal
{ 
  border-top: 2px dashed #c3cdfb;
  border-bottom: 2px dashed #c3cdfb;
  margin-bottom: 20px;
  background: #bde7ff;
}

.work
{ 
  border-top: 2px dashed #DFC5C3;
  border-bottom: 2px dashed #DFC5C3;
  margin-bottom: 20px;
  background: #FFF0EF;
}

.university
{ 
  border-top: 2px dashed #EEEFA4;
  border-bottom: 2px dashed #EEEFA4;
  margin-bottom: 20px;
  background: #FFFFDF;
}

.main
{
  position: relative;
  margin-top: 20px;
  width: 600px;
  margin: auto;
  border: 1px solid black;
  border-top: none;
  border-bottom: none;
  padding-top: 20px;
  padding-bottom: 10px;
	
  background: #FFFEFA;
}