/*
====================================
 Wander Lima
 --
 Estilos //
 Author:Wander Lima
 Website:wanderlima.com
 Date:29/11/09
 Updated:04/12/2009
====================================
*/

body{
 margin:0;
 font:normal 11px tahoma, verdana, arial;
 color:#040404;
 background:url('../img/bg.png') #E7E7E7;
}
p{
 margin:0 0 10px;
 padding:0;
 line-height:18px;
}
img{
 margin:0 auto;
 border:0;
}
a{
 color:#1BB393;
 text-decoration:none;
}
a:hover{
 color:#158B72;
 text-decoration:underline;
}
a:visited{
 color:#0E5B4B;
}
#fx{
 float:left;
 width:100%;
 background:url('../img/fx.png') no-repeat top center;
}
.corpo{
 margin:0 auto;
 width:1004px;
}
#topo{
 float:left;
 width:1004px;
}
h1{

}
#breve{
 float:left;
 position:fixed;
 margin:50px 0 0 396px;
 z-index:3;
 display:none;
}
#menu{
 float:left;
 position:fixed;
 margin:90px 0 0 20px;
 padding:0 0 0 0;
 width:964px;
 height:57px;
 list-style:none;
 background:url('../img/bgMenu.png');
 z-index:2;
}
#menu li{
 float:left;
}
#menu #wLima a{
 margin:0;
 padding:0;
}
#menu a{
 display:block;
 border-left:solid 1px #0B0B0B;
 padding:16px 40px 15px 11px;
 color:#8D8D8D;
}
#menu a strong{
 color:#D0D0D0;
}
#menu a:hover, #menu #atual{
 color:#158B72;
 background:url('../img/bgMenuHover.png') repeat-x;
 text-decoration:none;
}
#menu a:hover strong{
 color:#34FCE1;
} 
#menu #atual{
 background:url('../img/bgMenuHover.png') repeat-x;
}
#menu ul{
 margin:0;
 padding:0;
 position:absolute;
 visibility:hidden;
 background:#232323;
}
#menu ul li{
 float:none;
 display:inline
}
#menu ul a{
 padding:8px 20px 8px;
 width:auto;
 font-weight:normal;
 color:#D0D0D0;
}
#menu ul a:hover{
 padding:8px 20px 8px;
 color:#34FCE1;
 background:#3E3E3E;
}
#secao{
 float:left;
}
#rodape{
 float:left;
 margin:43px 0 0;
 padding:65px 0 0;
 width:100%;
 height:237px;
 background:url('../img/bgRodape.png') repeat-x;
 color:#DEDEDE;
}
#twitter{
 float:left;
 width:296px;
 height:64px;
 background:url('../img/twitterBox.png') no-repeat;
}
#twitter ul{
 list-style:none;
 margin:0;
 padding:5px;
}
#twitter span{
 display:block;
 list-style:none;
 width:286px;
 padding:0;
}

/* COMUNS */

h3{
 float:left;
 width:924px;
 margin:100px 0 0 40px;
}
.light{
 color:#1BB393;
}

/* #1 */

#ola{
 float:left;
 width:512px;
 margin:210px 455px 45px 40px;
}
#ola p{
 width:512px;
 margin:10px 0 0;
}
#wanderLima{
 position:absolute;
 margin:0 0 0 559px;
 z-index:3;
}
#follow{
 position:absolute;
 margin:119px 0 0 873px;
 z-index:4;
}
#meuTrabalho,#possoAjudar,#ultimosProjetos{
 float:left;
 margin:0 0 0 5px;
 padding:5px 17px 0 17px;
 width:274px;
 height:226px;
 background:url('../img/boxP.png') no-repeat left top;
}
#ultimosProjetos img{
 border:solid 2px #23FFCC;
 margin:0 0 15px;
}
#ultimosProjetos h5 img{
 border:0;
 margin:0;
}
#ultimosPosts,#meSiga,#amigos{
 float:left;
 margin:0 0 0 5px;
 width:308px;
 height:231px;
}
#meuTrabalho,#ultimosPosts{
 margin:0 0 0 35px;
}
#possoAjudar h5,#ultimosProjetos h5{
 margin:16px 0 20px;
}
#meuTrabalho h5{
 margin:16px 0 22px;
}
#possoAjudar ul{
 float:left;
 margin:0;
 padding:0;
}
#possoAjudar li{
 list-style:none;
 float:left;
 width:250px;
 margin:0;
 padding:5px 0 4px 22px;
 background:url('../img/star.png') no-repeat left;
}
#ultimosPosts ul,#amigos ul{
 float:left;
 margin:0;
 padding:0;
 list-style:none;
}
#ultimosPosts li,#amigos li{
 float:left;
 width:285px;
 margin:0;
 padding:5px 0 4px 12px;
 background:url('../img/rodapeLi.png') no-repeat bottom;
}
#sign{
 clear:left;
 width:924px;
 margin:0 auto 30px;
 color:#000;
}
#sign a{
 float:right;
}

