/*
Theme Name: Forum Democratico
Theme URI: http://www.forumdemocratico.org.br
Description: Tema desenvolvido para a revista Forum Democratico
Version: 1
Author: Tiago Morena
Author URI: http://www.sambacine.com.br
Tags: Revista, Comunidade Italiana, Política, Cultura
*/

/* ----------------------------------------- */
/* RESET 									 */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left } 
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ----------------------------------------- */
/* INFO 									 */
/* Tamanho do wrapper > 960px                */
/* cor do fundo #FFFFFF						 */
/* cor do link #a71b20;						 */
/* vermelhor hover #a71c20 					 */
/* ----------------------------------------- */



/* ----------------------------------------- */
/* LAYOUT 									 */
/* ----------------------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative } 
p {margin-bottom: 10px;}
html {overflow-y:scroll;} 
textarea {overflow:auto;}  
a:active, a:focus {outline:none;}
a img {border:none;}
.textright {text-align: right;}
a {color: #505050;}
a:hover{color: #a71c20;}
.none {height:0; margin:0!important; padding:0!important;}
.spacer {margin: 0 0 15px 0;}
.borda {border-top: 1px solid #ccc; margin: 10px 0 0 0; padding: 0px 0 5px 0; height: 5px; clear: both;}

/* ----------------------------------------- */
/* TYPOGRAPHY 								 */
/* ----------------------------------------- */
h1, h2, h3, h5, h5, h6 { font-weight:bold; font-family: ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif; line-height: 1.6em;} 
body {font-family: verdana, helvetica, arial, sans-serif; color: #555; background-color: #F0F0F0; font-size: 10px;}

h1 {
font-size: 20px;
width: 600px;
height: 183px;
}

h2 {
font-size: 18px;
font-variant:small-caps;
color: #a71c20;
border-bottom: 2px solid #a71c20;
line-height: 17px;
}

h3 {
font-size: 11px!important;
margin-bottom: 5px;
color: #a71c20;
text-transform: uppercase;
}

h3 a{
text-decoration: none;
color: #000;
}

/*.post h3{ 
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}*/

h4 {
font-size: 13px!important;
margin-bottom: 10px;
color: #000;
font-weight: bold;
}

p {
font-size: 11px;
/*text-align:justify;*/
line-height: 1.6em;
}

/*hover menu*/
.category-destaques div#menu li.page-item-4 a, .category-online div#menu li.page-item-5 a, .page-id-6 div#menu li.page-item-6 a, .page-id-2 div#menu li.page-item-2 a, #menu ul li.current_page_item a{
color: #fff;
}

/* ----------------------------------------- */
/* HEADER 	 								 */
/* ----------------------------------------- */

#header {
width: 960px!important;
width: 970px;
margin: 0 auto;
}

#header h1 {
display: inline;
float: left;
}

#menu ul {
background-color: #262626;
font-weight: bold;
border-bottom: 0px solid #000;
height: 38px;
padding: 0;
}

#menu ul li {
background-color: #262626;
display: inline;
float: left;
padding:9px 20px;
border-right: 1px solid #fff;
text-transform: uppercase;
height: 20px;
line-height: 20px;
}

#menu ul li a {
text-decoration: none;
color: #D8D8D8;
font-size: 12px;

}

#menu ul li a:hover {
color: #fff;
}

#searchform {
float: left;
display: inline;
}

#searchform input {
width: 196px;
border: 0px;
padding: 2px;
}

#menu ul li div {
float: left;
display: inline;
color: #D8D8D8;
font-size: 12px;
margin-right: 19px;
}

#menu {
position: relative;
top: 0px;
width: 960px!important;
width: 970px;
}

#logo {
margin-top: 20px;
/*height: 210px;*/
width: 600px;
float: left;
display: inline;
}

.imglogo {
width: 570px;
margin:0 5px 0 15px;
}

#menu .sidemenu {
border-right: 0px solid #000;
padding: 9px 0 0 13px!important;
background: #262626;
}

.edicao {
background: url('imagens/edicao.gif') no-repeat;
text-indent: -9999px;
font-size: 12px;
line-height: 1.6em;
font-family: verdana, helvetica, arial, sans-serif; 
font-weight: bold;
float: left;
display: inline;
width: 135px;
top: 100px;
padding-right: 5px;
height: 100px;
}

#issuu h3 {
width: 580px;
text-align: justify;
/*letter-spacing:0.05em;*/
margin-bottom: 20px;
}

.link{
margin-top: 5px;
margin-bottom: 20px;
}


.button input {
width: 70px!important;
background: #262626;
color: #D8D8D8;
text-transform: uppercase;
margin: 0 0 0 10px;
font-weight: bold;
cursor: pointer;
font-size: 12px;
}

.button input:hover {
background: #d8d8d8;
color: #262626;
}

/* ----------------------------------------- */
/* BODY 	 								 */
/* ----------------------------------------- */

#wrapper {
margin: 0 auto;
width: 960px!important;
width: 970px;
overflow: hidden;
}

