/*
Theme Name: Maternidade Consciente
Theme URI: http://www.maternidadeconsciente.com.br
Description: Atimoda Web Design.
Version: 1.0
Author: Atimoda Thiago Atimoda
Author URI: http://www.atimoda.com
*/


@charset "utf-8";

* {margin:0; padding:0}



/*_______________________________ GLOBAIS */

body {
	width: 100%;
	background-color: #ffffff;
}
a img {border: 0}
a {color: #EC5959; text-decoration: none}

/* botão pra editar (só visível pros admnistradores) */
p#edit {
	text-align:right;
	font: bold 10px Verdana;
	text-decoration: none;
	text-transform: lowercase;
	padding: 2px;
	margin-top: 10px;
	}
	p#edit a { color:#F60; text-decoration:none }
	p#edit a:hover { text-decoration:underline }



/*_______________________________ HEADER */

#headerConteiner {
	width: 100%;
	height: 250px;
	background: url(img/bg_header.jpg) center top no-repeat;
	}
	#headerWrap {
		width: 930px;
		margin: 0 auto;
		}
		#headerMenuWrap ul {
			margin: 150px 25px 0 0;
		}
		img#logo {
			float: left;
			margin-top: 66px;
		}
		ul#menu {
			float: right;
			padding-bottom: 10px;
			list-style: none;
			overflow: hidden;
			}
			#menu li {
				display: inline;
				font: bold 16px "Trebuchet MS", sans-serif;
				padding: 20px 12px;
				letter-spacing: -1px;
				}
				#menu li a {}
				#menu li a:hover { border-bottom: 3px #FDE8E8 solid; color: red }



/*_______________________________ HEADLINES - LISTA DE ARTIGOS */

#headlinesWrap {
	width: 930px;
	height: auto;
	margin: 0 auto;
	}
	.headlineBlock {
		float: left;
		width: 280px;
		height: 350px;
		margin: 0 30px 60px 0;
		}
		.headlineBlock .local,
		.headlineBlock .autor {
			display: block;
			line-height: 120%;
			font: italic 16px Georgia, serif;
			color: #999999;
		}
		.headlineBlock .data {
			font: 12px Arial, sans-serif;
			color: #CCCCCC;
			}
		.headlineBlock .dataAutor { color: #999 }
			.headlineBlock div.data {
				width: 255px;
				margin-top: 14px;
				/*border-top: 1px #DADADA dotted;
				border-top-color: #EEE;*/
				}
			.headlineBlock .data a { color: #CCCCCC }
			.headlineBlock .data a:hover { color: #EC5959; text-decoration:underline }
			
			.headlineBlock .data .comentarios { display: block; }
				.headlineBlock .data .comentarios a { color: #EC5959; }
			.headlineBlock .local a {  }
			
			.headlineBlock .local a:hover { text-decoration:underline }
		.headlineBox {
			width: 265px;
			margin: 12px 0 0 0;
			padding: 0 0 0 8px;
			border-left: 5px #e6e6e6 solid;
			}
			.headlineBox img {
				width: 255px;
				height: 70px;
				}
			.headlineBox h1 {
				margin: 10px 0;
				font: bold 24px Calibri, Arial, sans-serif;
				letter-spacing: -1px;
				line-height: 90%;
				}
			.headlineBox p {
				font: 14px Georgia, serif;
				color: #999999;
			}
			.headlineBox a { color: #316A95 }
			.headlineBox a:hover { color: #FF3333 }



/*_______________________________ ARQUIVO */

#arquivoHeader {
	}
	#arquivoHeader h2 {
		margin-bottom: 40px;
		font: normal 36px Georgia, serif;
		color: #CCC;
	}



/*_______________________________ LINKS */

ul#links {
	color:#999999;
	font-size: 11px;
	width: 310px;
	margin-top: 0;
}
ul#links li { margin-bottom: 12px; font: 11px "Trebuchet MS" }
ul#links a { font-size: 14px }


/*_______________________________ SINGLE */

#singleWrap {
	width: 500px;
	height: auto;
	margin: 0 auto;
	}
	#singleWrap h1.principal {
		margin: 10px 0;
		font: bold 32px Calibri, Arial, sans-serif;
		letter-spacing: -1px;
		line-height: 90%;
		color: #316A95;
	}
	#singleWrap .local,
	#singleWrap .autor,
	#singleWrap .data {
		display: inline;
		font: italic 16px Georgia, serif;
		color: #999999;
		}
		#singleWrap .data { color:#CCCCCC }
		
	#singleWrap .local a,
	#singleWrap .data a { color:EC5959; text-decoration:none }
	
	/* imagens */
	#singleWrap img {
		margin-bottom: 15px;
	}
	#singleWrap img.alignleft {
		float: left;
		margin-right: 15px;
	}
	#singleWrap img.alignright {
		float: right;
		margin-left: 15px;
	}
	
	/* links */
	#singleWrap a { color: #2199C7; }
		#singleWrap a:hover { text-decoration: underline; }
	
	/* tags html */
	#singleWrap h1,
	#singleWrap h2,
	#singleWrap h3,
	#singleWrap h4 {
		margin-top: 30px;
		font: bold 24px Calibri, Arial, sans-serif;
		letter-spacing: -1px;
		line-height: 90%;
		color: #316A95;
		}
		#singleWrap h3,
		#singleWrap h4 { font-size:18px; letter-spacing:0; }

	#singleWrap p {
		text-align: justify;
	}
	#singleWrap p,
	#singleWrap ul,
	#singleWrap ol {
		margin-top: 20px;
		font: 16px Georgia, serif;
		color: #999999;
		line-height: 120%;
	}
	#singleWrap ul,
	#singleWrap ol {
		margin: 20px 0 0 40px;
		}
	#singleWrap blockquote {
		margin: 35px 7px;
		padding-left: 30px;
		border-left: 6px solid;
		border-left-color: #F5F5F5;
		}
		#singleWrap blockquote p {
			font-style: italic;
			}


