@charset "utf-8";
/*  

Theme Name: Magê-Malien

Theme URI: 

Description: Tema especiamente desenvolvido para o Desafio da Revista TI Digital junto ao projeto Mage-Malien.

Version: 1.0

Author: Mariana Gibara & Marcos Souza

Author URI: www.marianagibara.com / www.marcos-souza.com


Credits

=======

*/

/** zerando e padronizando as tags **/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
hr {display: none;}
html {background: #eee; height: 100%}
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #ffffff;
	text-align: center;
	color:#666;
}

/***** titulos
************/
h2, h3, h4, h5, h6 {font-family: Georgia, 'Times New Roman', serif;}

h1{
	background: transparent url(images/logo.jpg) no-repeat;
	width:143px;
	height:121px;
}
h1 span{
	display:none;	
}

h2{
	color:#3fbdc3;
	font-weight: normal; 
	letter-spacing: -1px; 
	font-size: 32px;


}

/* setando estilos bases - INPUT, TEXTAREA */
input {border: 1px solid #EAEBE5; padding: 4px; color: #ccc}
input:focus {background: #F2F5F0; border: 1px solid #E5E7E2; color: #F06139}
textarea {border: 1px solid #EAEBE5; padding: 4px; color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px}
textarea:focus {background: #F2F5F0; border: 1px solid #E5E7E2; color: #F06139}
/* setando estilo do botao de enviar */
.enviar {background: #F06139; color: #fff; float: right; cursor: pointer}
.enviar:hover {background: #E85E38; color: #fff;}

.titulo-materia{
	padding:24px 0;
	color:#666;
	border-bottom:1px dotted #ccc;
	font-size: 55px;
	font-weight: bold;
	margin-bottom: 8px;
	display: block;
	font-style:italic;
}
.breadcrumb h3{
	font-size: 20px;
	width:auto;
	background:none;
	font-style: italic;
	
}
.titulo-form{
	font-weight: normal; 
	letter-spacing: -1px; 
	font-size: 26px;
	color:#F05F39;
}


/***** boxes
************/
#geral{
	width:100%;	
	background: transparent url(images/bg-image.gif) repeat-x;
}
#conteudo{
	width:985px;
	height:100%;
	margin:auto;
	text-align:left;
	line-height:22px;
}
#topo{
	width:965px;
	height:121px;
	display:block;
	padding:30px 0 0 20px;
}
#logo{
	width:143px;
	height:121px;
	float:left;
}
#menu{
	/*width:100%;*/
	height:40px 0;
	background:#f7f7ef;
	float: left;
	margin: 40px 0;
	font-family: font-family: Georgia, 'Times New Roman', serif;
	/*width: 842px;*/
}

#bloco1{
	background: url(images/chamada.gif) no-repeat;
	min-height:300px;
	clear:both;
	width:985px;
}
#ajude{
	width:470px;
	float:right;
	text-align:left;
}

/* setando os estilos do form da home */
#ajude span {display: block; width: 70px; text-align: right; padding: 4px 4px 4px 0; float: left}

#bloco2{
	padding: 20px 0;
	display:block;
	border-top:1px dotted #ccc;
	min-height:350px;
	clear:both;
}
#bloco2 div{
	width:470px;
	display:block;
}

#bloco3{
	margin:10px 0;
	display:block;
	clear:both;
}

/* Para dar uma espaço entre o os titulos e os box do bloco 3 */
#bloco3 h2 {margin-bottom: 10px;}

/* Para diminuir a entrelinha das ultimas do blog */
#bloco3 a p {line-height: 17px;}

/** rodape **/
#rodape{
	overflow:hidden;
	background: url(images/rodape-mage.jpg) repeat-x;
	min-height:432px;
	display:table;
	width:100%;

}
#geral-rodape{
	padding:319px 0 0 30px;
	width:955px;
	margin:auto;
}
.patrocinio{
	width:500px;
}

/** pagina **/
#conteudo-page{
	padding:20px 40px;

}
.breadcrumb{
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}

.breadcrumb a {text-decoration: underline;}
.breadcrumb a:hover {text-decoration: none;}

.bloco{
	display:block;
}
.entry{
	margin:15px 15px 15px 0;
	width:605px;
	float:left;
}
/* Para aumentar o espaço de um paragrafo para o outro */
.entry p {margin: 10px 0;}

