/*

Theme Name: Pedro Lamin
Theme URI: http://www.pedrolamin.com.br/
Description: Tema desenvolvido para o site pessoal.
Version: 0.1
Author: Pedro Lamin
Author URI: http://www.pedrolamin.com.br/
Tags: pedro lamin, webdesigner, animation design, designer

*/ 

@font-face {
	font-family: "vagroundedstd";
	src: url('fonts/vagroundedstd-black-webfont.eot');
	src: local('vagrounded'), url('fonts/vagroundedstd-black-webfont.woff') format('woff'), url('fonts/vagroundedstd-black-webfont.ttf') format('truetype'), url('fonts/vagroundedstd-black-webfont.svg#webfontirX6miX2') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset */

*{  
	margin:0; 
	padding:0; 
	border:0;
	font-family:Arial, Helvetica, sans-serif;
}
a:active{
	outline:none;
}

/* Estrutura principal */

html{
	width:100%;
	overflow:scroll;
	overflow-x: hidden;
}

body{
	background:#24051E url(imagens/fundo.png);
}

#topo{
	height:110px;
	border-bottom:6px solid #410835;
	background:url(imagens/fundo-topo-dark.png);
}
#topo h1{
	width:241px;
	height:207px;
	margin-top:8px;
	margin-left:-492px;
	left:50%;
	display:block;
	position:absolute;
	z-index:5574;
}
#topo h1 a{
	width:241px;
	height:207px;
	display:block;
	overflow:hidden;
	text-indent:-9000px;
	background:url(imagens/logo.png) center center no-repeat;
}
#topo ul{
	width:590px;
	margin:0 auto;
	padding:65px 0 0 410px;
}
#topo ul li{
	height:45px;
	list-style:none;
	display:block;
	float:left;
	background:top center no-repeat;
}

#topo ul li#link1 {
	width:110px;
	background-image:url(imagens/menu-1.png);
}
#topo ul li#link2 {
	width:110px;
	background-image:url(imagens/menu-2.png);
}
#topo ul li#link3 {
	width:146px;
	background-image:url(imagens/menu-3.png);
}
#topo ul li#link4 {
	width:97px;
	background-image:url(imagens/menu-4.png);
}
#topo ul li#link5 {
	width:127px;
	background-image:url(imagens/menu-5.png);
}

#topo ul li#link1 a.atual{
	color:#efb300;
	background-image:url(imagens/menu-1-atual.png);
}
#topo ul li#link2 a.atual{
	color:#efb300;
	background-image:url(imagens/menu-2-atual.png);
}
#topo ul li#link3 a.atual{
	color:#efb300;
	background-image:url(imagens/menu-3-atual.png);
}
#topo ul li#link4 a.atual{
	color:#efb300;
	background-image:url(imagens/menu-4-atual.png);
}
#topo ul li#link5 a.atual{
	color:#efb300;
	background-image:url(imagens/menu-5-atual.png);
}

#topo ul li a{
	height:45px;
	display:block;
	font-family: "vagroundedstd";
	font-size:19px;
	color:#a30a53;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	line-height:52px;
}
#topo ul li a:hover{
	color:#FFF;
}
#topo a:focus {
    outline: 4px solid lime;
}

.conteudo_centralizado{
	width:1000px;
	margin:0 auto;
}
#conteudo{
	border-bottom:6px solid #410836;
	background:url(imagens/fundo-conteudo.png);
}


#conteudo .sombra{
	background:url(imagens/fundo-sombra.png) top center repeat-x;
}

#rodape{
	padding-bottom:30px;
	background:url(imagens/fundo-rodape.png) top center repeat-x;
}
#rodape .conteudo_centralizado ul.menu{
	float:left;
}
#rodape .conteudo_centralizado ul.menu li{
	display:inline;
	list-style:none;
}
#rodape .conteudo_centralizado ul.menu li a{
	padding-right:15px;
	height:54px;
	display:block;
	float:left;
	font-family: "vagroundedstd";
	font-size:15px;
	color:#a30a53;
	text-transform:uppercase;
	text-decoration:none;
	line-height:56px;
}
#rodape .conteudo_centralizado ul.menu li a:hover{
	color:#fff;
}
#rodape .conteudo_centralizado ul.menu li a.atual{
	color:#efb300;
}

