@charset "utf-8";

/*
	Profissão Web - Mentes criativas transformando o mundo.
	Site: www.profissaoweb.com
	Autor: Thiago Melo
	E-mail: falecom@thiagomelo.com
	Design: Thiago Melo
	Programação PHP: Flávio Theruo Kaminisse
	Última atualização do CSS: 30 de Abril de 2007
*/


/*..... Structure .....*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
html { margin-top:-10px; }
body { background:#444F5F url(http://www.thiagomelo.com/portfolio/imagens/bg_body.gif) center repeat-y; font:12px/1.5em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#757539; margin:0 auto; }
.header { width:778px; height:180px; margin:0 auto; background:#1F2C3F url(http://www.thiagomelo.com/portfolio/imagens/header.jpg); clear:both; }
.menu { width:778px; margin-top:10px; margin:0 auto; background:#515986; clear:both; border-top:1px solid #17507F; }
.wrap { width:100%; display:table; margin:0 auto; text-align:left; background:url(http://www.thiagomelo.com/portfolio/imagens/fundo_wrap.gif) top center repeat-y; }
.wrap_content { width:778px; background:#FFF; margin:0 auto; clear:both; }
.column { width:176px; background:#3297CD; float:right; padding:10px; }
.content { width:552px; background:#FFF; padding:15px; float:left; }
.underground { width:100%; height:240px; background:#3297CD; margin:0 auto; color:#1B81C5; clear:both; border-top:5px solid #FFF; }
.jacotei { width:100%; margin:0 auto; text-align:center; }
/*...................................................*/

/*..... Extras Divs .....*/
.background_02 { width:100%; background:url(../imagens/fundo_wrap.jpg) top center repeat-x; }
/*...................................................*/