#main {
width: 762px;
float: left;
display: inline;
padding-right: 15px;
background-color: #fff;
margin-bottom:-12000px;
padding-bottom:12010px;
}

#issuu {
width: 742px;
margin-bottom: 20px;
padding-left: 20px;
}

.grid {
width: 360px;
display: inline;
float: left;
outline: 0px;
}

.gridleft {
padding-left: 20px;
margin-right: 22px;
}

.page .singletitle {margin:0 0 15px 20px;}

.grid ul li {
padding: 15px 0px 0px 0px;
}

.grid p{
margin-bottom: 0px;
text-align: justify;
}

.post{
padding-left: 20px;
margin-top: 20px;
float: left;
}

.pagina  {
padding-left: 20px;
float: left;
display:inline;
overflow:hidden;
}

.singletitle {
margin-bottom: 35px;
margin-left: 20px; 
}

.post h3 {
width: 560px;
font-size: 18px!important;
line-height: 1.3em;
}

.post span {
display: block;
margin-bottom: 15px;
font-size: 11px;
}

.post p:nth-child(4):first-letter,.post h4:nth-child(4):first-letter  {
font-size: 40px;
color: #a71c20;
float: left;
padding-right: 10px;
}

.post blockquote p {margin: 0 0 0 30px; width: 500px; font-style: italic;}

.post blockquote p:nth-child(4):first-letter, .listacomments p:nth-child(4):first-letter  {font-size:13px; line-height:1.4em; margin:0; padding:0 0 1em 0.25em!important; color: #555; float: none;}

.post p {
font-size:13px;
line-height:1.4em;
margin:0;
padding:0 0 1em 0.25em;
width: 550px;
text-align:justify;
}

.pagina p {
font-size:13px;
line-height:1.4em;
margin:0;
padding:0 0.25em 1em;
text-align:justify;
width: 510px;
}

.intro {
border-bottom:1px solid #CCCCCC;
margin:0 0 15px 20px;
padding:0 0 5px;
text-align:justify;
}

.search-no-results h2, .error404 h2 {margin: 0 0 15px 0;}
.search-no-results .intro p, .error404 .intro p{font-size: 14px;}

.small {width: 510px; margin: 0 0 15px 0!important; overflow: hidden;}
.small p { font-size: 11px!important;}

#related {
float: left;
display: inline;
width: 162px;
margin: 20px 0 0 20px;
}

#related ul li {
line-height:1.4em;
margin:0;
padding:1em 0 1.3em;
border-bottom: 1px solid #ccc;
font-size: 10px;
}

#related ul.maisinfo li{
line-height: 1.4em;
margin:0;
padding:0.6em 0em;
border-bottom: 1px solid #ccc;
font-size: 10px;
}

#related ul.maisinfo {
margin-bottom: 25px;
}

.expediente {
background-color: #e1e3e4;
margin-top: 0!important;
color: #000;
padding: 10px;
width: 192px!important;
font-family: arial, helvetica, arial, sans-serif;
margin: 0 0 0 13px!important;
line-height: 1.6em;
}

.coluna {
float: left;
display: inline;
width: 358px;
margin:0 0 15px 20px;
}

.esquerda {
clear: both;
}

.dados {
margin: 10px 0 5px 0;
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 0px 5px 0px;
}

.revistas {
float: left;
display: inline;
width: 155px;
margin:0 6px 10px 0;
border: 1px solid #ccc;
padding: 4px;
}
.pagseguro {width: 73px; height:24px; margin:0 auto;}

.revright {margin: 0!important;}
.revistas p {width: 150px!important; text-align: left!important;}

/* ----------------------------------------- */
/* SIDEBAR 	 								 */
/* ----------------------------------------- */


#sidebar {
width: 180px!important;
width: 190px;
float: left;
display: inline;
background-color: #fff;
border-left: 2px solid #eee;
padding-top: 10px;
margin-left: 0px;
margin-bottom:-12000px;
padding-bottom:12010px;
overflow: hidden;
}

#sidebar ul {
width: 161px;
padding: 10px;
font-size: 10px;
}

#temporeal  h3 {
padding: 10px 0px 0px 10px;
width: 161px;
}

#sidebar ul li {
width: 161px;
}

.mag {
width: 160px;
margin: 0 auto;
}

.chamada {
background-color: #a71c20;
color: #fff;
padding: 5px;
position: absolute;
font-size: 13px;
}

.item {
padding-bottom: 10px;
border-bottom: 3px solid #f0f0f0;
}

#temporeal {
border-bottom: 3px solid #f0f0f0;
font-size:10px;
line-height: 1.6em;
}

.infos  {
font-size:10px;
padding:10px;
width:161px;
line-height: 1.6em;
}

.botao a {
display: block;
margin: 0 auto;
margin-top: 8px;
color: #fff;
background-color: #a71c20;
padding: 5px;
width: 150px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
border: 1px solid #a71c20;
}

.botao a:hover{
background-color: #fff;
color: #a71c20;
border: 1px solid #a71c20;
}

/* ----------------------------------------- */
/* COMENTARIOS 								 */
/* ----------------------------------------- */

