* {
	margin: 0;
	padding: 0
}
html { height: 100% }
body {
	text-align: center;
    font-family: "Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
	font-size: 62.5%;
	color: #ccc;
	background: #000 url("../img/bg.jpg") left center repeat fixed
}
img { border: 0 }
a { color: #6496ff; text-decoration: none }
a:hover { color: #c8ff64 }

h1, h2, h3, h4 { color: #ffbb00 }

#livro {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -485px;
	z-index: 9999
}
#livro a {
	float: left;
	text-indent: -10001px;
	width: 120px;
	height: 40px;
	background: transparent url("../img/livro.png") 0 0 no-repeat
}
#livro a:hover { background-position: 0 -50px }
#nav {
	width: 797px;
	margin: 0 auto;
	clear: both
}
#nav ul {	list-style-type: none }
#nav li { 
	font-size: 1.2em;
	width: 52px;
	height: 30px;
	margin: 0 1px;
	background: transparent url("../img/navbar.png") 0 0 no-repeat;
	float: left
}
#nav li a {
	float: left;
	width: 52px;
	height: 30px
}
#nav li a span { display: none }

#nav li#navHome { background-position: 0 0 }
#nav li#navHome.active { background-position: 0 -30px }
#nav li#navHome:hover { background-position: 0 -60px }
#nav li#navSinopse { background-position: -52px 0 }
#nav li#navSinopse.active { background-position: -52px -30px }
#nav li#navSinopse:hover { background-position: -52px -60px }
#nav li#navPersonagens { background-position: -126px 0 }
#nav li#navPersonagens.active { background-position: -126px -30px }
#nav li#navPersonagens:hover { background-position: -126px -60px }
#nav li#navJardins { background-position: -237px 0 }
#nav li#navJardins.active { background-position: -237px -30px }
#nav li#navJardins:hover { background-position: -237px -60px }
#nav li#navFadares { background-position: -390px 0 }
#nav li#navFadares.active { background-position: -390px -30px }
#nav li#navFadares:hover { background-position: -390px -60px }
#nav li#navDons { background-position: -466px 0 }
#nav li#navDons.active { background-position: -466px -30px }
#nav li#navDons:hover { background-position: -466px -60px }
#nav li#navDiario { background-position: -521px 0 }
#nav li#navDiario.active { background-position: -521px -30px }
#nav li#navDiario:hover { background-position: -521px -60px }
#nav li#navLivros { background-position: -654px 0 }
#nav li#navLivros.active { background-position: -654px -30px }
#nav li#navLivros:hover { background-position: -654px -60px }
#nav li#navAutor { background-position: -716px 0 }
#nav li#navAutor.active { background-position: -716px -30px }
#nav li#navAutor:hover { background-position: -716px -60px }

#nav li#navSinopse, #nav li#navSinopse a { width: 74px }
#nav li#navPersonagens, #nav li#navPersonagens a { width: 111px }
#nav li#navJardins, #nav li#navJardins a { width: 153px }
#nav li#navFadares,#nav li#navFadares a { width: 76px }
#nav li#navDons,#nav li#navDons a  { width: 55px }
#nav li#navDiario, #nav li#navDiario a { width: 133px }
#nav li#navLivros, #nav li#navLivros a { width: 62px }
#nav li#navAutor,#nav li#navAutor a { width: 63px }

#main {
	width: 970px;
	clear: both;
	margin: 10px auto
}
#logo {
	width: 540px;
	height: 180px;
	margin: 10px auto;
	clear: both;
	background: url("../img/logo.png") no-repeat
}
#logo a { 
	float: left;
	width: 540px;
	height: 180px	
}
#logo a span, #livro a span { display: none }

#autorLivro {
	position: absolute;
	top: 5px;
	left: 100%;
	text-indent: -10001px;
	margin-left: -110px;
	width: 105px;
	height: 70px;
	float: right;
	background: url("../img/autor.png") no-repeat
}
#conteudo { margin: 10px 0 }
#conteudo, #conteudo2 {
	font-size: 1.1em;
	text-align: justify;
	width: 940px;
	float: left;
	padding: 15px;
	background: url("../img/main.png") repeat
}
#conteudo2 { 
	width: 910px;
	line-height: 1.6em;
	padding: 15px
}
#conteudo2 p { text-indent: 15px; margin: 3px 0 }
#conteudo2 b { color: #fff }
#conteudo2 h1 {
	height: 45px;
	text-indent: -10001px;
	font-family: georgia, times, serif;
	background: transparent left center no-repeat;
	line-height: 2em
}
#conteudo2 h3 { 
	font-size: 2.5em;
	line-height: 2em;
	font-family: georgia, times, serif
}
#rodape { 
	width: 970px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 1px #aaa dashed;
	clear: both
}
#rodape p {
	margin: 0 auto;
	clear: both;
	line-height: 1.7em
}
#rodape p#social { width: 100px; height: 20px }
#rodape #social a { 
	width: 16px;
	height: 16px;
	background: transparent url("../img/social.png") 0 0 no-repeat;
	margin: 0 2px;
	float: left;
	color: #dcc8aa;
	text-decoration: underline
}
#rodape a span { float: left; text-indent: -10001px }
#rodape #social a:hover { 
	background-position: 0 -16px;
	color: #ffe6c8
}

#anunciosUol { 
	width: 728px;
	text-align: center;
	margin: 50px auto
}