#rodape .conteudo_centralizado ul.socializaquerido{
	padding-top:13px;
	float:right;
}
#rodape .conteudo_centralizado ul.socializaquerido li{
	list-style:none;
	display:inline;
}
#rodape .conteudo_centralizado ul.socializaquerido li a{
	width:28px;
	height:28px;
	margin-left:4px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9000px;
}
#rodape .conteudo_centralizado ul.socializaquerido li a.social1{
	background:url(imagens/icone-twitter.png) center center;
}
#rodape .conteudo_centralizado ul.socializaquerido li a.social2{
	background:url(imagens/icone-youtube.png) center center;
}
#rodape .conteudo_centralizado ul.socializaquerido li a.social3{
	background:url(imagens/icone-rss.png) center center;
}
#rodape .conteudo_centralizado ul.socializaquerido li a.social4{
	background:url(imagens/icone-wordpress.png) center center;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* INICIAL */
#inicialinicial #banner{
	height: 425px;
	border-bottom:6px solid #410836;
	background:url(imagens/fundo-inicial-banner.png) top center no-repeat;
}

#bannerConteudo{
	width: 970px;
	height: 395px;
	margin:0 auto;
	padding:15px 0 15px 0;
	overflow:hidden;
	background: url(imagens/carregando.gif) no-repeat center center;
}
#bannerConteudo ul{
	width:5820px;
}
#bannerConteudo ul li#loader1,
#bannerConteudo ul li#loader2,
#bannerConteudo ul li#loader3,
#bannerConteudo ul li#loader4,
#bannerConteudo ul li#loader5,
#bannerConteudo ul li#loader6 {
	width: 970px;
	height: 395px;
	overflow: hidden;
	float:left;
	list-style:none;
}
#bannerConteudo .sombra{
	width: 970px;
	height: 395px;
	position:absolute;
	background:url(imagens/banners/sombra.png) top center no-repeat;
}

#inicialinicial .sombra{
	padding:15px 0 15px 0;
}
#inicialinicial .recentes h2,
#inicialinicial .blog h2,
#inicialinicial .contato h2{
	height:60px;
	font-family: "vagroundedstd";
	font-size:30px;
	font-weight:100;
	color:#FFF;
	line-height:64px;
} 

#inicialinicial .recentes{
	width:940px;
	height:280px;
	padding:0 30px 0 30px;
	background:url(imagens/fundo-inicial-recentes.png) center center no-repeat;
}

#inicialinicial .recentes ul, #conteudo #portfolio_link ul{
	padding:20px 0 0 0;
}
#inicialinicial .recentes ul li, #conteudo #portfolio_link ul li{
	width:218px;
	height:151px;
	margin-left:-5px;
	padding:8px 11px 14px 11px;
	display:block;
	float:left;
	background:url(imagens/fundo-inicial-recentes-li.png) center center no-repeat;
}
#conteudo #portfolio_link ul li.ultimo{
	margin-left:0;
}
#inicialinicial .recentes ul li a, #conteudo #portfolio_link ul li a{
	width:218px;
	height:151px;
	display:block;
	overflow:hidden; 
	cursor:pointer;
	text-decoration:none;
}
#inicialinicial .recentes ul li a span, #conteudo #portfolio_link ul li a span{
	width:178px;
	height:111px;
	padding:20px;
	top:149px;	
	display:block;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	color:#efb300;
	background-color:#410836;
}
#inicialinicial .recentes ul li a span strong, #conteudo #portfolio_link ul li a span strong{
	padding-top:25px;
	display:block;
	font-family: "vagroundedstd";
	font-weight:100;
	font-size:26px;
	line-height:26px;
	color:#ff007a;
}



