/*

Theme Name: Gallerist

Description: Tema desenvolvido exclusivamente para Gallerist | Blog & Shop, ADD Wall

Author: eNext Consulting

Version: 1.5

*/



@charset "UTF-8";

*{

	margin:0;

	padding:0;

}

body{

	color:#555;

	font-family: Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;

    	font-size: 12px;

    	line-height: 20px;

}

#total {

	width: 1024px;

	margin:0 auto;

	

}

#cabec {

	width:100%;

	float:left;

	padding-top:10px;

}



#cabec .logo{

	width: 100%;

	float:left;

	text-align: center;

	padding-top: 24px;

	margin-bottom: 20px;

}



/*menu */

#menu{

	float: left;

	font-family: arial, sans-serif;

	width: 100%;

	background: #000;

	font-weight: bold;

	margin: 0 auto;

}

#menu ul {

    padding:0px;

    margin:0px;

    float: left;

	list-style:none;

}

#menu ul li { display: inline; }

.menu li:hover .sub-menu {
    left: 0;
    top: 40px;
}
.sub-menu {
    left: -999em;  
    text-align: left;    
    position: absolute;  
    background: #000;    
    z-index: 9999999;    
	width:190px;    
}
.sub-menu a {
    font-size: 11px !important;
}
.menu > li {
    position:relative;
    float: left;
}

#menu ul li a {

    float:left;

    /* visual do link */


   color: #fff;

    font-size: 15px;

    font-weight: bold;

    text-decoration: none;

    font-family: arial, serif;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin: 0 30px;

    padding: 10px;

}



#menu ul li a:hover {

		color: #CCC;

		font-weight: bold;

}



/*fim do menu */



#banner{

	width:100%;

	height:auto;

	margin-bottom:5px;

}



#main{

	width:700px;

	float:left;

	height:auto;

	margin-top:10px;

}

#main .data{

	width:auto;

	height:auto;

	border-right:1px solid #ccc;

	float:left;

	text-align:center;

	padding-right:10px;

	margin-top:-10px;

}

#main .data #dia{

	font-size:28px;

	font-weight:bold;

	line-height:24px;

}

#main .data #mes{

	font-size:12px;

	text-transform:uppercase;	

	

}

#main .data #ano{

	font-size:14px;

	font-weight:lighter;

	text-transform:uppercase;

}



#main .conteudo{

	width:650px;

	float:right;

}

#main .page .conteudo{

	width:720px;

	float:left;

}



#main .conteudo a:link,#main .conteudo a:active,#main .conteudo a:visited{

	color:#000;

	text-decoration:underline;

}

#main .conteudo a:hover{

	text-decoration:none;

}



#main .conteudo p{ 

	font-size:15px;

	line-height:23px;

	font-weight:normal;

}



.post{

	width:100%;

	margin-bottom:20px;

	float:left;

	border-bottom:1px solid #e6e6e6;

	padding-bottom:20px;

}

.busca .conteudo{

	float:left !important;

	width:700px;

}

.busca .conteudo a:link, .busca .conteudo a:visited, .busca .conteudo a:active{

	text-decoration:none;

	color:#555;

}

.busca .conteudo a:hover{

	text-decoration:underline;

}

.leiamais{

	float:right;

	text-decoration:none;

	text-transform:uppercase;

}





.comentarios{

	float:right;

}









h1{

	font-family: 'Raleway', serif;

	font-weight:400;

	font-size:32px;

	color:#000;

	text-transform:uppercase;

	margin-bottom:5px;

	text-decoration:none;

}

h3{

	font-family: 'Raleway', serif;

	font-weight:400;

	font-size:24px;

	color:#000;

	text-transform:uppercase;

	margin:10px 0;

	text-decoration:none;

}

#main h1{

	font-family: times new roman, sans-serif;

	font-weight: normal;

	font-size: 42px;

	color:#000;

	text-transform:uppercase;

	margin: 26.1px 5px;

	text-decoration:none;

	line-height:32px;

	width: 100%;

	text-align: center;

}

