/*
Theme Name: Fex "Vida Nova"
Theme URI: http://fexbandollero.com.br
Description: Tema para o trabalho "Vida Nova" de Fex Bandollero
Author: Leo Monte, Erick Wilder
Tags: fex, bandollero, vida nova, leo monte, maisqueum, hiphop, mintre

Layout elaborado por Leo Monte e codificado por Erick Wilder (Maisqueum) para o website
do cantor de rap Fex Bandollero para divulgação de seu trabalho "Vida Nova".
Layout do website criado por Leo Monte, programação por Erick Wilder
*/

/* Estilos comuns para tags genéricas que devem ser sobrescritos por estilos específicos
=======================================================================================*/
body {
	font:11px Helvetica, Arial, Sans-serif;
	background:#fff url('img/layout/bg-main.jpg') repeat-x 50% 0;
}

a {color:#666; text-decoration:none;}
a:hover{color:#000;}
a:active {color:#f90;}
a:visited {color:#999;}

h1,h2,h3,h4,h5,h6
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
 {
 	font-family:Georgia;
 	color:#999;
 }

/*Classes de estilos comuns*/

/*Containers principais */
#main-wrapper,
#main,
#footer-wrapper,
#header-wrapper,
#content-wrapper,
#header,
#content,
#footer
{
	float:left;
	clear:both;
	width:100%;
}

#main-wrapper {overflow:auto;height:100%;}

#header,
#content,
#footer {
	width:900px;
	margin:0 auto;
	float:none;
}

#main-wrapper #container-ir-ao-conteudo {
	display:none;
}

/* Estilos do cabeçalho do documento
========================================*/
#header-wrapper {
	margin-bottom:15px;
	background:url('img/layout/dotline.gif') repeat-x 0 100%;
}
#header-wrapper a#aba-compre-cd {
	position:absolute;
	right:0;
	top:0;
	padding:95px 0 0 0 ;
	width:95px;
	background-image: url('img/layout/selo-compre-vida-nova-trans.png');
	cursor:pointer;
}

#header {
	margin:0 auto;
}
#header #site-name {
	text-align:center;
	float:left;
	clear:both;
	width:900px;
	margin:0;
	padding:15px 0;
}
#header #site-name a {
	width:201px;
	padding:155px 0 0 0;
	background-image: url('img/layout/logo-bandollero-trans.gif');
	margin:0 auto;
}
#header #site-name a:hover {}

/** Navegação principal */
#header #menu,
#header #menu ul {
	width:900px;
	float:left;
	clear:both;
}
#header #menu ul{
	text-align:center;
	padding:5px 0;
	padding-bottom:15px;
}
#header #menu ul li{
	display:inline;
	margin-right:25px;
}
#header #menu ul li.contato {
	margin:0;
}

#header #menu ul li a{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color:#999;
}
#header #menu ul li.selected a,
#header #menu ul li a:hover {
	color:#000;
}

/*Estilos da área principal (conteudos)
=========================================*/
#content-wrapper {
	padding-bottom:20px;
	background:#fff url('img/layout/bg-conteudo.jpg') no-repeat 50% 0;
}
body.page-id-11 #content-wrapper {
	background-position:50% 180px;
}
#content {}
#posts-area {
	width:500px;
}
/* Estilos do conteúdo (posts/paginas) publicados no site */
#content div.the-post {
	float:left;
	clear:both;
	width:500px;
	margin-bottom:20px;
	background:url('img/layout/dotline.gif') repeat-x 0 100%;
	padding-bottom:20px;
	position:relative;
}
#content div.the-post h1,
#content div.the-post h2,
#content div.the-post h3,
#content div.the-post h4,
#content div.the-post h5,
#content div.the-post h6, 
#content div.the-post p, 
#content div.the-post address, 
#content div.the-post ul, 
#content div.the-post ol, 
#content div.the-post blockquote, 
#content div.the-post pre 
{
	margin-bottom:10px;
}
#content div.the-post h1,
#content div.the-post h2,
#content div.the-post h3,
#content div.the-post h4,
#content div.the-post h5,
#content div.the-post h6
 {
 	text-transform:uppercase;
 	color:#999;
 	font-family:Georgia, "Times New Roman", Times;
 	font-weight:bold;
 }
/* Cabeçalhos */
#content div.the-post h6 {font-size:11px;}
#content div.the-post h5 {font-size:12px;}
#content div.the-post h4 {font-size:14px;}
#content div.the-post h3 {font-size:16px;}
#content div.the-post h2 {font-size:18px;}
#content div.the-post h1 {font-size:20px;}