#inicialinicial .blog{
	width:534px;
	height:202px;
	margin-top:15px;
	padding:0 30px 0 30px;
	float:left;
	background:url(imagens/fundo-inicial-blog.png) center center no-repeat;
}
#inicialinicial .blog ul li{
	height:33px;
	list-style:none;
	font-size:14px;
	line-height:33px;
	background:url(imagens/fundo-inicial-blog-li.png) top center no-repeat;
}
#inicialinicial .blog ul li a{
	text-decoration:none;
	color:#FFF;
}
#inicialinicial .blog ul li a strong{
	padding-right:7px;
}
#inicialinicial .blog ul li a span{
	padding-left:7px;
	color:#24051f;
}



#inicialinicial .contato{
	width:330px;
	height:202px;
	margin-top:15px;
	padding:0 30px 0 30px;
	float:right;
	background:url(imagens/fundo-inicial-contato.png) center center no-repeat;
}
#inicialinicial .contato p{
	font-size:14px;
	line-height:18px;
	color:#fff;
}
#inicialinicial .contato p.telefone{
	padding:22px 0 7px 0;
	font-family: "vagroundedstd";
	font-size:26px;
	color:#ff007a;
}
#inicialinicial .contato p strong{
	padding-right:3px;
	color:#efb300;
}
#inicialinicial .contato p a{
	padding-left:3px;
	text-decoration:none;
	color:#24051f;
}


/* SOBRE / BIO / PORTFOLIO / CONTATO */

#conteudo #biobio,
#conteudo #contatocontato{
	padding:0 0 50px 0;
}
#conteudo #contatocontato .conteudo_centralizado #esquerda{
	float:left;
}
#conteudo #biobio .conteudo_centralizado,
#conteudo #portfolioportfolio .conteudo_centralizado,
#conteudo #contatocontato .conteudo_centralizado{
	width:812px;
	padding:50px 0 0 188px;
}
#conteudo #portfolioportfolio .conteudo_centralizado{
	padding-bottom:40px;
}
#conteudo #portfolio_link ul{
	padding-left:0;
}
#conteudo #portfolio_link ul li{
	margin-left:13px;
	margin-bottom:10px;
	padding:8px 11px 14px 11px;
}
#conteudo #portfolio_link ul li:nth-child(4n+1){
	margin-left:0;
}
#conteudo #biobio .conteudo_centralizado h2,
#conteudo #portfolioportfolio .conteudo_centralizado h2,
#conteudo #portfolio_link .conteudo_centralizado h2,
#conteudo #blogblog .conteudo_centralizado h2,
#conteudo #contatocontato .conteudo_centralizado #esquerda h2,
#conteudo #portfolio_link .conteudo_centralizado h2 strong,
#conteudo #blogblog .conteudo_centralizado h2 strong{
	width:220px;
	padding:30px 0 10px 0;
	font-family: "vagroundedstd";
	font-size:45px;
	font-weight:100;
	line-height:40px;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#FFF;
}
#conteudo #portfolio_link .conteudo_centralizado h2,
#conteudo #blogblog .conteudo_centralizado h2{
	width:auto;
	padding:80px 11px 0 0;
	text-align:right;
}
#conteudo #portfolio_link .conteudo_centralizado h2 strong,
#conteudo #blogblog .conteudo_centralizado h2 strong{
	color:#efb300;
}

#conteudo #portfolio_link .conteudo_centralizado #post,
#conteudo #blogblog .conteudo_centralizado #post{
	padding-top:10px;
}

#conteudo #portfolio_link .conteudo_centralizado #printscreen{
	padding:9px 11px 14px 11px;
	background:url(imagens/portfolio-img.png) top center no-repeat;
}

#conteudo #portfolio_link .conteudo_centralizado h3{
	width:390px;
	padding:10px 0 30px 11px;
	float:left;
	font-family: "vagroundedstd";
	font-size:45px;
	font-weight:100;
	line-height:45px;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#fff;
}
#conteudo #portfolio_link .conteudo_centralizado p{
	width:583px;
	padding:10px 11px 10px 0;
	float:right;
	font-size:15px;
	line-height:21px;
	color:#ff007a;
}
#conteudo #portfolio_link .conteudo_centralizado span.categoria,
#conteudo #portfolio_link .conteudo_centralizado span.endereco{
	width:593px;
	padding:0 0 10px 0;
	display:block;
	float:right;
	display:block;
	color:#ff007a;
}
#conteudo #portfolio_link .conteudo_centralizado span.categoria a,
#conteudo #portfolio_link .conteudo_centralizado span.endereco a{
	color:#ff007a;
	text-decoration:none;
	font-weight:bold;
}
#conteudo #portfolio_link .conteudo_centralizado span.categoria{
	padding-bottom:30px;
	font-size:12px;	
	color:#efb300;
}
#conteudo #portfolio_link .conteudo_centralizado span.categoria a{
	color:#efb300;
}
#conteudo #portfolio_link .conteudo_centralizado span.categoria a:hover{
	color:#FFF;
}