#main .conteudo h1 a:link, #main .conteudo h1 a:visited, #main .conteudo h1 a:active{

	text-decoration:none;

}



#sidebar{

	width: 260px;

	float:right;

	height:auto;

	margin-right: 0;

	text-align: center;

}

#sidebar .titulo {

	height:30px;

	margin-bottom:10px;

}

#sidebar h3{

	color:#000000;

	font-size:16px;

	padding:6px;

	font-weight:normal;

	vertical-align:sub;

	text-decoration:none;

	margin:10px 0;

}

#sidebar #item{

	width:100%;

	height:auto;

	float:left;

	margin-bottom:15px;

}

#sidebar .buscar{

	width: 222px;

	height: 22px;

	border:1px solid #ccc;

	float:left;

}

#sidebar .bt-buscar{

	width: 30px;

	border:1px solid #CCC;

	background-color:#FFF;

	height: 24px;

	float:right;

	color:#808080;

	font-size:12px;

}



#footer{

	width:100%;

	float:left;

	height:20px;

	border-top:1px solid #E6E6E6;

	text-align:center;

	margin-top:10px;

	padding-top:10px;

	/*background:url(images/enext.png) center right no-repeat;*/

}

#footer img{float:right;}

#sidebar li{

	list-style:none;

}

.widget .widgettitle{

	color:#000000;

	font-size: 14px;

	padding:6px;

	font-weight:normal;

	vertical-align:sub;

	text-decoration:none;

	list-style:none;

	margin:10px 0;

	text-transform: uppercase;

	text-align: center;

	letter-spacing: 3px;

}





/* widget twitter */



#twtr-widget-1{

	background-color:#dbdbdb;

}

#twtr-widget-1 .twtr-bd{

	background:#FFF;

}



#twtr-widget-1 .twtr-timeline .twtr-tweets{

	padding:5px 0;

	border-bottom:1px dashed #e6e6e6;

}



input{

	height:27px;

	border:1px solid #ccc;

	margin:5px 0;

}



.wpcf7-submit{

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	color: #808080;

	font-size: 12px;

	height: 29px;

	margin-top:10px;

	float:right;

	padding:0 5px;

}

.botao-comentar{

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	color: #808080;

	font-size: 12px;

	height: 29px;

	margin-top:10px;

	padding:0 5px;

}



.wpcf7 .newsletter{

	width:220px;

}



/*comentarios */



#comments-list{

	margin:20px 0 50px 0;

	border-bottom:1px dashed #f5f5f5;

}

#comments-list h3{

	width:500px;

	font-family: 'Raleway', serif;

	font-weight:400;

	font-size:24px;

	color:#000;

	text-transform:uppercase;

	margin-bottom:10px;

	text-decoration:none;

}

#comments-list li{

	margin-bottom:10px;

}

#respond{

	margin-top:20px;

}

#respond h3{

	font-family: 'Raleway', serif;

	font-weight:400;

	font-size:32px;

	color:#000;

	text-transform:uppercase;

	margin-bottom:15px;

	text-decoration:none;

}



.descricao{

	margin-bottom:30px;

	text-align:justify;

}

