* { margin: 0; padding: 0;
}
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

img{border: 0px;}


.clear{
	clear: both;
}

a{	
	color: white;
	padding: 5px;
	font-family:DINPro, Helvetica, Arial, sans-serif;
	text-decoration: none;
}
a:hover{
	color: black;
	text-decoration: none;
}

p{ 
	padding: 5px;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 28px;

	font-family: DINPro, Helvetica,  Arial, sans-serif;
	text-align: left;
	color: gray;
}

.projectlink{
	color: #99FF66;
}

.projectlink:hover{
	color: #00CC66;
}

.tip{
	font-size: 20px;
	color: white;
}

.link{
	color: black;
}

.vimeo{
	color: #4ebaff;
}

.posterous{
	color: #ffe070;
}

.twitter{
	color: #32ccff;
}

.flickr{
	color: #ff0096;
}

.linkedin{
	color: #006699;
}



body{
    font-family: Lucida Grande, Verdana, Arial;
    background-color: white;
}

#wrapper{  
    width: 800px;
    margin: auto;
    margin-top: 200px
}

.footerimage{margin-left: -50px; margin-top: 50px;}

.smalltext {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #bababa; text-align: center; text-transform: none;}
.smalltext a{font-weight: bold; text-decoration: none; color: black; font-family: Helvetica, Arial, sans-serif;}
.smalltext a:hover{font-weight: bold; text-decoration: underline; color: black; font-family: Helvetica, Arial, sans-serif;}