.sidebar{
	width:270px;
	float:left;
	margin: 15px 0 15px 15px;
}
/* Para aumentar o espaço entre os titulos e o conteudo */
.sidebar h2 {margin-top: 10px;}

/* Para aumentar o espaço entre o titulo FACA A SUA DOACAO e o formulario */
.sidebar h3 {margin-bottom: 10px;}

/* Para aumentar o espaço entre os post do blogo na pagina O PROJETO */
.sidebar ul {margin: 12px 0;}

/* Setando estilos do form */
.sidebar #form {margin: 15px 0 50px 0;}

/* Setando a fonte Georgia nos numerais */
.time {font-family: Georgia, 'Times New Roman', serif; font-size: 12px; font-weight: bold}

#blog{
	float:right;
	display:block;
	width:470px;
}
#depoimentos{
	float:left;
	display:block;
	width:470px;
}


/***** itens
************/
a{
	color:#8ec52e;
}
a:hover{
	text-decoration:underline;
}
p{
	font-size:13px;
}
#menu li{
	float:left;
}
#menu li a{
	padding:9px 20px;
	border-left:1px solid #fff;
	color:#3fbdc3 !important;
	text-decoration:none;
	display:block;
	*font-weight: bold;
	
}
#bloco1 p {
	line-height: 16px;
	padding: 15px 0;
}

#bloco2 p{
	line-height: 20px;
	padding: 15px 0;
}

#menu li a:hover{
	background:#3fbdc3;
	color:#fff !important;
}

label{
	
	font-size:13px;
	display:block;
	

}
.boxtexto{
	background:#fff;
	border:1px solid #ccc;
	width:385px;
	margin:3px 0;
}
.categories{
	width:270px;
	float:left;
}
#bloco3 div div div{ /*ver todos*/
	float:right;
	padding:0 !important;

}
dt{
	color:#f05f39;
	overflow:hidden;
	font-size: 15px;

}
dl{
	border: 1px dashed #ccc;
	padding:5px;
	display:block;
	min-height:115px;
	margin-bottom:4px;
	background: #F7F7EF;
}
dd p{
	overflow:hidden;
	padding:0 !important;
	font-size: 12px;
	line-height: 18px
}
dd img{
	width:80px;
	height:80px;
	float:left;
	margin-right: 6px;
}

#blog ul{
	border-bottom: 1px dotted #ccc;
	padding:5px 0;
	display:block;
	min-height:40px;
	margin-bottom:3px;
}
#blog .time{
	font-weight:bolder;
	font-size:12px;
}

#rodape li{
	float:left;
	display:block;
	color:#486B2A;
	padding: 0 10px;
}
#rodape li a{
	color:#fff;
}
#rodape li a:hover{
	text-decoration: underline;
}
#rodape ul{
	display:inline;
	padding-top:10px;
}
#geral-rodape div{
	overflow:hidden;
}
#geral-rodape div ul{
	float:left;
	margin-right: 50px;
}
.sidebar .boxtexto{
	width:259px;
}
.sidebar p{
	line-height:16px;
}
.box-depoimentos{
	margin-top:10px;
	display:table;
	width:100%;
}
.imagem-bloco{
	float:right;
}
.texto-bloco{
	float:left;
}

/**** CATEGORIA ****/

.post{
	margin-bottom:45px;
}
.lista-posts{
	width:605px;
	margin:15px 15px 15px 0;
	float:left;
}

/**** NAVEGACAO *****/
.alignleft{
	float:left;
}
.alignright{
	float:right;
}

/*** COMENTARIOS ***/

#respond{
	clear:both;
	overflow:hidden;
}
.nome-comentario{
	border:1px solid #ccc;
}
.email-comentario{
	border:1px solid #ccc;
}
.url-comentario{
	border:1px solid #ccc;
}
.mensagem-comentario{
	border:1px solid #ccc;
}
.bt-enviar{
	background:#f05f39;
	width:50px;
	heigth:25px;

}

.commentlist{
	clear:both;
	margin:20px;
}
#comments {
	clear:both;
	margin-top:50px;

}
.commentmetadata{
	font-size:9px
}

/*** Fale Conosco ***/
#formwrap, #gb_form_div, #gb_form{
	width:905px;
}

#formwrap fieldset{
	margin-bottom: 20px;
	background:#F7F7EF;
	padding:10px;
	border: 1px dashed #CCCCCC;

}


#formwrap fieldset h3{
	margin-bottom: 20px;

}