a:link, a:visited, a:active{color:#999; text-decoration:none;}



/*navegacao*/



.wp-pagenavi .pages{ margin-right:10px;}

.wp-pagenavi .page{ border:1px solid #999; padding:3px 5px; margin:0 3px;}

.wp-pagenavi .current{ border:1px solid #000; padding:3px 5px; margin:0 3px;}

/* TOPO */
.topo {
    width: 100%;
    background: #000;
    padding: 5px 0;
    height:25px;
}
.topo .wrapper {
    width: 1000px;
    margin: 0 auto;
}

.topo .wrapper a:link, .topo .wrapper a:visited {color:white !important; border-right:1px dashed white; padding: 2px 20px; text-transform: uppercase; letter-spacing: 4px; font-size:12px; font-weight:normal; float:left;}

.topo .midias-sociais{background:url(http://blog.gallerist.com.br/wp-content/uploads/2013/04/midias-sociais.png) no-repeat; width:20px; height:20px; float:left; padding:0 !important; border: none !important; text-indent:-9999px; display:block; margin: 0 3px;}

.topo .twitter{background-position:20px 0;}
.twitter.midias-sociais {
    background-position: -45px 0;
}
.facebook.midias-sociais {
    background-position: -23px 0;
}
.shop.midias-sociais {
    background-position: -89px 0;
}
.pinterest.midias-sociais {
    background-position: -1px;
}
.instagram.midias-sociais {
    background-position: -68px 0;
}

.topo #searchform {
    background: #000;
    float: left;
    padding: 0;
}
.topo #searchform{margin-top:-4px} 
.topo #searchform .buscar{border: none; height:22px; background:#000; width:170px; color:#fff;font-size: 12px;text-transform: uppercase;padding-left: 10px;letter-spacing: 3px;}

.topo .bt-buscar {
    border-left: 1px solid white;
    border-right: 1px solid white;
    width: 30px;
    background: url(http://blog.gallerist.com.br/wp-content/uploads/2013/04/bt-buscar.png)no-repeat top center;
    height: 20px;
    border-top: none;
    border-bottom: none;
    text-indent: -999px;
    margin-right: 10px;
}

/* END TOPO */

.conteudo h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.conteudo span {
    width: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    color: #8b8b8b;
    letter-spacing: 3px;
}

._4s7c {
    border: 1px solid #fff !important;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    height: 319px !important;
}

.ms{height: 67px;}
.ms .midias-sociais {
    background: url(http://blog.gallerist.com.br/wp-content/uploads/2013/04/midias-sociais1.png) no-repeat;
    height: 41px;
    display: block;
    width: 42px;
    float: left;
    margin: 5px;
    text-indent:-99999px
}

.ms .midias-sociais.facebook{background-position-x: px;}
.ms .midias-sociais.twitter{background-position-x: -50px;}
.ms .midias-sociais.shop{background-position-x: -150px;}
.ms .midias-sociais.pinterest{background-position-x: -200px;}
.ms .midias-sociais.instagram{background-position-x: -100px;}

.rodape {
    width: 100%;
    margin-top:20px;
    background: #2f2f2f;
    float: left;
    height: auto;
}
.rodape .wrapper {
    width: 960px;
    margin: auto;
    padding:20px
}
.rodape .wrapper .logo{width:230px; height: 110px; float:left; margin-top: 20px;margin-right: 30px;}
.menu {float:left}
.menu ul{list-style:none; padding: 10px 0; float:left; margin-right: 30px;}
.menu h2 {
    color: #fff;
    font-family: 'Raleway', serif;
    text-transform: lowercase;
    border-bottom:1px solid #fff;
    padding:10px 0;
    width: 210px;
}
.rodape .copyright {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    margin: 10px 0;
}
.menu.last {
    margin-left: 30px;
}
.uber{float:right;}

#instafeed{width:100%;display:block; height:95px; float:left; margin:10px 0 35px 0;}

#instafeed .instagram-lista {
    float: left;
    margin-right: 6px;
    list-style: none;
}
#instafeed .instagram-foto {
    width: 110px;
}

.h2-instagram {margin:10px 0;}

.wp-pagenavi {
    border-top: 1px solid #d7d7d7;
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    margin: 10px 0;
}

.destaque {
    width: 250px;
    display: block;
    height: 250px;
    float: left;
    margin: 5px 3px;
}
.destaque img{width:250px; height:250px;}

.destaque h1{background:#000; color:#fff; font-size: 14px; padding: 10px 0px 10px 20px;  width:250px; text-transform: uppercase; text-decoration: none;position: absolute;margin-top: -52px;}
.destaque.first {
    margin-left: 0;
}

#ssba {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#ssba img{ width:32px; margin: 5px 10px;}

#categorias-footer {
    margin: 20px 0;
    display: block;
    width: 700px;
    float: left;
    border-bottom: 1px solid #000;
}
#categorias-footer .cat { width:220px; float: left; margin: 15px 5px;}
#categorias-footer .cat H2{color: #000; font-size:11px; letter-spacing:1px; text-align: center;padding: 5px 0;}