/*   
Theme Name: Leo.Lopes Madeira
Theme URI: http://www.leolopesdesign.com
Description: Primeiro tema criado para o portfólio de Leonardo Baptista Lopes.
Author: Leonardo Baptista Lopes
Author URI: http://www.leolopesdesign.com
Template: leolopes
Version: 1.0
.
General comments/License Statement if any.
.
*/

/*ATRIBUTOS GERAIS
-----------------------------------------*/
body {
background:url(images/bg.jpg) no-repeat top center #223940;
padding:5px 0 50px 0;
margin:0;
font-size:12px;
font-family:'Trebuchet MS','Lucida Sans',Tahoma,Verdana,Arial;
color:#666;
line-height:120%;
}

img {
border:none;
color:#00CCFF;
font-size:14px;
font-weight:bold;
}

h1, h2, h3, h4, h5 {
font-weight:normal;
margin:0;
padding:0;
font-size:11px;
line-height:100%;
}


h1 {
font-size:25px;
font-weight:bold;
color:#999;
margin:0 0 10px 0;
display:block;
}

h3, h2 {
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 -20px 0;
color:#604C38;
border-bottom:1px solid #FFC251;
text-decoration:none;
}

h2 {
font-size:30px;
margin:0 0 20px 0;
}

h3 {
margin-top:20px;
}

#col_mid h3, #trabalhos h3, #col_esq h3 {
margin-top:0;
}


h4 {
font-size:12px;
font-weight:bold;
margin:0 0 10px 0;
color:#666;
}

.news h3, .news h3 a:link, .news h3 a:visited {
border:none;
font-size:22px;
color:#604C38;
text-decoration:none;
}
.news h3 a:hover, .news h3 a:active {
color:#907c68;
}

p {
margin:10px 0;
}

blockquote {
font-style:italic;
background:#efefef;
padding:1px 5px;
}

blockquote p {
margin:5px 0;
}

.post {
font-size:13px;
line-height:150%;
}

.post strong {
color:black;
}

a:link, a:visited {
color:#4D8291;
text-decoration:underline;
}
a:hover, a:active {
text-decoration:none;
}

.mais {
text-align:right;
display:block;
float:right;
width:50px;
padding:1px 0 1px 30px;
text-decoration:none;
}

.voltar {
text-align:left;
display:block;
width:50px;
padding:1px 30px 1px 0px;
text-decoration:none;
}

.fechar:link, .fechar:visited, .fechar:hover, .fechar:active {
text-align:right;
display:block;
float:right;
width:30px;
padding:1px 0 1px 15px;
color:white;
background:url(../imagens/seta_cima.gif) no-repeat 0px 3px #0079bc;
text-decoration:none;
}

ul {
margin:5px;
padding:0 0 0 12px;
list-style:none;
}

li {
margin:0 0 5px 0;
background:url(images/bullet.png) no-repeat 0 2px;
padding-left:17px;
}

.separador {
border-top:1px dashed #3e6875;
clear:both;
height:-12px;
margin:15px 0;
padding:0;
}
#rodape .separador {
border-top:1px solid #3E6875;
}
#col_dir2 .separador, #col_mid .separador {
margin:5px 0;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-20px;
}

.botao:link, .botao:visited {
display:block;
width:180px;
padding:5px 5px;
background:#BE9341;
color:white;
text-decoration:none;
text-align:center;
margin:5px auto 25px auto;;
}
.botao:hover {
background:#CAA664;
}
.botao:active {
background:#9D7935;
}

.wp-caption {
background:#FFFFDD;
border-bottom:1px dotted #222222;
text-align:center;
font-size:12px;
font-family:'palatino linotype','times new roman',georgia;
font-style:italic;
margin:5px 5px;
}

.alignright {
float:right;
margin:5px;
}
.alignleft {
float:left;
margin:5px;
}
.aligncenter {
margin:5px auto;
}

.addthis {
width:90%;
padding:5px 4.5%;
margin:5px auto;
background:#CCFFFF;
border:1px solid #99CCFF;
}

/*Navegação
----------------------*/
.navigation {
margin:20px auto;
height:20px;
padding:0;
}
.news .navigation {
margin:0px auto;
}
.navigation .anterior, .navigation .proximo {
float:right;
height:17px;
padding:0px 20px 0 5px;
background:url(images/proximo.png) no-repeat center right;
line-height:13px;
}
.navigation .proximo {
float:left;
padding:0px 5px 0 20px;
background:url(images/anterior.png) no-repeat center left;
}
.navigation .anterior a, .navigation .proximo a {
font-weight:bold;
text-decoration:none;
}

/*metadata
----------------------*/
.postmetadata {
font-size:9px;
color:#999999;
}
.post_data {
height:24px;
padding:0;
background:#FFE4B1;
border-top:1px solid #FFF7D4;
border-bottom:1px solid #EED3A9;
}
.post_data_esq {
float:left;
height:19px;
padding:5px 5px 0 10px;
}
.post_data_dir {
float:right;
height:19px;
padding:5px 10px 0 5px;
}