/* Titulos de posts */
#content div.the-post h3.post-title {
	float:left;
	clear:both;
	width:500px;
	margin-bottom:10px;
}
body.single #content div.the-post h3.post-title {
	margin-right: 25px;
	width: 470px;
}

#content div.the-post h3.post-title a {font-size: 20px;}
#content div.the-post h3.post-title a:hover {color:#000;}

#content div.the-post div.entry-body {
	float:left;
	clear:both;
	width:500px;
}
#content div.the-post div.entry-body blockquote {
	padding-left:20px;
	background:url('img/icons/quote.gif') no-repeat 0 0;
}
#content div.the-post div.entry-body blockquote,
#content div.the-post div.entry-body blockquote p{
	font:italic 11px Georgia, "Times new Roman", Times;
}
#content div.the-post div.entry-body pre,
#content div.the-post div.entry-body code,
#content div.the-post div.entry-body var
 {
	font:11px Consolas, "Lucida Console", "Courier New", Courier, Monospace;
}
#content div.the-post div.entry-body p {
	font:11px Helvetica, Arial, Sans-serif;
}
#content div.the-post div.entry-body a {
	color:#000;
	text-decoration:underline;
}
#content div.the-post div.entry-body dl,
#content div.the-post div.entry-body ul,
#content div.the-post div.entry-body ol {
	padding-left:20px;
}
#content div.the-post div.entry-body dl {
	margin-top:10px;
	margin-bottom:10px;
}
#content div.the-post div.entry-body ul li{
	list-style:disc inside;
}
#content div.the-post div.entry-body ol li {
	list-style:decimal inside;
}
#content div.the-post div.entry-body dl dt {
	font-weight:bold;
}
#content div.the-post div.entry-body dl dd {
	padding-left:10px;
}

#content div.the-post div.entry-body dl.gallery-item,
#content div.the-post div.entry-body dl.gallery-item dd,
#content div.the-post div.entry-body dl.gallery-item dt,
#content div.the-post div.entry-body dl dt.gallery-icon,
#content div.the-post div.entry-body dl dd.gallery-icon {
	padding:0;
}

#content div.the-post p.post-index-meta {
	float:left;
	width:500px;
	padding-top:10px;
}

body.home div#vida-nova a.continue-lendo,
body.home p.continue-lendo a,
#content div.the-post p.post-index-meta a {
	font:bold 11px Helvetica, Arial, Sans-serif;
	padding:2px 0 2px 20px;
	margin-right:10px;
	text-decoration:none;
	color:#666;
}

body.home #vida-nova a.continue-lendo:hover,
body.home p.continue-lendo a:hover,
#content div.the-post p.post-index-meta a:hover {color:#000;}

body.home div#vida-nova a.continue-lendo,
body.home p.continue-lendo a,
#content div.the-post p.post-index-meta a.continue-lendo {
	background:url('img/icons/read-arrow.png') no-repeat 0 50%;
}
#content div.the-post p.post-index-meta a.comment-link {
	background: url('img/icons/comments.png') no-repeat 0 50%;
}
#content div.the-post p.post-index-meta a.post-edit-link {
	background:url('img/icons/post-edit.png') no-repeat 0 50%;
}

#content div.the-post div.single-edit-container {
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:20px;
}
#content div.the-post div.single-edit-container a {
	float:left;
	display:block;
	width:20px;
	height:0;
	padding:20px 0 0 0;
	background:url('img/icons/post-edit.png') no-repeat 0 0;
	overflow:hidden;
}
/*Estilos da busca*/
#search-container {}
#search-container h1,
#search-container h2,
#search-container h3,
#search-container h4,
#search-container h5,
#search-container h6,
#search-container h1 a,
#search-container h2 a,
#search-container h3 a,
#search-container h4 a,
#search-container h5 a,
#search-container h6 a {text-transform:uppercase;}

#search-container #search,
#search-container #posts-interessantes,
#search-container #tag-cloud {
	float:left; clear:both;
	width:500px;
	margin-bottom:20px;
}
#search-container #search h1 {}
#search-container #search #search-form{}
#search-container #search #search-form form {}
#search-container #search #search-form form fieldset{}
#search-container #search #search-form form input {float:left; margin:0;display:block;}
#search-container #search #search-form form fieldset input#s {
	border:1px solid #ccc;
	width:400px;
	padding:2px;
	font:11px Helvetica, Arial, Sans-serif;
	color:#999;
	height:18px;
}
#search-container #search #search-form form fieldset input#s:focus {
	border-color:#000;
	color:#000;
}

