@charset "utf-8";

/* CSS Document */

/************************************

	Stella Maris Rezende | Escritora
	Criado em: Julho/2009                     																					

	Desenvolvido por:
	
	> Vicente Sarmento (coordenador, layout e montagem)
		http://www.vicentesarmento.com

	> Leo Lemos (prototipagem)
		http://www.leolemos.net

	>Luka Moraes (layout)
		luka.br@hotmail.com

************************************/

/************************************
	BASIC TAGS
************************************/
* {  margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }
body { background: #73a8bf; color: #3a3a3a; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left;}

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.noBold {font-weight: normal;}
	.italic { font-style: italic; }
	.center { text-align: center; }
	.right { text-align: right; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }

	.cor333 { color: #333; }
	.cor666 { color: #666; }
	.cor999 { color: #999; }

	.cor_3bb8ed { color: #3bb8ed; }
	.cor_4a0b8f { color: #4a0b8f; }
	
	.pontilhado {border-bottom: dotted 2px #848788;}

	.none { display: none; }
	.float_left { float: left; }
	.float_right { float: right; }
	.clear { clear: both; }

	p { line-height: 18px; }
	a { color: #4a0b8f; font-weight: normal; cursor: pointer; }
	a:hover { color: #3bb8ed; text-decoration: none; }

/************************************
	ESTRUTURA 
************************************/
.desktop { min-width: 980px; width: auto !important; width: 980px; }
.content { /* min-height: 400px; height: auto !important; height: 400px;*/ overflow: hidden; background-color: #ebf1f3; /*url(../imgs/bg_content.jpg) top center no-repeat;*/ }
.meio { margin: 0 auto; width: 980px;  }
.espacoGenerico { height: 10px;}

/* HEADER */

.header { background: url(../imgs/bg_header.gif); }
	.header .meio {  height: 345px; /*background:url(../imgs/header.jpg) no-repeat;*/ position: relative; }
		.header .meio h1 a { width: 350px; height: 100px; display: block; position: absolute; left: 117px; top: 26px;}
		.header .meio h1 a span { display: none; }
*:focus{outline:none;}

/************************************
	MENU 
************************************/

.menu { background: url(../imgs/bg_menu.gif); }
	.menu .meio {  height: 39px; background:url(../imgs/menu.jpg) no-repeat; position: relative; }
	.menu ul { position: absolute; left: 124px; }
	.menu li { float: left; }
	.menu li a { display: block; height: 39px; }
	.menu li a span { display: none; }

	/* BIOGRAFIA */
	.menu li a.biografia 			{ width: 79px; background: url(../imgs/menu_biografia.gif) bottom left; }
	.menu li a:hover.biografia 		{ background-position: top left; }

	/* BIBLIOGRAFIA */
	.menu li a.bibliografia 		{ width: 97px; background: url(../imgs/menu_bibliografia.gif) bottom left; }
	.menu li a:hover.bibliografia 	{ background-position: top left; }

	/* AGENDA */
	.menu li a.agenda 				{ width: 63px; background: url(../imgs/menu_agenda.gif) bottom left; }
	.menu li a:hover.agenda	 		{ background-position: top left; }

	/* PREMIOS */
	.menu li a.premios 				{ width: 67px; background: url(../imgs/menu_premios.gif) bottom left; }
	.menu li a:hover.premios 		{ background-position: top left; }

	/* RESENHAS */
	.menu li a.resenhas 			{ width: 73px; background: url(../imgs/menu_resenhas.gif) bottom left; }
	.menu li a:hover.resenhas 		{ background-position: top left; }


	/* CONTATO */
	.menu li a.contato	 			{ width: 77px; background: url(../imgs/menu_contato.gif) bottom left; }
	.menu li a:hover.contato 		{ background-position: top left; }

/************************************
	CONTEÚDO 
************************************/

.conteudoCurto {width: 473px;}
.conteudoMedio {width: 580px;}
.conteudoLongo {width: 740px;}

.conteudo { padding-top: 50px; margin-left: 112px; float: left; display: inline;}
	.conteudo h1, .rightbar h1 { color: #4a0b8f; font-size: 24px; font-weight: bold; font-style: italic; margin-bottom: 25px; }
	.conteudo p { margin-bottom: 15px;}

h2 {font-size: 16px; font-weight: bold;}
	.tuitadas {position: relative; font-weight: normal; letter-spacing: 0.1em; margin-bottom: 5px;}
	.tuitadas .tweetIco {position: absolute; bottom: -5px; right: -10px;}

	#tweet-container ul {background-color: #D8E5EA; font-size: 11px; line-height: 13px; padding: 10px;}
	#tweet-container ul li {margin-bottom: 15px;}
	#tweet-container ul li:last-child {margin-bottom: 0px;}
	#tweet-container ul li .time {color: #666666; font-size: 9px;}

h3 {font-size: 13px; font-weight: bold;}

.accordion h4 {font-size: 14px; font-weight: normal; height:12px;}
	.accordion h4.toggler {background:url(/imgs/spriteSetas.gif) no-repeat 0 0; cursor: pointer; margin:4px 0 0 0; padding-bottom: 6px; padding-left: 18px;}
	.accordion h4.toggler:hover {background: #95cbe1 url(/imgs/spriteSetas.gif) no-repeat 0 -16px !important;}	
	.accordion h4.toggler.ativo {background-position: 0 -32px !important;}
.accordion .element {background-color: #d8e5ea; padding: 15px; display: none;}
	.accordion .element p {margin: 0; padding: 0;}

.rightbar { padding-top: 50px;  width: 280px; float: right; display: inline; }
.rightbar.twitter {width: 250px;}
	.rightbar h2 a, .data_evento { display: block; color: #3bb8ed; font-size: 14px; font-weight: bold; margin-bottom: 5px; margin-left: 10px; }
	.rightbar p { display: block; margin-left: 10px; color: #545454; text-decoration: none; }
	.rightbar p a:hover { color: #878787; }
	.rightbar .linha { width: 270px; height: 1px; clear: both; line-height: 1px; margin: 15px 0;	background:url(../imgs/leftbar_linha.gif) repeat-x; }

.galeriaLivros { margin-right: 20px; padding: 20px; padding-bottom: 0; width: 300px; height: 200px; overflow: hidden; position: relative; }
	.galeriaLivros img { margin-right: 10px; }
	.galeriaLivros p { font-size: 11px;	line-height: 13px; text-align: left; }
	.galeriaLivros .info {	width: 180px; }
	.galeriaLivros .linkLivro { position: absolute; height: 15px; bottom: 5px; right:0; text-align: right; display: none;}
	.galeriaLivros.comLink:hover {background-color: #d8e5ea;}

.agenda p.agendaLocal 	{ margin: 5px 0;}
.agenda p.agendaInfo	{ padding-left: 25px;}
.dataCadRec {font-size:11px;margin:0;}
.titCadRecord {position:relative;}
.titCadRecord .imgCadRecord {position: absolute; right:-70px; top:-45px;}
.eventoPassado {font-size:11px;line-height:normal;}

#capaLivroEspecifico { margin-right: 38px;}
.conteudoLivroEspecifico { width: 510px; }
.conteudoLivroEspecifico ul li { margin-top: 8px; }

/************************************
	FOOTER 
************************************/
.footer { clear: both; height: 63px; padding-top: 47px;	background: url(../imgs/bg_footer.gif) repeat-x; }
	.footer .meio { position: relative; }
	.footer .meio a { width: 95px; height: 30px; position: absolute; }
	.footer .meio a span { display: none; }
	.footer .meio a.twitter { background: url(../imgs/footer_twitter.gif); left: 260px; }
	.footer .meio a.orkut {	background: url(../imgs/footer_orkut.gif); left: 450px; }
	.footer .meio a.facebook { background: url(../imgs/footer_facebook.gif); left: 625px; }

/************************************
	FORMULARIO
************************************/

.formFields { float:left; }
.inputTextArea { border: 1px solid #94cae1;	font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: bold; padding: 3px; width: 309px; }
.formLabel { height: 22px;	line-height: 22px;	margin-right: 10px;	text-align: right; width: 100px; }
.enviar { border: 0; padding: 0;  width: 81px; height: 20px; cursor: pointer; margin-right: 46px; background-image: url(../imgs/form_enviar.gif); background-position: center left; background-repeat: no-repeat;}