/*..... Commons .....*/
p { margin:10px 0; }
a { color:#757539; text-decoration:none; }
a:hover { text-decoration:underline; }
address { font-style:normal; }
acronym, abbr { cursor:help; border-bottom:1px dashed #CCC; }
label { display:block; margin-top:5px; }
.txtfield { border-left:1px solid #CFD2A4; border-top:1px solid #CFD2A4; border-right:1px solid #F1F2E4; border-bottom:1px solid #F1F2E4; background:#FFF; font:11px/1.4em Tahoma, Verdana, Arial; padding:2px; }
.bt_enviar { display:block; margin-top:10px; }
.back { text-decoration:underline; }
.imagens { float:left; margin:0 10px 10px 0; }
#skip { display:none; }
/*...................................................*/

/*..... Titles and Subtitles .....*/
h1 { width:537px; font:22px/1.4em Helvetica, Tahoma, Helvetica, sans-serif; color:#2587C8; font-weight:bold; display:block; clear:both !important; margin:10px 0; }
h1 a { color:#2587C8; text-decoration:none !important; font-weight:normal !important; }
h1 a:hover { color:#2587C8; text-decoration:none; border-bottom:1px dashed #2587C8; }
h1 a:visited { text-decoration:none; color:#2587C8; }
h2 { font-family:"Tebuchet MS", "Times New Roman", Times, serif; font-size:16px; color:#5B658D; font-weight:bold; margin:15px 0; line-height:20px; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; font-weight:bold; margin:15px 0; line-height:20px; }
h4 { font:12px/1.5em Tahoma, Helvetica, sans-serif; color:#757539; font-weight:bold; background:url(../imagens/icone_tags.gif) no-repeat; padding-left:20px; }
h5 { font:22px/1.5em Georgia, Tahoma, Helvetica, sans-serif; color:#FFF; font-weight:normal; margin:10px 0; }
h6 { font:14px/1.4em Georgia, Tahoma, Helvetica, sans-serif; color:#6099DF; font-weight:bold; margin:0; }

.tit_descricao { width:51px; height:16px; display:block; background:url(http://www.thiagomelo.com/portfolio/imagens/tit_descricao.gif) no-repeat; text-indent:-99999px;overflow:hidden; clear:both; }
.tit_feeds { width:50px; height:16px; display:block; background:url(http://www.thiagomelo.com/portfolio/imagens/tit_feeds.gif) no-repeat; text-indent:-99999px;overflow:hidden; clear:both; }
.tit_arquivo { width:94px; height:16px; display:block; background:url(http://www.thiagomelo.com/portfolio/imagens/tit_arquivo.gif) no-repeat; text-indent:-99999px;overflow:hidden; clear:both; }
.endereco_site { background:#EFEFEF; padding:10px; border:1px solid #DDD; margin-bottom:20px; }
/*...................................................*/

/*..... Forms .....*/
fieldset {}
legend { font-weight:bold; }
.txtfield {}
/*...................................................*/

/*..... Header .....*/
.header .site a { position:absolute; width:320px; height:120px; margin-left:-370px; margin-top:39px; text-indent:-99999px; overflow:hidden; }
/*..............................................*/

/*..... Navigation .....*/
.wrap .menu ul { width:778px; margin:0px; padding:0; float:left; }
.wrap .menu li { width:192px; height:50px; list-style-type:none; float:left; display:block; margin:0; padding:0; background:#2587C8 url(../imagens/bg_menu.jpg) repeat-x; border-right:1px solid #17507F; border-left:1px solid #5A9ACF; }
.wrap .menu li a { width:193px; height:34px; display:block; font:11px "Trebuchet MS", Arial, Georgia, Tahoma; text-decoration:none; font-weight:bold; color:#FFF; text-align:center; padding-top:15px; }
.wrap .menu li a:hover { color:#FFFF00; }

.wrap .menu .contato { width:195px !important; height:50px; display:block; border-right:none !important; }
.wrap .menu .home { width:193px !important; border-left:none !important; }
.wrap .menu .menu_principal { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_principal.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu a.menu_principal:hover { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_principal_hover.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu .menu_curriculum { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_curriculum.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu a.menu_curriculum:hover { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_curriculum_hover.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu .menu_arquivos { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_arquivo_trabalho.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu a.menu_arquivos:hover { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_arquivo_trabalho_hover.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu .menu_contato { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_contato.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.wrap .menu a.menu_contato:hover { width:193px; height:30px; background:url(http://www.thiagomelo.com/portfolio/imagens/menu_contato_hover.gif) center no-repeat; display:block; text-indent:-999999px; overflow:hidden; }

/*..............................................*/

/*..... Column .....*/
.column .feeds li a { display:block; background:url(../imagens/icone_feeds_pequeno.gif) left no-repeat ; padding-left:20px; color:#FFF; }
.column .topicos li a { display:block; background:url(../imagens/icone_topicos.gif) left no-repeat ; padding-left:20px; color:#FFF; }
.column .blogroll li a { display:block; color:#FFF; }
.column .blogroll h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#FFF; font-weight:normal; margin:15px 0; background:none !important; padding:0 !important; }

.column .blogroll { margin-top:10px; }
.column .block { width:173px; background:url(../imagens/linha_divisoria_column.gif) left bottom no-repeat; padding-bottom:10px; clear:both;  color:#FFF; }
.column .others a { color:#FFF; }

.column .hosting { width:173px; float:left; margin-top:20px; }
.column .hosting a { width:90px; height:22px; background:url(../imagens/hosted_dreamhost.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
/*..............................................*/

/*..... Content .....*/
.entry { display:table; background:url(../imagens/linha_divisoria.gif) left bottom no-repeat; padding-bottom:20px; margin-bottom:20px; clear:both; }
.entry p { line-height:18px; margin:15px 0; }
.entry a { font-weight:bold; text-decoration:underline; }
.entry ul { margin:15px 0; }

.entry .date p { margin:0; padding:0; color:#FFF; }
.entry .date { width:43px; height:46px; text-align:center; float:left; }
.entry .title { width:492px; float:left; padding-bottom:10px; }

.entry .date abbr { cursor:help; border-bottom:none; margin:0; padding:0; }
.entry .date .month { font:11px/1.5em "Trebuchet MS", Georgia, Tahoma, Helvetica, sans-serif; color:#666; text-align:center; }
.entry .date .day { font:24px/1em Georgia, Tahoma, Helvetica, sans-serif; color:#6F6F6F; text-align:center; }

.entry .author a { font-weight:bold; text-decoration:none; }
.entry .author a:hover { font-weight:bold; text-decoration:underline; }
.entry * [rel~=external], .footer * [rel~=external], .entry * [rel~=external], .footer * [rel~=external], .content * [rel~=external] { background:url("http://www.profissaoweb.com/imagens/external.gif") right no-repeat; cursor:pointer; padding-right:13px; margin-right:3px; font-weight:bold; text-decoration:underline; color:#6180AF; }

.entry .title a { font-weight:normal; text-decoration:none; }
.entry .title a:hover { font-weight:normal; text-decoration:underline; }
.entry .title ul { clear:both; margin:0; padding:0; }
.entry .title li { display:block; float:left; margin-right:5px; }
.entry .title .post_comment { background:url(../imagens/icone_comente.gif) left no-repeat; padding-left:24px; margin-left:0 !important; }
.entry .title .comments_number { background:url(../imagens/icone_comentario.gif) left no-repeat; padding-left:20px; }

.info_entry { clear:both; }
.listagem_artigos { margin:20px 0; }
.listagem_artigos li { margin:10px 0; width:150px; background:url(../imagens/icone_tags.gif) no-repeat; padding-left:20px; display:block; }

.content li { list-style-type:disc; margin-left:15px; }
.contato br { display:none !important; }

.entrevista { background:#EFEFEF; border:1px solid #CCC; padding:20px; }
.promocode { background:#EFEFEF; border:1px solid #CCC; padding:10px 20px; }
.anuncios_google { width:468px; margin:20px 0; clear:both; }
.hosting_promocode { width:152px; height:142px; margin:15px 0; clear:both; }
.hosting_promocode a { width:152px; height:142px; background:url(http://www.profissaoweb.com/imagens/dreamhost_promocode.jpg) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }
.banner_visie { width:152px; height:142px; margin:15px 0; clear:both; }
.banner_visie a { width:152px; height:142px; background:url(http://www.profissaoweb.com/imagens/banner_visie.jpg) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }

.landing_site { width:548px; height:480px; clear:both; }
.banner_post_search { width:340px; float:left; margin:0 20px 30px 0; }
.banner_post_search_02 { width:125px; float:left; margin-bottom:30px; }
.banner_post_search_02_02 { float:left; margin-top:20px; }
.banner_post_inside { float:right; margin:0 0 10px 10px; }
.banner_geral { margin-bottom:15px; }

.info_post_search { clear:both; margin:10px 0; }
.busca label { display:inline !important; }
label .display { display:none !important; }
/*..............................................*/

/*..... Underground .....*/
.content_underground { width:758px; padding:10px; margin:0 auto; clear:both; color:#FFF; margin-top:25px; }
.content_underground a { text-decoration:none; color:#FFF; font-weight:bold; }
.content_underground a:hover { text-decoration:underline; }
.content_underground address { font-style:normal; color:#FFF; float:left; margin-top:10px; }
.content_underground .hcard { position:absolute; margin-left:43px; margin-top:-5px; }
.content_underground .hcard a { width:35px; height:25px; background:url(../imagens/hcard.jpg) no-repeat; float:left; text-indent:-99999px; overflow:hidden; }
.content_underground ul { float:right; margin-top:10px; }
.content_underground li { display:block; float:left; }
.content_underground .name { margin-left:45px; font-size:11px; color:#0D3F60; font-family:Tahoma, Verdana, Arial; font-weight:normal; }

.guia_profissoes { width:230px; float:left; }
.melhores_posts { width:508px; float:right; margin-left:20px; }

.politica_acessibilidade { margin-left:15px; }
.generator { margin-left:15px; color:#FFF; }
.about { margin-left:15px; }
/*..............................................*/

/*..... Search .....*/
.search {}
/*..............................................*/

/*..... Pagination .....*/
.paginacao { width:100%; font-size:11px; padding:5px 0; margin:0 0 20px 0; text-align:center; display:table; clear:both; }
.paginacao ul { float:right !important; margin:0px; }
.paginacao li { display:block; float:left; }
.paginacao li a { background-color:#FFF; color:#4C5044; background-color:#FFF; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao li a:hover { background-color:#71A5E3; color:#FFF; text-decoration:none; }
.paginacao li span { background-color:#71A5E3; padding:0px 4px; color:#FFF; }
.paginacao h6 { float:left; font-size:11px; font-weight:bold; color:#757539; }
.paginacao p { float:right; margin:0px; }

.paginacao .pg_anterior { float:left; }
.paginacao .pg_anterior a { width:155px; height:22px; float:left; background:url(http://www.thiagomelo.com/portfolio/imagens/img_trabalhos_anteriores.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.paginacao .pg_proximo { float:right; }
.paginacao .pg_proximo a { width:155px; height:22px; float:left; background:url(http://www.thiagomelo.com/portfolio/imagens/img_proximos_trabalhos.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
/*..............................................*/

/*..... Comments .....*/
.comments { float:left; }
.comment { width:100%; display:table; clear:both; background:url(../imagens/linha_divisoria.gif) bottom no-repeat; margin:5px 0; padding-bottom:5px; }
.info_comment { background:url(../imagens/icone_comentario_grande.jpg) left top no-repeat; padding:0 0 10px 55px; }
.post_number { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#6F6F6F; }
.name { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6F6F6F; text-align:center; font-weight:bold; margin-left:5px; }
.name a { color:#6099DF; text-decoration:underline; }
.data_post { display:block; }

.advice { clear:both; margin:10px 0; }
.formulario { margin-top:15px; }
.formulario p { margin:2px 0; }
.formulario legend { margin-bottom:10px; font:14px/1.5em Georgia, "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#757539; background:url(../imagens/icone_insere_comentario.gif) no-repeat; padding-left:20px; }
.formulario label { margin-bottom:0px !important; padding:0 !important; }
.bt_enviar { font:11px Tahoma, Verdana, Arial; background:#3297CD; padding:5px 8px; color:#FFF; cursor:pointer; margin-top:10px; clear:both; }
/*..............................................*/

/*..... Tooltip .....*/
.tooltip {}
/*..............................................*/

/*..... Tables .....*/
.tables {}
/*..............................................*/

/*..... Tags .....*/
.post-categories { margin:10px 0 0 -5px !important; padding-bottom:15px; }
.post-categories li { display:block; float:left; margin:0 5px; }
.post-categories li a { color:#515986; text-decoration:underline; }
.post-categories li a:hover { color:#515986; text-decoration:underline; }
/*..............................................*/