/* -------------------------
Página pessoal de Rodrigo Ghedin
Criada em 21 de fevereiro de 2010
http://www.rodrigoghedin.com.br/
------------------------- */


/* -------------------------
Elementos Gerais
------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	background: #fff url('background.png') center top no-repeat;
	font-size: 15px;
	font-family: arial, tahoma, verdana;
	color: #333333
}

abbr {
	border-bottom: 1px dashed;
	cursor: help
}

a {
	color: #0066CC;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

p {
	margin-bottom: 35px
}

/* Acho que não se usa mais a tag hr, mas facilitou tanto enquanto codificava esse layout... */
hr { 
	border-bottom: 0.01em solid #112F31;
	margin-bottom: 20px
}


/* -------------------------
Estrutura
------------------------- */

#principal {
	width: 774px;
	height: 400px;
	margin: 0 auto;
	margin-top: 12px;
	background: transparent
}

/* Neste tema, a tag h1 age como header (cabeçalho). Por este motivo encontra-se no bloco "Estrutura", ao invés de "Elementos gerais". */
h1 {
	font-size: 6em;
	width: 659px;
	height: 115px;
	font-weight: normal;
	margin: 15px 0 15px 0;
	color: #333333;
	background: transparent url('avatar.jpg') left no-repeat;
	padding: 17px 0 0 115px;
	text-shadow: 3px 3px 3px #626262;
}

/* Apesar de ser uma tag HTML, neste layout usei o blockquote (abaixo) na frase de Shakespeare, no rodapé da página. Por isso ela se encontra no bloco "Estrutura", e não no "Elementos Gerais". */
blockquote { 
	float: left;
	width: 447px;
	font-size: 11px
}

#creditos {
	float: right;
	text-align: right;
	font-size: 11px
}


/* -------------------------
Entradas / Linhas
------------------------- */

.item {
	padding-left: 20px
}

.user { background:transparent url('user.png') left no-repeat }
.blogs { background:transparent url('script.png') left no-repeat }
.comments { background:transparent url('comments.png') left no-repeat }
.redessociais { background:transparent url('layout.png') left no-repeat }
.contato { background:transparent url('email.png') left no-repeat }


/* -------------------------
Extras
------------------------- */

/* CSS do script qTip, que gera popups instantâneos ao passar o mouse sobre links com o atributo title. */
div#qTip { 
	padding: 3px; 
	border: 1px solid #9BCDFF;
	display: none; 
	background: #DDEEFF; 
	color: #000; 
	font: 10px Verdana, Arial, sans-serif; 
	position: absolute; 
	z-index: 1000
}

/* Espero que a curiosidade em ler o CSS dessa página tenha sido recompensada com o que esperava :-) .

FIM! */