/* SOBRE */

#boxSobre{
 float:left;
 margin:0 0 0 40px;
}
#boxSobre img{
 float:left;
}
#boxSobre .col{
 float:left;
 width:294px;
 margin:0 0 0 20px;
}
#boxSobre p{
 float:left;
 width:294px;
}
.icons img{
 margin:10px 5px 0 0;
}

/* TRABALHOS */

.trabalho{
 float:left;
 width:917px;
 margin:10px 0 20px 40px;
 padding:7px 0 7px 7px;
 background:url('../img/boxM.png') no-repeat;
}
.trabalho img{
 float:left;
 margin:0 10px 0 0;
}
h4{
 margin:0 0 4px;
}
h6{
 margin:0 0 10px;
 font-size:10px;
 font-weight:normal;
}
h4,h6,.trabalho p{
 float:left;
 width:300px;
} 

/* LAB */

#boxLab{
 float:left;
 margin:0 0 0 35px;
}
.boxP{
 float:left;
 margin:0 0 20px 5px;
 padding:7px;
 width:294px;
 height:217px;
 background:url('../img/boxP.png') no-repeat;
}

/* CONTATO */

#boxContato{
 float:left;
 width:924px;
}
#dados{
 float:left;
 width:300px;
 margin:32px 0 0 60px;
}
#sendEmail{
 float:left;
 margin:5px 0 0;
}
#sendEmail p{
 padding:10px 5px 5px;
 overflow:hidden;
 margin:0;
}
#sendEmail label{
 float:left;
 margin:0 0 0 7px;
 display:block;
 width:60px;
 text-align:right;
 padding:4px 5px;
}
#sendEmail .buttons{
 float:left;
 padding:10px 5px 5px 75px;
}
#sendEmail #msg{
 display:inline;
 color:#1BB393;
 padding:10px 5px 5px 75px;
}
#sendEmail input, #sendEmail textarea{
 font:inherit;
 padding:10px;
 border:0;
}
#sendEmail input{
 width:321px;
 height:14px; 
 background:url('../img/input.png');
}
#sendEmail textarea{
 width:321px;
 height:211px;
 background:url('../img/textarea.png');
}
#sendEmail .error{
 float:left;
 margin:0 0 0 70px;
 clear:left;
 color:#1BB393;
}
.sucess{
 color:#1BB393;
}
#sendEmail #submit{
 font:inherit;
 text-align:left;
 color:#FFF;
 font-weight:bolder;
 padding:8px 14px;
 margin:0 0 0 15px;
 border:0;
 background:url('../img/bgMenu.png') no-repeat;
}

/* JQUERY LIGHTBOX */

#jquery-overlay{
 position:absolute;
 top:0;
 left:0;
 z-index:90;
 width:100%;
 height:500px;
}
#jquery-lightbox{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:100;
 text-align:center;
 line-height:0;
}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{
 position:relative;
 background-color:#fff;
 width:250px;
 height:250px;
 margin:0 auto;
}
#lightbox-container-image{padding:10px;}
#lightbox-loading{
 position:absolute;
 top:40%;
 left:0%;
 height:25%;
 width:100%;
 text-align:center;
 line-height:0;
}
#lightbox-nav{
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:10;
}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
 width:49%;
 height:100%;
 zoom:1;
 display:block;
}
#lightbox-nav-btnPrev{
 left:0; 
 float:left;
}
#lightbox-nav-btnNext{
 right:0; 
 float:right;
}
#lightbox-container-image-data-box{
 font:10px Verdana, Helvetica, sans-serif;
 background-color:#fff;
 margin:0 auto;
 line-height:1.4em;
 overflow:auto;
 width:100%;
 padding:0 10px 0;
}
#lightbox-container-image-data{
 padding:0 10px; 
 color:#666; 
}
#lightbox-container-image-data #lightbox-image-details{
 width:70%; 
 float:left; 
 text-align:left; 
} 
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{
 display:block; 
 clear:left; 
 padding-bottom:1.0em; 
}   
#lightbox-secNav-btnClose{
 width:66px; 
 float:right;
 padding-bottom:0.7em; 
}