/* 
Theme Name: Feira Moderna
Design Name: Feira Moderna
Description: Theme for my personal website. Design, code and everything else made by myself.
Version: 2009
Author: Mauro Pinheiro
*/

/* * {margin: 0; padding: 0;} */

a		{ color: #D35404; text-decoration: none; } 
/* a:link		{ color: #c60; text-decoration: none; } 
a:visited	{ color: #c60; text-decoration: none; }  */
a:active	{ color: #E88A50; text-decoration: underline; } 
a:hover		{ color: #E88A50; text-decoration: underline; } 
 


body { background-color: #fff; text-align: center; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; } 
body.home { background-color: #996; text-align: center; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; } 


ul { margin:0; padding: 0;}


.hidden { display: none;}
.clear {clear: both;}


/* HOME */
#containerhome { background-color: #996; padding-top: 150px;}
#tithome { width: 840px; height: 135px; background-color: #996; background: url(img/title_home.gif) no-repeat; text-align:left; margin-left: auto; margin-right: auto;}
#navhome { text-align:left; width: 535px; padding-left: 305px; margin-left: auto; margin-right: auto; padding-top: 16px;}
#navhome li { color: #663; list-style: none; display: inline; font-size: 0.7em; font-weight: bold; text-transform: uppercase; padding: 0 8px 0 4px; line-height: 36px; background: url(img/dot_nav_home.gif) center right no-repeat;}
#navhome li.first { padding-right:0 8px 0 0;}
#navhome li.last { background: none; padding: 0 0 0 4px;}
#navhome a { color: #930; }
#navhome a:link		{ color: #930; text-decoration: none; } 
#navhome a:visited	{ color: #930; text-decoration: none; } 
#navhome a:active	{ color: #930; text-decoration: none; } 
#navhome a:hover	{ color: #ba4105; text-decoration: none; } 
#textohome { text-align:left; width: 530px; padding-left: 310px; margin-left: auto; margin-right: auto; }
#textohome p {line-height: 2em; font-size: 0.9em; padding-top:16px; color:#330;}


/* ESTRUTURA PRINCIPAL */

/* header */
#containerheader { height: 208px; background-color: #d2d2c0; background: url(img/header_back.gif) repeat-x; }
#header { width: 840px; height: 208px; background-color: #d2d2c0; background: url(img/title_feira.gif) no-repeat; text-align:left; margin-left: auto; margin-right: auto;}

/* busca */
#containerbusca	{ width: 840px; height: 36px; text-align: right; margin-top: 0; padding-top: 36px;}


/* barra de navegacao */
#containernav { text-align: left; width: 530px; height: 36px; margin: 94px 0 0 310px; padding: 0; }
#containernav li { color: #663; list-style: none; display: inline; font-size: 0.65em; font-weight: bold; text-transform: uppercase; padding: 0 8px 0 4px; line-height: 36px; background: url(img/dot_nav.gif) center right no-repeat;}
#containernav li.first { padding: 0 8px 0 0; }
#containernav li.last { background: none; padding: 0 0 0 4px;}
#containernav a:hover { color: #930; text-decoration: none;}
#containernav a.ativo {color: #996; text-decoration: none;}
#containernav a.ativo:hover {color: #663; text-decoration: none;}

/* estrutura miolo */
#containerconteudo { width: 840px; margin-left: auto; margin-right: auto; }


/* titulo */
#titulopag { width: 840px; height: 56px; text-align: left; padding-top:40px; }


/* subheader com navegacao secundaria */
#subheader { width: 310px; height: 64px; text-align: left; float:left; padding-top:40px; }

#subnav { width: 530px; height: 64px; text-align: left; float:left; padding-top:40px;}
#subnav li { color: #663; list-style: none; display: inline; font-size: 0.85em; font-weight: normal; text-transform: lowercase; padding: 0 10px 0 5px; line-height: 36px; background: url(img/dot_nav.gif) center right no-repeat;}
#subnav li.first { padding: 0 10px 0 0; }
#subnav li.last { background: none; padding: 0 0 0 5px;}
#subnav a.ativo {color: #996; text-decoration: none;}
#subnav a.ativo:hover {color: #996; text-decoration: underline;}



/* TITULOS */
#titarticles {background: url(img/tit_artigos.gif) no-repeat top left; height:32px;}
#titblog {background: url(img/tit_blog_pt.gif) no-repeat top left; height:32px; }
#titabout {background: url(img/tit_sobre.gif) no-repeat top left; height:32px;}
#titarchives {background: url(img/tit_arquivo.gif) no-repeat top left; height:32px;}
#tit404 {background: url(img/tit_404_pt.gif) no-repeat top left; height:32px;}
#titcontact {background: url(img/tit_contato.gif) no-repeat top left; height:32px;}
#titcontact2 {background: url(img/tit_contato_obrigado.gif) no-repeat top left; height:32px;}
#titportfolio {background: url(img/tit_portfolio_pt.gif) no-repeat top left; height:32px; }
#titsearch {background: url(img/tit_busca.gif) no-repeat top left; height:32px; }
#titpalestras {background: url(img/tit_palestras.gif) no-repeat top left; height:32px; }



.fiohz { width: 840px; height: 48px; text-align: left; float:left; background: url(img/fio_hz.gif) repeat-x center left; margin-bottom:8px;}
.fiohztop { width: 840px; height: 32px; text-align: left; float:left; background: url(img/fio_hz.gif) repeat-x top left;}





/* BLOG */
.datapost { width: 840px; height: 36px; text-align: left; float:left; }
.datapost h4 {font-weight: bold; font-size: 0.7em; color:#996; padding-top:8px; }


.textopost { text-align: left; width: 640px; float:left; }
.textopost p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; padding-right: 60px; }
.textopost h1 {font-weight: bold; font-size: 2em; color:#663; padding-right: 60px;}
.textopost h2 {font-weight: bold; font-size: 1.2em; color:#525224; padding-right: 60px; padding-bottom:0.8em;}
.textopost h4 {font-weight: bold; font-size: 0.7em; line-height: 2em; color:#996; padding-right: 60px;}
.textopost a.titulo { color: #525224; text-decoration: none; } 
.textopost a.titulo:visited	{ color: #525224; text-decoration: none; } 
.textopost a.titulo:active	{ color: #525224; text-decoration: none; } 
.textopost a.titulo:hover { color: #525224; text-decoration: underline; }
.textopost blockquote { font-weight: normal; font-size: 0.9em; line-height: 2em; color:#000; padding-left: 90px; margin: 0; padding-right:60px;}
.textopost small { font-weight: normal; font-size: 0.8em; line-height: 2em; padding-bottom: 3em; color:#000; padding-right: 120px; margin-bottom: 3em;}

.textopost li { font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; padding-right: 60px; }

/* meta-informacao dos posts */
.metainfopost { text-align:left; width:200px; float:left; background: url(img/fio_vert.gif) no-repeat top left; }
.metainfopost h5 {font-size: 0.7em; line-height: 2.6em; color:#996; font-weight: normal; text-transform: lowercase; padding-left:20px; padding-top: 1em; padding-bottom:1em;}
.metainfopost h5.comments { padding-top:0; padding-bottom:0;}
.metainfopost ul { padding-top:0.5em;}
.metainfopost li {list-style: none; text-transform: lowercase; line-height:1.3em; padding-bottom:1.2em;}




#containerpaginacao { width: 840px; height: 144px; text-align: left; float:left;}
#containerpaginacao h5 {font-size: 0.75em; color:#996; font-weight: normal; text-transform: lowercase; padding-top:20px;}




/* COMMENTS */
#containercomments { background: url(img/fundo_comments.gif) repeat-x; background-color: #f4f4ed; }
#commentsarea { width: 840px; text-align:left; margin-left: auto; margin-right: auto; background: url(img/fundo_comments.gif) repeat-x; background-color: #f4f4ed;}
#commentsarea h3 {font-weight: bold ; font-size: 1.2em; color:#bb9; padding-top: 88px; padding-bottom:32px;}
#commentsarea ol {margin:0; padding:0; list-style: none;}
/* #commentsarea li { list-style: none; } */

.textocomments { text-align: left; width: 640px; float:left;  }
.textocomments p {font-weight: normal; font-size: 0.8em; line-height: 2em; padding-bottom: 1em; color:#000; padding-right: 60px;}
.textocomments li.bullet { list-style: disc; font-size: 0.8em; line-height: 2em; margin-left: 1.25em;} 


/* meta-informacao dos comments */
.metacomments { text-align:left; width:200px; float:left; background: url(img/fio_vert.gif) no-repeat top left; }
.metacomments h5 {font-size: 0.7em; line-height: 1.8em; color:#996; font-weight: normal; padding-top: 0; padding-bottom: 1.4em; padding-left: 20px;}
.metacomments h5.autor { padding-top:0.3em; padding-bottom: 0; font-weight: bold; }
.metacomments cite { font-style: normal;}

/* formulario de comments */
#formcomments { width: 840px; text-align:left; }
#formcomments h3 {font-weight: bold ; font-size: 1.2em; color:#bb9; padding-top: 24px; }
#formcomments p {font-weight: normal; font-size: 0.8em; line-height: 1.6em; color:#000; padding-right: 60px; padding-bottom: 1.2em; }
#formcomments em { color:#886;}





/* RODAPE */
#containerrodape { background: url(img/fundo_rodape.gif) repeat-x; background-color: #d2d2c0; margin:0; padding:0; }
#rodape { width: 840px; text-align:left; margin-left: auto; margin-right: auto; background: url(img/fundo_rodape.gif) repeat-x; }

#bookmarks { width: 660px; background: url(img/fundo_rodape.gif) repeat-x; background-color: #d2d2c0; float: left;}
#bookmarks h3 {font-weight: bold ; font-size: 1.2em; color:#fff; padding-top: 80px; padding-bottom:0.4em; margin:0; }

#bookmarks dl { width: 220px; font-size: 0.7em; color:#665; font-weight: bold; padding-bottom:40px; float:left; line-height: 0.2em; margin: 0;}
#bookmarks dt { list-style-type: none; color:#665; font-weight: bold; margin: 0; padding-right:40px; line-height: 2.2em;}
#bookmarks dd { list-style-type: none; list-style: none; font-weight:normal; margin: 0; padding-right: 40px; line-height: 2.2em;}


#feed{ width: 180px; background: url(img/fundo_rodape.gif) repeat-x; background-color: #d2d2c0; float: left; margin: 0;}
#feed h3 {font-weight: bold ; font-size: 1.2em; color:#fff; padding-top: 80px; padding-bottom:0.4em; margin:0; }
#feed ul { font-size: 0.7em; color:#665; font-weight: bold; margin: 0; padding-bottom:40px; line-height: 2.2em; }
#feed li { list-style-type: none; list-style: none; font-weight:normal; margin: 0; padding: 0; line-height: 2.2em;}


#copyright { width: 840px; height: 60px; text-align: center; background-color: #d2d2c0; padding-top: 48px;}
#copyright small {font-weight: normal; font-size: 0.7em; color:#663;}





/* ABOUT */
.textoabout { text-align: left; width: 440px; float:left; padding-bottom: 120px; }
.textoabout p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; }

#fotoabout { text-align: left; width: 278px; padding-left:122px; float:left; padding-top: 0.5em; }
#fotoabout p { font-weight: normal; font-size: 1em; line-height: 2em; padding-top: 0.7em; color:#000; }
#fotoabout small { font-weight: normal; font-size: 0.7em; padding-top: 0.7em; line-height: 2em; color:#000; }




/*ARCHIVES*/
.listaarchives { text-align:left; width:440px; float:left; padding-bottom:64px; }
.listaarchives h3 { font-size: 1.2em; color: #cfcfba; font-weight: bold; line-height: 2em;}
.listaarchives ul { font-size: 0.8em; list-style:none; line-height: 2.2em; color: #cc9; padding-right:40px; }
.listaarchives ul.children { font-size:0.9em; margin-left: 1em;}
.listaarchives.col2 { width: 400px; padding-right:0;}



/* INDEX PALESTRAS */
.thumbpalestra { width: 310px; text-align: left; float: left; }
.boxpalestra { width: 460px; text-align: left; float: left; }
.boxpalestra h3 { font-size: 1em; font-weight:bold; line-height: 1.6em; padding-bottom:0.6em; }
.boxpalestra h4 { font-size: 0.7em; color: #996; font-weight:bold; line-height: 1.6em; padding-bottom:1.2em; }
.boxpalestra a.titulo { color: #525224; text-decoration: none; }
.boxpalestra a.titulo:visited	{ color: #525224; text-decoration: none; } 
.boxpalestra a.titulo:active	{ color: #525224; text-decoration: none; } 
.boxpalestra a.titulo:hover { color: #525224; text-decoration: underline; }
.boxpalestra p { font-size: 0.9em; font-weight:normal; line-height: 1.8em; padding-bottom:1.2em;}
.boxpalestra small { font-weight: normal; font-size: 0.8em; line-height: 2em; }




/* HOME ARTICLES */
.containerabremeta { text-align: right; width: 124px; float:left; color: #663; }
.containerabremeta h4 { font-size: 0.8em; font-weight: bold; line-height: 2.3em;}
.containerabremeta h4.titulo { line-height: 2em; }
.containerabremeta h2 { font-size: 1em; font-weight: bold; color:#996; padding-bottom:0.4em; }


.listaartigos { text-align: left; width:680px; float: left;}
.listaartigos h2 { font-size: 1em; font-weight: bold; color:#996; padding-bottom:0.4em;} 
.listaartigos h3 { font-size: 1em; font-weight:bold; line-height: 1.6em; padding-bottom:1.2em;}
.listaartigos a.titulo { color: #525224; text-decoration: none; } 
.listaartigos a.titulo:visited	{ color: #525224; text-decoration: none; } 
.listaartigos a.titulo:active	{ color: #525224; text-decoration: none; } 
.listaartigos a.titulo:hover { color: #525224; text-decoration: underline; }
.listaartigos p { font-size: 0.9em; font-weight:normal; line-height: 2em; padding-bottom:1.2em;}
.listaartigos small { font-weight: normal; font-size: 0.8em; line-height: 2em; }





/* ARTICLE PAGE */
.dataartigo { width: 840px; height: 26px; text-align: left; float:left; }
.dataartigo h4 {font-weight: bold; font-size: 0.7em; color:#996; }


.textoartigo { text-align: left; width: 640px; float:left; padding-bottom: 80px;}
.textoartigo p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; padding-right: 60px; }
.textoartigo h1 {font-weight: bold; font-size: 2em; color:#663; padding-right: 60px;}
.textoartigo h2 {font-weight: bold; font-size: 1.2em; line-height: 1.6em; color:#525224; padding-right: 60px; padding-bottom:0.6em;}
.textoartigo h3 {font-weight: bold; font-size: 1.1em; line-height: 2em; color:#996; padding-right: 60px; padding-top:1em;}
.textoartigo h4 {font-weight: bold; font-size: 1em; line-height: 2em; color:#663; padding-right: 60px;}
.textoartigo h5 {font-weight: bold; font-size: 0.9em; line-height: 1.8em; padding-bottom: 0.2em; color:#330; padding-right: 60px;}
.textoartigo a.titulo { color: #525224; text-decoration: none; } 
.textoartigo a.titulo:visited	{ color: #525224; text-decoration: none; } 
.textoartigo a.titulo:active	{ color: #525224; text-decoration: none; } 
.textoartigo a.titulo:hover { color: #525224; text-decoration: underline; }
.textoartigo blockquote { font-weight: normal; font-size: 0.9em; line-height: 2em; color:#000; padding-left: 90px; margin: 0; padding-right:60px;}
.textoartigo small { font-weight: normal; font-size: 0.8em; line-height: 2em; padding-bottom: 3em; color:#000; padding-right: 120px; margin-bottom: 3em;}
.textoartigo ul {padding-bottom: 1em;}
.textoartigo li {font-weight: normal; font-size: 0.9em; line-height: 2em; color:#000; padding-right: 60px; }





/* 404 */
#texto404 { text-align: left; width: 840px; float:left; padding-bottom: 64px;  }
#texto404 p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; }
#texto404 ul {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000;}


/* CONTACT */
#formcontact { text-align: left; width: 840px; float:left; padding-bottom: 160px;  }
#formcontact p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; }


/* PORTFOLIO TEMP */
#textoportfoliotemp { text-align: left; width: 340px; float:left; padding-bottom: 100px; padding-right: 100px; }
#textoportfoliotemp p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; }

#thumbsportfolio { text-align: left; width: 400px; height: 336px; float:left; background: url(img/thumbs_portfolio.jpg) no-repeat top left; padding-bottom: 20px;}

#imgportfolio { text-align: left; width: 400px; vertical-align: top; float:left; padding-bottom: 20px; padding-top: 48px;}

#textoportfolio { text-align: left; width: 340px; float:left; padding-bottom: 100px; padding-right: 100px; }
#textoportfolio p {font-weight: normal; font-size: 0.9em; line-height: 2em; padding-bottom: 1em; color:#000; }
#textoportfolio h1 {font-weight: bold; font-size: 2em; color:#663; padding-right: 60px;}
#textoportfolio h2 {font-weight: bold; font-size: 1.2em; line-height: 1.6em; color:#525224; padding-right: 100px; padding-bottom:0.6em;}
#textoportfolio a.titulo { color: #525224; text-decoration: none; } 
#textoportfolio a.titulo:visited	{ color: #525224; text-decoration: none; } 
#textoportfolio a.titulo:active	{ color: #525224; text-decoration: none; } 
#textoportfolio a.titulo:hover { color: #525224; text-decoration: underline; }


/* SEARCH RESULTS */
#textosearch { text-align: left; padding-bottom: 40px; }
#textosearch p { font-weight: normal; font-size: 0.9em; line-height: 1.6em; color: #000; padding-bottom: 1em;}
#textosearch small { font-weight: normal; font-size: 0.8em; line-height: 1.6em; color: #000; }
#textosearch h6 { font-weight: bold; font-size: 0.6em; line-height: 1.8em; color: #78706C; text-transform: uppercase;}
#textosearch h3 { font-weight: bold; font-size: 1em; line-height: 1.6em; padding-bottom: 0.9em;color: #525224; }
#textosearch h4 {  font-family: 'Source Serif 4', serif; font-weight: bold; font-size: 1.1em; line-height: 1.6em; color: #78706C; }
#textosearch a.titulo { color: #525224; text-decoration: none; } 
#textosearch a.titulo:visited	{ color: #525224; text-decoration: none; } 
#textosearch a.titulo:active	{ color: #525224; text-decoration: none; } 
#textosearch a.titulo:hover { color: #525224; text-decoration: underline; }