.comentarios {
width: 560px;
font-size: 12px;
line-height: 1.6em;
}

.page .wpcf7-form {text-align: left; margin: 15px 0 0 0;}

.comentarios label, #contato form.wpcf7-form label, #contato .assunto select, .newsletter label{
float: left;
display: inline;
margin-bottom: 10px;
}

#contato span.wpcf7-form-control-wrap input, .newsletter input   {width: 150px!important; font-family: "Courier New", courier, serif;}
.newsletter input  {width: 200px!important;}

.comentarios input, #contato span.wpcf7-form-control-wrap input, .newsletter input {
float: left;
display: inline;
width: 192px;
border: 0px;
border-bottom: 1px solid #000;
margin-left: 4px;
}

.comentarios p, #contato form.wpcf7-form p{
font-size: 12px;
text-align: left;
/*clear: left;*/
}

#contato {width: 510px; margin:0;float: left; display: inline;}
#contato p {width: 500px;}
.page-id-6 .expediente {margin: 0 0 0 20px!important;}

#comment {
width: 552px;
border: 1px solid #000;
padding:3px;
}

.wpcf7-form-control-wrap textarea {width: 490px;height: 150px;border: 1px solid #000;background: transparent!important;padding:3px; font-family: "Courier New"; font-size: 12px;}

#submit, .assinar input, .enviar input, input.submit  {
text-align:center;
color:#000;
margin: 10px 0px 20px 0px;
border: 1px solid #000;
background-color: #fff;
color: #000;
padding: 3px;
line-height: 10px;
float: right;
line-height: 1.6em;
overflow: hidden;
}

.assinar input  {clear:none!important;float:none!important; width: 80px;}
input.submit  {width: 115px!important; font-family: verdana, helvetica, arial, sans-serif;}

#submit:hover, .assinar input:hover, .enviar input:hover, input.submit:hover {
color: #a71c20;
}

.listacomments {
font-size: 11px;
padding: 10px 0px 0px 0px;
margin-bottom: 20px;
}

.listacomments li {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
}

.listacomments p {
padding:0px;
font-size: 12px;
width: 540px;
margin: 0 0 10px 0!important;
}

#comments{
margin-bottom:0;
line-height: 1em;
margin-top: 15px;
}

#respond  {
line-height: 1em;
margin-top: 20px;
margin-bottom: 15px;
}

cite {
margin: 0 0 10px 0;
display: block;
}

.cmtdt {
margin: 10px 0 0 0;
}

/* ----------------------------------------- */
/* FOOTER 	 								 */
/* ----------------------------------------- */

#footer {
margin: 0 auto;
width: 960px!important;
width: 970px;
}

.ftcontent {
/*border-top: 2px solid #f0f0f0;*/
border-top: 2px solid #ddd;
background-color: #fff;
padding: 20px;
border-bottom: 0px solid #f0f0f0;
text-align: justify;
line-height: 1.4em;
}

.rits{
height: 13px;
}

.ftcolumn {
width: 300px;
margin-right: 20px;
font-size: 12px;
float: left;
display: inline;
}

.ftcolumnright {
width: 280px;
font-size: 12px;
float: left;
display: inline;
}

.ftcolumnright ul {
margin-bottom: 10px;
}

.ftcolumnright li {
border:0;
font-size: 9px;
margin: 0 0 10px;
}

.ftcolumn li {
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 9px;
}

ol.recentes li , .ftcolumnright ol li{
margin-bottom: 5px!important;
border:0!important;
padding: 0!important;
list-style: inside decimal;
font-size: 9px;
}

.copyright {
clear:both;
background-color: #fff;
padding: 10px 0px 10px 20px ;
/*border-top:3px solid #F0F0F0;*/
border-top:2px solid #ddd;
font-size: 10px;
}

/* ----------------------------------------- */
/* PLUGINS 	 								 */
/* ----------------------------------------- */

span.wpcf7-list-item {
display:block;
margin: 0 0 8px 0;
}

span.wpcf7-list-item input {
margin: 0 5px 0 0;
width: auto!important;
}

.wpcf7-list-item-label {
text-align: top;
}

.expediente .wpcf7-form-control-wrap input {
width: 180px;
color: #000;
border: 0px solid;
border-bottom: 1px solid #4f4f4f;
padding: 2px 0 0 0;
background: #e1e3e4;
font-family: "Courier New", courier, serif;
}

.wpcf7-list-item-label {font-size: 10px;}

span.wpcf7-not-valid-tip  {
background:none repeat scroll 0 0 transparent!important;
border:0px solid #FF0000!important;
font-size:10px!important;
width:180px!important;
left:0!important;
padding:2px 0 0 0!important;
top:0!important;
font-family: "Courier New", courier, serif;
}

.page-id-47 span.wpcf7-not-valid-tip {
margin: 0 0 0 -150px!important;
float: left!important;
/*display: inline!important;*/
width: 110px!important;
}

.page-id-47 .your-message span.wpcf7-not-valid-tip {
margin: -150px 10px 0!important;
}
.expediente label {
display: block;
margin: 0 0 7px 0;
}