#conteudo #contatocontato .conteudo_centralizado #esquerda h2, #conteudo #portfolioportfolio .conteudo_centralizado h2{
	width:auto;
}
#conteudo #biobio .conteudo_centralizado p,
#conteudo #contatocontato .conteudo_centralizado #esquerda p{
	width:220px;
	padding:0 0 10px 0;
	font-size:15px;
	line-height:21px;
	color:#ff007a;
}
#conteudo #contatocontato .conteudo_centralizado #esquerda p{
	width:auto;
}
#conteudo #contatocontato .conteudo_centralizado #esquerda p.telefone{
	padding-top:10px;
	font-family: "vagroundedstd";
	font-size:26px;
	color:#ff007a;
}
#conteudo #contatocontato .conteudo_centralizado #esquerda p strong{
	color:#efb300;
}
#conteudo #contatocontato .conteudo_centralizado #esquerda p a{
	text-decoration:none;
	color:#ff007a;
}
#conteudo #contatocontato .conteudo_centralizado form{
	width:537px;
	padding-top:25px;
	float:right;
}
#conteudo #contatocontato .conteudo_centralizado form label{
	width:96px;
	height:61px;
	padding-left:30px;
	float:left;
	line-height:61px;
	color:#a30a53;
	background:url(imagens/fundo-form-input.png) left center no-repeat;
}
#conteudo #contatocontato .conteudo_centralizado form input{
	width:371px;
	height:21px;
	padding:20px 20px 20px 20px;
	float:right;
	font-size:14px;
	color:#a30a53;
	background:url(imagens/fundo-form-input.png) right center no-repeat;
}
#conteudo #contatocontato .conteudo_centralizado form label.mensagem{
	height:202px;
	line-height:202px;
	background:url(imagens/fundo-form-textfield.png) left center no-repeat;
}
#conteudo #contatocontato .conteudo_centralizado form textarea{
	width:371px;
	height:162px;
	padding:20px 20px 20px 20px;
	float:right;
	font-size:14px;
	color:#a30a53;
	background:url(imagens/fundo-form-textfield.png) right center no-repeat;
}
#conteudo #contatocontato .conteudo_centralizado form input.botao{
	width:120px;
	height:40px;
	padding:10px 0 10px 20px;
	float:left;
	font-family: "vagroundedstd";
	font-size:25px;
	color:#efb300;
	line-height:44px;
	text-align:left;
	text-transform:uppercase;
	background:none;
}

#conteudo #portfolioportfolio ul#menu_portfolio li{
	display:inline;
	list-style:none;
}
#conteudo #portfolioportfolio ul#menu_portfolio li a{
	width:270px;
	height:230px;
	display:block;
	float:left;
	text-indent:-9000px;
	overflow:hidden;
	cursor:pointer;
	background: center center no-repeat;
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-9 a{
	background-image:url(imagens/portfolio-web-over.png);
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-11 a{
	background-image:url(imagens/portfolio-animacao-over.png);
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-17 a{
	background-image:url(imagens/portfolio-ilustras-over.png);
}


#conteudo #portfolioportfolio ul#menu_portfolio li a span{
	width:270px;
	height:230px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-9 a span{
	background-image:url(imagens/portfolio-web.png);
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-11 a span{
	background-image:url(imagens/portfolio-animacao.png);
}
#conteudo #portfolioportfolio ul#menu_portfolio li.cat-item-17 a span{
	background-image:url(imagens/portfolio-ilustras.png);
}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}