/*
Theme Name: Madalena Santos
Description: Tema para o website pessoal de Madalena Santos.
Version: 1.0
Author: Pedro Miguel Cruz
Author URI: http://mondeguinho.com/
*/

@import url(sidebar.css);

.cor-preto{
	color: black 
}

.cor-branco{
	color: white;
}

.cor-verde{
	/* mudar também em h3 de cada post*/
	/* e na barra-lateral*/
	/* nos links*/
	/* caps */
	color: #575130;
}

.cor-cinza{
	/* mudar na barra-lateral*/
	/* mudar nos links*/
	color: #999999;
}

.cent{
	margin-left: auto;
	margin-right: auto;
}

body{
	font-size: 14px;
	font-family: Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
	background-color: black;
	background-repeat: repeat;
	background-image: url(images/runas-fundo.png);
	margin: 0;
	color: white;
	height: 100%;
	position: relative;
}

#central{
	background-position: 0 top;
	width: 540px;
	position: relative;
	
}

#faixa{
	position: relative;
	width: 450px;
	text-align: center;
	min-height: 600px;
}

#grid{
	position: absolute;
	z-index: 0;
	height: 100em;
	width: 30em;
	left: 60px;
	
}

p.grid1{
	margin: 0;
	height: 1.2em;
	background-color: black;
}

p.grid2{
	margin: 0;
	height: 1.2em;
	/* background-color: #222222; */
}

#barrao{
	width: 723px;
	position: relative;
}

#header{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(images/header.jpg);
	position: relative;
	width: 600px;
	height: 170px;
}

#header .madalena{
	position: relative;
	width: 322px;
	height: 32px;
	background-image: url(images/madalena-gray.png);
	top: 45px;
}

#header .madalena-link{
	height: 45px;
	width: 322px;
	left: 140px;
	display: block;
	position: absolute;
}

#header ul{
	font-style: italic;
	font-weight: normal;
	position: relative;
	text-align: center;
	top: 50px;
	margin: 0;
	padding: 0;
	color: #999999;
	
}

#header ul li{
	display: inline;
	list-style: none;
}

#header ul li+li:before{
	display: inline;
	list-style: none;
	content: "•";
	padding-right: 3px;
}

#header ul li a{
	color: #999999;
	text-decoration: none;
}

#header ul li a:hover{
	color: white;	
}

#footer{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/footer.jpg);
	position: relative;
	width: 600px;
	height: 125px;
}

#footer .direitos{
	font-style: italic;
	text-align: center;
	position: relative;
	top: 52px;
	font-size: 0.85em;
}

#footer a{
	color: #575130;
	text-decoration: none;
}

#footer a:hover{
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

#ornamentos{
	background-position: center 30px;
	background-repeat: repeat-y;
	width: 723px;	
	background-image: url(images/ornamentos.png);
	position: relative;
}

#titulo-pagina, #proximas-paginas{
	margin:0;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	
}

.tree{
	width: 26px;
	height: 27px;
	background-image: url(images/tree.png);
	background-repeat: no-repeat;
}

#titulo-pagina{
	font-size: 1.7em;
	line-height: 1.41em;
	margin-top: 1.41em;
	margin-bottom: 1.41em;
}

#proximas-paginas{
	font-size: 1em;
	line-height: 2.4em;
	margin-top: 2.4em;
	margin-bottom: 1.2em;
}

#proximas-paginas a{
	text-decoration: none;
	color: #575130;
}

#proximas-paginas a:hover{	
	color: white;
}

.palavra-e{
	position: absolute;
	text-align: right;
	right: 26px;
	width: 300px;
	margin-right: 5px;
}

.palavra-d{
	position: absolute;
	text-align: left;
	left: 26px;
	width: 300px;
	margin-left: 5px;
}

#faixa .titulo-post{
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 2.3em;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.043em;
	text-align:  center;
	font-style: italic;
	position: relative;
	width: 360px;
	/*min-height: 2.08em;*/
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/chavetas.png);
	padding-top: 0.5215em;
	padding-bottom: 0.5215em;
}

#faixa .titulo-post a{
	text-decoration: none;
	color: white;
	font-weight: normal;
}


#faixa .titulo-post a:hover{
	color: #999999;
}


#faixa .notas-post{
	font-style: italic;
	text-align: center;
	font-size: 0.85em;
	line-height: 1.647em;
	margin-top: 1.647em;
}

#faixa .notas-post a{
	text-decoration: none;
	color: #999999;
}

#faixa .notas-post a:hover{
	color: white;
}

#faixa .conteudo-post{
	margin-top: 1.8em;
	text-align: justify;
	margin-bottom: 2.8em;
	line-height: 1.4em;
}

#faixa .conteudo-post p{
	margin: 0;
}

#faixa .conteudo-post p + p{
	/*text-indent: 1em;
	margin: 0;*/
	margin-top: 1.4em;
}

#faixa .conteudo-post ul{
	list-style-position: outside;
}

#faixa .conteudo-post strong{
	
	font-weight: normal;
	font-variant: small-caps;
	/*text-transform: downcase;*/
	/*font-style: italic;*/
	color: #575130;
	/*border-bottom: 1px solid #575130;*/
	/*color: #555555;*/
	/*color: white;*/
	

}