/*___________________________ COMENTÁRIOS */

#comentariosWrap {
	}
	
	/* TÍTULOS */
	#comentariosWrap h2 {
		margin-top: 60px;
		font: 26px Georgia, serif;
		letter-spacing: 0;
		color: #316A95;
	}
	#comentariosWrap h3 {
		margin-top: 0;
		margin-bottom: 30px;
		font: 18px Georgia, serif;
		letter-spacing: 0;
		color: #999999;
	}
	
	/* EXIBIÇÃO DOS COMENTÁRIOS */
	#comentariosBlock {
		margin-top: 30px;
		}
		#comentariosBlock .autor {
			display: block;
			font: bold 15px "Trebuchet MS", sans-serif;
			color: #8886AC;
			}
			#comentariosBlock .autor a { color:#6666CC; text-decoration:none; }
			#comentariosBlock .autor a:hover { text-decoration:underline; color:#69F; }
		#comentariosBlock .data {
			display: block;
			font: normal 11px "Trebuchet MS", sans-serif;
			color: #CCCCCC;
		}
		
		/* balão */
		#comentariosBalao {
			width: 500px;
			background-color: #ECF9FD;
			}
			#comentariosBalao em {
				color: red;
				font-style: italic;
			}
			#comentariosBalao p {
				margin: 0 15px;
				margin-bottom: 10px;
				font: 13px "Trebuchet MS", sans-serif;
				line-height: 130%;
				color: #727272;
			}

		.comentariosBalaoHeader {
			padding-top: 33px;
			background: url(img/comentarios-balao_header.gif) left top no-repeat
			}
		.comentariosBalaoFooter {
			padding-bottom: 7px;
			background: url(img/comentarios-balao_footer.gif) left bottom no-repeat
			}
	
	/* FORMULÁRIO */
	#comentariosWrap form {
		}
		#comentariosWrap table#formulario {
			width: 460px;
			border: 0;
			}
			#comentariosWrap table#formulario .label {
				width: 130px;
				padding: 5px 12px 0 0;
				text-align: right;
				font: 12px Verdana;
				color: #666666;
			}
			#comentariosWrap table#formulario .campo {
				width: 330px;
				}
				#comentariosWrap form input,
				#comentariosWrap form textarea {
					width: 330px;
					padding: 4px;
					margin-bottom: 10px;
					background-color: #FAFDFE;
					border: 1px #E0E0E0 solid;
					color: #316A95;
					font: 12px Verdana, sans-serif;
				}
				#comentariosWrap form textarea {
					height: 170px;
					line-height: 130%;
				}
				#comentariosWrap form input#submit {
					float: right;
					width: 110px;
					padding: 8px;
					background-color: #E8E8E8;
					font-weight: bold;
					color: black;
				}



/*_______________________________ NAVEGAÇÃO */

#navigationWrap {
	width: 930px;
	margin: 0 auto;
	padding-top: 50px;
	font: 22px Georgia, serif;
	}
	#navigationWrap #anterior {float: left;}
	#navigationWrap #proxima {float: right; margin-right:40px;}
	#navigationWrap a {color: #cccccc}
	#navigationWrap a:hover {color: #FF3333}
	
	#navigationWrap h2 {
		width: 100%;
		margin-left: 3px;
		padding-top: 15px;
		border-top: 1px #CCC dotted;
		font: bold 24px Calibri, Arial, sans-serif;
		letter-spacing: -1px;
		color: #316A95;
		}
	#navigationWrap ul {
		padding-left:20px;
		padding-bottom: 15px;
		border-bottom: 1px #CCC dotted;
		color:#999; 
		}
		#navigationWrap ul li {
			font-size: 19px;
			}



/*_______________________________ PESQUISA (searchform) */

form#pesquisa {
	margin: 20px 0 0 0;
	}
	form#pesquisa input {
		padding: 2px;
		font: 13px Georgia, serif;
	}
	form#pesquisa input#submit {
	}



/*_______________________________ FOOTER */

#footerWrap {
	width: 930px;
	margin: 0 auto;
	}
	#footerMenuWrap ul {
		margin: 80px 25px 0 0;
	}
	#footerCadastroWrap {
		float: left;
		margin: 60px 0 0 0;
		}
		#footerCadastroWrap h3 {
			font: 13px Georgia, serif;
			color: #999;
			margin-bottom: 5px;
		}
		#footerCadastroWrap form input {
			margin-bottom: 4px;
			padding: 3px;
			width: 196px;
			border: 1px #CCC solid;
			background-color: white;
			font: 11px Verdana;
			color: #999;
			}
			#footerCadastroWrap form input#enviar {
				margin-left: 3px;
				width: 30px;
				border: 1px #CCC solid;
				background-color: #EFEFEF;
				font: bold 10px Verdana;
				color: #666;
			}

#creditos {
	font: 11px Arial, sans-serif;
	color: #999;
	padding: 80px 0 20px 0;
	}
	#creditos a {
		color: #999;
		text-decoration: underline;
		}
		#creditos a:hover {
			color: #F60;
		}



/*************************************************************************
*                                 HACKS                                  *
*************************************************************************/

/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.clear {clear: both; background-color:#0FF}