/*-- Reset -------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, fieldset {
	padding: 0;
	margin: 0; }

body {
	font: small "Arial", Verdana, Tahoma, sans-serif;
	margin: 0 auto;
	width: 960px;
	}

h1 { font-size: 1.2em; }
h2 { font-size: 2em; color:#8c0095; letter-spacing:-1px; padding:20px 0 0 0; font-weight:normal;}
h2 em{color:#333; font-style:normal;}
h2 span { color:#666; font-size:0.6em; }

a img{border:none;}

.clear{display:block; clear:both; height:0px;}

.topo{
	width:950px;
	float:left;
	padding:20px 0 40px 0;
	border-bottom:1px solid #eee;
	margin:0 0 30px 0;
	}
.topo img{
	float:left;
	margin:10px 200px 20px 0;
	}	
.topo p img{margin:0 5px 5px 0; float:none;}

.me{
	width:500px;
	float:left;
	}
	
.works, .me, .rodape{color:#999;}

.works p{text-align:center; border:1px solid #eee; padding:5px 0; }
.works p a{
	display:block;
	}

.more{
	width:300px;
	float:left;
	padding:20px 0;
	color:#999;
	margin:0 20px 0 0;
	}
.more a:link{text-decoration:none; color:#999;}
.more a:visited{text-decoration:line-through; color:#8c0095;}
.more a:hover {background:#8c0095; color:#fff;}
.more a:active{background:#8c0095; color:#fff;}
	
.rodape{border-top:2px solid #8c0095;}