#faixa .conteudo-post p[style] {
	text-indent: 0;
}

#faixa h1{
	font-style: italic;
	text-align: center;
	font-size: 2em;
	color: #575130;
	text-indent: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* resutlados da procura*/
#faixa h1 a{
	font-style: italic;
	text-align: center;
	font-size: 1em;
	color: #575130;
	text-indent: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	text-decoration: none;
}

#faixa h1 a:hover{
	color: white;
}

#faixa h2{
	text-align: center;
	font-size: 1.4em;
	color: #575130;
	text-indent: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#faixa h3, h4, h5, h6, cite{
	font-style: italic;
	text-align: center;
	font-size: 0.85em;
	color: #575130;
	text-indent: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.647em;
	margin-top: 1.647em;
	margin-bottom: 1.647em;
}

#faixa h3{
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}

#faixa cite{
	display: block;	
}	

#faixa .conteudo-post .cap {	
	text-transform: uppercase;
	float: left;
	font-size: 4.5em;
	float: left;
	line-height: 1em;
 	margin-right: 0.1em;
 	margin-bottom: -0.25em;
 	color: #575130;
 	font-style: normal;
}

#faixa .conteudo-post blockquote p{
	text-indent: 0;
	font-style: italic;
	margin: 0;
}


#faixa .conteudo-post .quote{
	position: relative;
	width: 320px;
	margin-bottom: 1.4em;
	margin-top: 1.4em;	
}


#faixa .conteudo-post blockquote{
	width: 420px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

#faixa .conteudo-post .quote-left{
	width: 43px;
	height: 35px;
	background-image: url(images/quote-left.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -54px;
	top: 0;
}

#faixa .conteudo-post .quote-right{
	width: 43px;
	height: 35px;
	background-image: url(images/quote-right.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -54px;
	bottom: 0;
}

.runa{
	width: 35px;
	height: 2.8em;
	background-image: url(images/runa.png);
	background-repeat: no-repeat;
	margin-bottom: 1.4em;
}

#faixa .conteudo-post a {
	border-bottom-color: #a69b5d;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #999999;
	text-decoration: none;
	font-variant: small-caps;
}

#faixa .conteudo-post a:hover {
	color: white;
}


#faixa img{
	border: none;
	padding: 2.8em;
	padding-bottom: 4.2em;
	margin: 1.4em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	border-bottom: 1px dotted #575130;
	border-top: 1px dotted #575130;
	background-image: url(images/tree.png);
	background-repeat: no-repeat;
	background-position: center 98%;
	
	max-width: 300px;
	height: auto;
}

#faixa a .img-wrapper{
	/*background: url(images/chavetas.png) no-repeat center center;*/
}

#comentarios {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#comentarios .roman{
	text-align: center;
	font-size: 2.3em;
	color: #575130;
	display: block;
}

#comentarios li{
	text-align: justify;
	margin: 0;
	color: #777777;
	border-top: 1px dotted #575130;
	/*padding-bottom: 2em;*/
}

#comentarios .quem{
	font-style: italic;
	text-align: center;
	font-size: 0.85em;
	width: 100px;
	margin-bottom: 4.941em;
}

.runap{
	width: 25px;
	height: 2.4em;
	background-image: url(images/runap.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 1.4em;
}

#comentarios .runap{
	margin-bottom: 0em;
}

#deixar-comentario{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dotted #575130;
	width: 400px;
}

#deixar-comentario input, textarea{
	background-color: black;
	border: none;
	border: 1px dotted #575130;
	color: #999999;
	font-family: Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
	font-size: 1em;
}

#deixar-comentario textarea{
	width: 400px;
}

#deixar-comentario small{
	font-size: 0.85em;
	font-style: italic;
}

#deixar-comentario #submit:hover{
	cursor: pointer;
}

#deixar-comentario a{
	border-bottom-color: #a69b5d;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #999999;
	text-decoration: none;
}

#deixar-comentario a:hover{
	color: white;
}

#comentarios a {
	border-bottom-color: #a69b5d;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #999999;
	text-decoration: none;
}

#comentarios a:hover {
	color: white;
}

#comentarios .aguarda{
	font-style: italic;
	color: #575130;
}


#front{
	width: 571px;
	height: 100%; 
	background-image: url(images/front.png);
	background-position: center -130px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#menu-front ul{
	top: 380px;
	font-style: italic;
	font-weight: normal;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	color: white;
}

#menu-front ul li{
	display: inline;
	list-style: none;
}

#menu-front ul li+li:before{
	display: inline;
	list-style: none;
	content: "•";
	padding-right: 3px;
}

#menu-front ul li a{
	color: white;
	text-decoration: none;
}

#menu-front ul li a:hover{
	color: #999999;	
}

.search-excerpt{
	font-weight: normal;
	background-color: white;
	font-variant: normal;
}

.bonito-escondido{
	display:none;
}

/* Agenda */

#agenda .data{
	border-bottom: 1px dotted #575130;	
}

#agenda .data h2{
	color: #999999;
	
}

#agenda .local h2{
	color: white;
	font-style: italic;
}

#agenda .conteudo{
	font-style: italic;
}

#agenda .runa{
	margin-bottom: 4.2em;
}

#agenda .passados a{
	color: #575130;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

#agenda .passados a:hover{
	color: white;
}