#search-container #search #search-form form fieldset input.submit {
	border:1px solid #ccc;
	font:11px Helvetica, Arial, Sans-serif;
	background:#fff;
	width:90px;
	text-align:center;
	padding:2px;
	height:24px;
	margin-left:1px;
	cursor:pointer;
}
#search-container #search #search-form form fieldset input.submit:focus {
	color:#000;
	border-color:#000;
}

#search-container #posts-interessantes h3,
#search-container #tag-cloud h3 {
	background: url('img/layout/dotline.gif') repeat-x 0 100%;
	padding:2px 0;
}
#search-container #posts-interessantes ul li {
	width:500px;
	overflow:hidden;
	margin-bottom:2px;
}

/* Estilos da barra lateral do site*/
#sidebar {
	width:350px;
	min-height:700px;
	float:right;
}
#box-lado-a-lado {
	float:left;
	clear:both;
	padding-top:700px;
	padding-bottom:20px;
}
body.page-id-11 #box-lado-a-lado {
	padding-top:880px;
}
#box-lado-a-lado h4 {
	font-size:11px;
}
#box-lado-a-lado ul {
	text-align:left;
	width:350px;
	padding-top:10px;
	position:relative;
	height:290px;
	margin-left:12px;
}

#box-lado-a-lado ul li {
	position:absolute;
}

#box-lado-a-lado ul li.mr1-blackhouse {
	margin-top:15px;
}
#box-lado-a-lado ul li.reviravolta {
	margin-left:119px;
}
#box-lado-a-lado ul li.la-coroa {
	margin-left:234px;
}


#box-lado-a-lado ul li.drump,
#box-lado-a-lado ul li.leonel-line {
	margin-top:107px;
}

#box-lado-a-lado ul li.drump {
	margin-left:30px;
}
#box-lado-a-lado ul li.leonel-line {
	margin-left:158px;
}
#box-lado-a-lado ul li.mintre,
#box-lado-a-lado ul li.vocal-musical {
	margin-top:215px;
}
#box-lado-a-lado ul li.mintre {
	margin-left:30px;
	margin-top:192px;
}
#box-lado-a-lado ul li.vocal-musical {
	margin-left:163px;
}

#box-lado-a-lado ul li a{}
#box-lado-a-lado ul li img {
	border:none;
}
#box-lado-a-lado ul li a:hover {}
#box-lado-a-lado ul li a:hover img {}

/*Painel de busca lateral*/
#short-search {
	height:90px;
	float:left;
	clear:both;
	background:url('img/layout/dotline.gif') repeat-x 0 0;
	padding-top:15px
}
#short-search form {
	float:left;
	width:350px;
	clear:both;
}
#short-search form fieldset {
	float:left;
	width:350px;
	clear:both;
	position:relative;
}
#short-search form fieldset legend {display:none;}
#short-search form fieldset label {}
#short-search form fieldset label strong {display:none;}
#short-search form fieldset label input {
	border:1px solid #999;
	width:300px;
	position:absolute;
	z-index:3;
	font:11px Helvetica, Arial, Sans-serif;
	padding:3px;
}
#short-search form fieldset label input:focus {
	border-color:#000;
}
#short-search form fieldset input.submit {
	width:204px;
	height:59px;
	padding:59px 0 0 0;
	overflow:hidden;
	display:block;
	background:#fff url('img/layout/btn-busca-no-site.gif') no-repeat 0 0;
	position:absolute;
	top:9px;
	right:0;
	z-index:2;
	cursor:pointer;
}


