/*
Theme Name: Pinho e Ribeiro - Version teste 2.3
Author: Editora CódigoPro
Author URL: http://www.codigopro.pt
*/

/* html, body {height:100%;}	/* para que o rodapé ficque no final da página */

body {
	font-family: "mrs-eaves-roman-lining","mrs-eaves",garamond,serif;
	font-size: 20px;
	color: #818181;
}

div.geral {
	max-width: 1280px;
	margin: 50px auto;
}

h1 a {
	color: #b9b9b9;
	text-decoration: none;
	font-size: 30pt;
	font-weight: regural;
}

a {
	color: #b9b9b9;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.cabecalho {
	text-align: center;
	margin-top: 20px;
}

div.cabecalho.titulo h1 {
	margin: 0px;	
}

nav ul li {
	list-style-type: none;
	display: inline;
	padding: 10px 20px;
}

nav ul {
	border-top: double 6px #9bbf9d;
	padding: 10px;
	margin: 0 auto;
}

/* aritgos na página inicial (index.php) */
article.post-colecao {
	overflow: hidden;
	box-sizing: border-box;
}

article.post-colecao h2 {
	margin: 0px;
}

article.post-colecao img {
	width: 100%;
	height: auto;
	margin: auto;
}

article.post-pagina {
	padding: 20px;
}

/* Págiana do artigo (single.php) */
article.post-single {
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}

article.post-single h2 {
	margin: 0px;
}

article.post-single img {
	width: 320px;
	height: auto;
	display: inline-block;
}

/* Rodape */
footer {
	max-width:1280px;
	padding: 50px 0 0 0;
	clear: both;
	text-align: center;
	font-family: "mrs-eaves-roman-petite-caps","mrs-eaves-roman-lining","mrs-eaves",garamond,serif;
}

footer a {
	color: #818181;
}

@media (min-width: 783px) {

	.cabecalho {
		text-align: center;
		margin-top: 40px;
	}
	article.post-pagina {
		width: 66%;
		margin: 0 auto;
	}
	
	nav ul {
		width: 70%;
	}

	h1 a {
		font-size: 50pt;
	}

	article.post-colecao {
		float: left;
		width: 33.3%;
		height: 400px;
		overflow: hidden;
		box-sizing: border-box;
	}

	/* Págiana do artigo (single.php) */
	article.post-single {
		overflow: hidden;
		box-sizing: border-box;
		height: 500px;
		text-align: center;
	}

	article.post-single h2 {
		margin: 0px;
	}

	article.post-single img {
		width: auto;
		max-height: 500px;
		display: inline-block;
	}

}