.data {
margin:0;
font-size:11px;
color:#999999;
font-style:italic;
}

.post-meta {
font-size:11px;
color:#999999;
font-style:italic;
}

#corpo {
width:950px;
margin:0 auto;
background:#F8DDAB;
}

/*TOPO
---------------------------------------*/
#topo {
width:926px;
height:189px;
margin:0;
padding:30px 12px 0 12px;
background:url(images/topo.jpg) no-repeat center top;
position:relative;
}

#logo_link {
float:left;
height:120px;
width:230px;
top:35px;
left:25px;
background:none;
position:absolute;
text-decoration:none;
}
#logo_link span {
visibility:hidden;
}

#logo_twitter {
position:absolute;
width:95px;
height:50px;
right:125px;
top:165px;
}

#topo h1 {
margin:0;
}

/*Menu Principal
----------------------*/
ul#menu {
display:block;
width:646px;
height:64px;
margin:0;
padding:0;
float:right;
}

ul#menu li {
display:block;
width:122px;
height:64px;
float:left;
padding:0;
margin:0 0 0 6px;
}

ul#menu li a:link, ul#menu li a:visited {
display:block;
padding:14px 9px 0 9px;
width:104px;
height:50px;
color:white;
text-decoration:none;
background:#6BA1B0;
text-align:right;
}
ul#menu li a:hover, ul#menu li a:active {
background:#0099CC;
}

ul#menu li a:link span, ul#menu li a:visited span {
font-size:18px;
font-weight:bold;
display:block;
margin-bottom:16px;
text-align:left;
}
ul#menu li a:hover span, ul#menu li a:active span {
color:#FFFF99
}

/*SUB-CORPO
---------------------------------------*/
#sub_corpo {
width:918px;
padding:0 16px 5px 16px;
background:url(images/corpo_bg.jpg) center top;
}

/*Portfólio
----------------------*/
#portfolio {
width:499px;
_width:497px;
height:321px;
padding:0;
float:left;
margin:0 0 15px 0;
}

.thumbnail_container {
float:left;
margin:0 8px 10px 0;
_margin:0 6px 10px 0;
}

.thumbnail_container a img {
border:3px solid #3E6773;
}

.thumbnail_container a {
display:block;
position:relative;
}
.thumbnail_container a:hover {
display:block;
margin:0;
}

.thumbnail_container a div {
display:none;
}
.thumbnail_container a:hover div {
display:block;
position:absolute;
bottom:5px;
right:5px;
text-align:right;
background:#6BA1B0;
padding:3px 5px;
color:white;
text-decoration:none;
}

/*Intro
----------------------*/
#intro {
width:206px;
height:261px;
background:url(images/quadro_bg1.jpg) no-repeat top left #C75B2E;
padding:55px 7px 5px 7px;
margin:0 0 15px 3px;
_margin:0 0 15px 0px;
float:left;
color:white;
}

#intro p span {
font-size:18px;
font-weight:bold;
margin-right:3px;
}

/*Trabalhos
----------------------*/
#trabalhos {
width:171px;
height:301px;
background:url(images/quadro_bg2.jpg) no-repeat top left #6BA1B0;
padding:15px 7px 5px 7px;
margin:0 0 15px 0;
float:right;
color:white;
}

#trabalhos h3 {
color:white;
font-size:20px;
margin-top:0;
}

#trabalhos a:link, #trabalhos a:visited {
color:#FFFFCC;
}
#trabalhos a:hover, #trabalhos a:active {
color:#FFFFCC;;
}

/*Coluna Esquerda
----------------------*/
#col_esq {
width:460px;
min-height:214px;
padding:15px 15px;
background:#FFE4B1;
float:left;
}

#col_esq2 {
width:570px;
min-height:214px;
padding:40px 60px 15px 60px;
background:#FFEFCC;
float:left;
}
#col_esq_blog, #col_esq_portfolio {
width:600px;
min-height:214px;
padding:40px 60px 15px 60px;
background:url(images/blog_bg.jpg) no-repeat top left #FFEFCC;
float:left;
}
#col_esq_portfolio {
background:url(images/portfolio_bg.jpg) no-repeat top left #FFEFCC;
}
#col_esq_blog h2, #col_esq_portfolio h2 {
font-family:'palatino linotype','times new roman',georgia;
}
.entry a img {
border:3px solid black;
}
.entry a:hover img {
border:3px solid #3E6773;
border-top:3px solid #aEd7e3;
border-left:3px solid #aEd7e3;
}

#col_esq h3 {
font-size:22px;
}

#col_esq_blog ul li, #col_esq_portfolio ul li, #col_esq2 ul li {
margin:0 0 10px 0;
}
#col_esq_blog ul, #col_esq_portfolio ul, #col_esq2 ul {
margin:20px 0;
}
#col_esq_blog p, #col_esq_portfolio p, #col_esq2 p {
margin:20px 0;
}

