/* Peekaboo */
* html .clear { height:1%; }
* html a { height:1%; }
* html a:hover { height:1%; }
* html p { height:1%; }
* html div#FOLLOW-ME { height:1%; }
* html div#WHAT-A-FUCK { height:1%; }
* html div#MEIN-LEBEN { height:1%; }
* html div#VIDA-PESSOAL a { height:1%; }
* html div#VIDA-PESSOAL p a:hover { height:1%; }
* html div#FACA-A-SUA-VIDA-VALER-A-PENA { height:1%; }
* html div#VOU-SER-ROCKSTAR { height:1%; }

/* Margin e Padding */
body,form,h1,h2,h3,h4,h5,h6,p,li,ul,div,span,a,ol { margin:0; padding:0;}

/* Clear */
.clear {
	display:block;
	clear:both;
}

/* BackGround do Site */
body {
	background:url(../imagens/body-bg.gif) repeat-x bottom center #fff;
}

img {
	border:0;
}

a {
	outline:0;
}

/* Fontes do Site */
body,form,h1,h2,h3,h4,h5,h6,p,a,input,select,button,textarea,table,li,td,th {
	font-family:Arial,Tahoma,Verdana,serif;
	font-size:14px;
	text-decoration:none;
	font-style:normal;
	color:#666;
}
a {
	font-size:18px;
	color:#fff;
	background:#000;
	padding:0 2px;
}
a:hover {
	background:#c00;
}
a.exibir {
	padding-right:20px;
	background:url(../imagens/criaturas-sombrias.gif) no-repeat center right #c00;
	white-space:nowrap;
}
a.exibir:hover{
	background:url(../imagens/criaturas-sombrias-dark.gif) no-repeat center right #000;
}
a.ocultar {
	padding-right:2px;
}
a.linkPunk, a.ocultar {
	background:#c00;
	white-space:nowrap;
}
a.linkPunk:hover, a.ocultar:hover {
	background:#000;
}
span.eu-fiz, span.eu-nao-fiz, span.mentira {
	text-decoration:line-through;
	color:#bbb;
}
span.tom-pastel {
	background:#e5e0c5;
	font-size:18px;
	padding:0 2px;
	white-space:nowrap;
}

/* ID - Estrutura */
#site {
	width:820px;
	padding:50px;
	background:url(../imagens/mim.jpg) no-repeat bottom right;
}
#JOBS {
	display:block;
	float:right;
	width:200px;
}
	#JOBS h2 {
		display:block;
		width:200px;
		height:27px;
		text-indent:-9000px;
		overflow:hidden;
	}
	#JOBS h2.last-jobs {
		background:url(../imagens/last-jobs.gif) no-repeat top left;
	}
	#JOBS h2.personal-projects {
		background:url(../imagens/personal-projects.gif) no-repeat top left;
	}
	#JOBS h2.im-a-nerd {
		background:url(../imagens/im-a-nerd.gif) no-repeat top left;
	}
	#JOBS ul {
		margin-bottom:20px;
	}
		#JOBS ul li {
			display:block;
			list-style:none;
			margin-bottom:10px;
		}
	#JOBS a {
		font-size:12px;
		background:#ededed;
		color:#000;
	}
	#JOBS a:hover {
		background:#c00;
		color:#fff;
	}
	#JOBS p {
		font-size:11px;
		padding-bottom:10px;
	}
		#JOBS p a {
			font-size:11px;
			background:none;
			color:#000;
		}
		#JOBS p a:hover {
			background:#c00;
			color:#fff;
		}
#WHAT-A-FUCK {
	background:url(../imagens/estranho-e-otimo.gif) no-repeat top right;
	padding:0 0 20px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
	#WHAT-A-FUCK h1 {
		width:235px;
		height:34px;
		background:url(../imagens/jefferson-amorim.gif) no-repeat top left;
		text-indent:-9000px;
		overflow:hidden;
		margin-bottom:2px;
	}
	#WHAT-A-FUCK h2 {
		font-size:16px;
		color:#333;
		font-weight:normal;
	}
#FOLLOW-ME {
	display:block;
	width:600px;
	padding-bottom:10px;
	background:url(../imagens/follow-me-human.gif) no-repeat top left;
}
	#FOLLOW-ME h2 {
		width:600px;
		height:120px;
		text-indent:-9000px;
		overflow:hidden;
	}
#VOU-SER-ROCKSTAR {
	width:600px;
	height:210px;
	background:url(../imagens/vou-ser-rockstar.gif) no-repeat bottom left;
	text-indent:-9000px;
	overflow:hidden;
}
#MEIN-LEBEN {
	display:block;
	width:560px;
	padding:0 20px;	
}
	#MEIN-LEBEN p {
		line-height:25px;
		margin-bottom:15px;
		text-align:justify;
		
	}

#FACA-A-SUA-VIDA-VALER-A-PENA {
	width:600px;
	height:335px;
	background:url(../imagens/faca-a-sua-vida-valer-a-pena.gif) no-repeat top left;
	text-indent:-9000px;
	overflow:hidden;
}

#LEBEN {
	display:block;
	float:left;
	width:600px;
}

/*JUITTER PLUGIN CSS*/
#juitterContainer {
	display:block;
	padding:15px 15px 40px 15px;
	background:url(../imagens/follow-me-bg.gif) repeat-x bottom right;
} /*Juitter container*/
#juitterContainer .twittList {
	margin:0;
	padding:0;
}
/* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI {
	list-style:none; 
	padding:5px 0;
	clear:both;
	display:block;
	border-top:1px solid #ddd;
	line-height:130%;
} 
#juitterContainer .twittList a {
	font-size:14px;
	background:#000;
	color:#fff;
} 
#juitterContainer .twittList a:hover {
	color:#fff;
	background:#c00;
} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar {
	float:left;
	border:solid 1px #ccc;
	background:#fff;
	margin-right:5px;
	padding:2px;
	width:48px;
	height:48px;
}
	#juitterContainer a.noBackground,
	#juitterContainer a.noBackground:hover {
		background:none;
	}

#juitterContainer a.JRM {
	font-size:14px;
	background:#c00;
	white-space:nowrap;
	
}
#juitterContainer a.JRM:hover {
	background:#000;
} /*read it on twitter link*/
#juitterContainer .extLink {} /*CSS for the external links*/
#juitterContainer .hashLink {} /*CSS for the hash links*/
/*end of Juitter CSS*/