/* Estilos do rodapé
=======================*/
#footer-wrapper {
	background:#191919 url('img/layout/bg-footer-wrapper.jpg') repeat-x 0 0;
	height:249px;
}
#footer {
	background: transparent url('img/layout/bg-footer-fex.jpg') no-repeat 50% 0;
	height:189px;
	padding-top:60px;
}
#footer #ultimas-galerias {
	float:left;
}
#footer #ultimas-galerias h3 {
	font-size:18px;
	padding-bottom: 8px;
	font-style: italic;
}
#footer #ultimas-galerias ul {}
#footer #ultimas-galerias ul li {
	float:left;
	margin-right:15px;
	width:155px;
	display:block;
}
#footer #ultimas-galerias ul li div.foto-album {
	float:left;
	clear:both;
	background:#000;
	margin-bottom:5px;
	width:155px;
}
#footer #ultimas-galerias ul li span.titulo {
	display:block;
	clear:both;
	float:left;
	font:bold 11px Helvetica, Arial, Sans-serif;
	color:#999;
	line-height:9px;
	width:155px;
	white-space: nowrap;
	overflow:hidden;
}
#footer #ultimas-galerias ul li span.titulo a{
	color:#999;
	text-decoration:none;
}
#footer #ultimas-galerias ul li span.titulo a:hover {
	color:#fff;
}
#footer #ultimas-galerias ul li span.titulo a span.icon-arrow {
	display:inline-block;
	width:5px;
	padding:8px 0 0 0;
	height:0;
	overflow:hidden;
	background:url('img/icons/arrow-right') no-repeat 0 0;
	margin-left:5px;
	font-size:1px;
}
#footer #ultimas-galerias ul li span.titulo a:hover span.icon-arrow 
{
	background-position: -5px 0;
}
#footer #ultimas-galerias ul li div.foto-album a.img-wrapper {
	display:block;
	float:left;
	border:3px solid #999;
}
#footer #ultimas-galerias ul li div.foto-album a.img-wrapper:hover {
	border-color:#ccc;
}
#footer #ultimas-galerias ul li div.foto-album a.img-wrapper img {
	float:left;
}
#footer #ultimas-galerias ul li div.foto-album span.data-album {
	font:italic bold 18px Georgia, "Times New Roman", Times, Serif;
	color:#999;
	display:block;
	float:right;
	padding-top:10px;
	text-align:center;
	width:34px;
}
#footer #ultimas-galerias ul li div.foto-album span.data-album span.dia,
#footer #ultimas-galerias ul li div.foto-album span.data-album span.divisoria,
#footer #ultimas-galerias ul li div.foto-album span.data-album span.mes {
	clear:both;
	display:block;
}
#footer #ultimas-galerias ul li div.foto-album span.data-album span.dia {
	padding-bottom:8px;
	border-bottom:1px solid #999;
}
#footer #ultimas-galerias ul li div.foto-album span.data-album span.divisoria {
	display:none;
}
#footer #ultimas-galerias ul li div.foto-album span.data-album span.mes {}

/* Notas de rodapé e logos de redes sociais*/
#foot-notes {
	float:right;
	width:175px;
	color:#fff;
}

#foot-notes #info-contatos,
#foot-notes #foot-social-media,
#foot-notes #foot-credits {
	float:left;
	clear:both;
	margin-bottom:10px;
}

#foot-notes a {color:#999;}
#foot-notes #info-contatos {}
#foot-notes #info-contatos span {}
#foot-notes #info-contatos span.copy-info {}
#foot-notes #info-contatos span.email {}
#foot-notes #foot-social-media{
	padding-top:25px;
}
#foot-notes #foot-social-media ul{
	width:175px;
}
#foot-notes #foot-social-media ul li{
	float:left;
	margin-right:10px;
}
#foot-notes #foot-social-media ul li a{
	display:block;
	width:16px;
	height:0;
	padding:16px 0 0 0 ;
	overflow:hidden;
	background:url('img/icons/social-icons.gif') no-repeat 0 0;
}
#foot-notes #foot-social-media ul li.twitter a{}
#foot-notes #foot-social-media ul li.facebook a{
	background-position:-65px 0;
}
#foot-notes #foot-social-media ul li.orkut a{
	background-position:-16px 0;
}
#foot-notes #foot-social-media ul li.youtube a{
	background-position:-82px 0;
}
#foot-notes #foot-social-media ul li.myspace a{
	background-position:-33px 0;
}
#foot-notes #foot-social-media ul li.flickr a{
	background-position:-49px 0;
}
#foot-notes #foot-social-media ul li.blog-blogs {margin:0;}
#foot-notes #foot-social-media ul li.blog-blogs a{
	background-position:-98px 0;
}

#foot-notes #foot-credits {
	margin:0;
	margin-top:15px;
	width:150px;
}
#foot-notes #foot-credits dl{}
#foot-notes #foot-credits dl dt{}
#foot-notes #foot-credits dl dd{float:left;margin-right:10px;}
#foot-notes #foot-credits dl dd a {
	background:url('img/layout/foot-credits.gif') no-repeat 0 0;
	display:block;
	height:0;
	padding:11px 0 0 0;
	overflow:hidden;
}
#foot-notes #foot-credits dl dd.leoMonte a {
	width:47px;
}
#foot-notes #foot-credits dl dd.maisqueum a {
	width:63px;
	background-position:-50px 0;
}
a#link-voltar-topo {
	background-image:url('img/layout/link-topo-trans.png');
	width:35px;
	padding-top:35px;
	position:fixed;
	left:0;
	bottom:0;
}

div.flickr-photoset {
	float:left;
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #888;
}
div.flickr-photoset h3 {
	text-transform: uppercase;
}
div.flickr-photoset .fg-clear {
	display:none;
}