/*Blog-home
----------------------*/
.news {
list-style:none;
margin:0;
padding:0;
}
.news li {
margin:0 0 5px 0;
background:none;
padding-left:0;
}
.news h4, .news h4 a:link, .news h4 a:visited {
font-size:18px;
margin:10px 0 10px 0;
color:#C75B2E;
text-decoration:none;
}
.news h4 a:hover, .news h4 a:active {
color:#FF9900;
}


/*Coluna do Meio
----------------------*/
#col_mid {
width:206px;
min-height:214px;
background:#FFE4B1;
padding:15px 7px;
margin:0 0 15px 12px;
float:left;
}
.depoimento {
margin:10px 0 4px 0;
border-bottom:1px dashed #3e6875;
}
.depoimento td {
padding-bottom:2px;
}

/*Coluna Direita
----------------------*/
#col_dir, #col_dir2 {
width:171px;
min-height:214px;
background:#FFE4B1;
padding:15px 7px;
margin:0 0 15px 0;
float:right;
}
#col_dir2 {
width:201px;
}

#col_dir .textwidget {
margin-bottom:15px;
}

#col_dir ul {
margin-top:10px;
margin-bottom:15px;
}

#col_dir h3, #col_dir2 h3 {
margin-top:0;
}
/*RODAPÉ
---------------------------------------*/
#rodape {
width:950px;
margin:0 auto;
color:white;
padding:0;
}

#rodape_topo {
width:100%;
background:url(images/rodape1.jpg) no-repeat top left;
height:78px;
margin:0;
padding:0;
}

/*Rodapé, centro
----------------------*/
#rodape_mid {
width:718px;
padding:5px 0 5px 232px;
background:url(images/rodape2.jpg) no-repeat top left;
height:118px;
}
#contato1, #contato2 {
float:left;
width:250px;
margin:0 20px 5px 0;
line-height:150%;
*line-height:100%;
}
#rodape_mid .separador {
margin:0 0 5px 0;
}
#contato1 a:link, #contato1 a:visited {
color:#ccc;
text-decoration:none;
}
#contato1 a:hover, #contato1 a:active {
text-decoration:underline;
}

/*Menu rodapé
----------------------*/
ul#menu_rodape {
display:block;
width:100%;
margin:0;
padding:0;
line-height:normal;
}
ul#menu_rodape li {
display:block;
float:left;
margin:0;
padding:0 15px;
font-size:14px;
}
ul#menu_rodape li a:link, ul#menu_rodape li a:visited {
color:#ccc;
text-decoration:none;
}
ul#menu_rodape li a:hover {
color:white;
text-decoration:underline;
}

#copyright {
width:930px;
padding:15px 10px 0 10px;
height:21px;
background:#381A11;
}

#rodape_pe {
width:950px;
background:url(images/rodape3.jpg) no-repeat top left;
height:32px;
}

/*Coluna Única
---------------------*/
#col_unica {
width:798px;
min-height:214px;
padding:40px 60px 15px 60px;
background:#FFEFCC;
}

/*THUMBNAILS
-------------------------------------*/
/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}

/*DROPDOWN MENU
-------------------------------------*/
#suckerfishnav, #suckerfishnav ul {
    list-style:none;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	line-height:normal;
    }
#suckerfishnav a {
    display:block;
    color:#ccc;
    text-decoration:none;
    }
#suckerfishnav li {
display:block;
float:left;
margin:0;
padding:0 15px;
font-size:14px;
background:none;
    }
#suckerfishnav ul {
    position:absolute;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#cccccc;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    color:white;
	text-decoration:underline;
    }

/* COMMENTS */
h3#comments, h3#respond {}	
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 15px;background:#FFFFDD; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 12px; margin:3px 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }
ol.commentlist li p {
padding:0 20px;
}
ol.commentlist li .fn, ol.commentlist li .says {
font-size:16px;
font-weight:bold;
}

/*CONTATO
-----------------------------------------*/
.textbox, #commentform {
width:350px;
}
.textbox2 {
width:350px;
height:200px;
}
.contact-submit {

}

/*BUSCA
-----------------------------------------*/
.searchbox, #trabalhos .searchbox, #col_dir .searchbox {
width:120px;
height:18px;
padding:4px;
font-family:'palatino linotype','times new roman',georgia;
font-style:italic;
color:#666666;
font-size:14px;
vertical-align:middle;
}
#trabalhos .searchbox, #col_dir .searchbox {
width:95px;
}

#searchsubmit {
margin:0 0 0 3px;
font-size:11px;
vertical-align:middle;
}
#searchform {
padding:0;
margin-bottom:15px;
}

#col_esq_blog .wp-caption-text, #col_esq_portfolio .wp-caption-text, #col_esq2 .wp-caption-text {
margin:5px;
}