/*  
Theme Name: Laninha Make-up 2014
Theme URI: http://corseletiva.com
Description: Tema desenvolvido para o blog Laninha Make-up, proibido cópias ou alterações com o risco de perda de sua garantia!
Version: 1.0
Author: Suzana Carvalho
Author URI: http://corseletiva.com
*/

/* -------------------------------
	ESTRUTURA & FORMATAÇÃO
--------------------------------- */
html, * html {margin: 0 !important}
p, a, body, td, tr, div, input, h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility; box-sizing: border-box;}
body {background:#fff url('images/bg.jpg'); font: 13px/23px 'Verdana', Helvetica, Arial; color:#000; margin: 0;}

@font-face {font-family: "Gotham Light"; src: url("js/Gotham-Light.otf");}

.publicidade {width: 728px; height: 90px; margin: 0 auto; overflow: hidden; position: relative; top: 57px;}

/* formatacao de texto */
a, a:link, a:visited, a:active {color:#d42f4d; text-decoration: none;} 
a:hover {color:#f55988; text-decoration: none;}

p {margin: 0 0 20px;}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
u {text-decoration: underline;}
small {font-size: 80%;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Gotham Light; font-weight: bold; font-size: 18px; text-rendering: optimizelegibility;}

/* container padrao */
.container {min-width: 1200px;}
.container .wrapper {width: 1040px; margin: 0 auto 0;}
.container section {width: 1040px; margin: 0 auto;}

/* colunas */
.colMaior {width: 700px; float: left; display: block;}
.colMenor {width: 320px; float: right; display: block;}

/* listas */
ul, ol {padding: 0; margin: 0 0 10px 20px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
ul.unstyled, ol.unstyled {margin-left: 0; list-style: none;}

/* clearfix */
.clear {display: block; clear: both;}
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display: table; content:""; line-height: 0;}
.clearfix:after {clear: both;}

/* seta subir */
#scrollToTop:link, #scrollToTop:visited {display: none; position: fixed; bottom: 10px; right: 10px; z-index: 888;}

.cufon-loading {visibility: hidden;}

/* -------------------------------
	INÍCIO BLOG
--------------------------------- */
.topo {background: url('images/topo2.jpg') no-repeat center; width: 100%; height: 561px;}
.topo .barra1 {background:#000; width: 100%; height: 40px; position: fixed; z-index: 999;}

/* menu principal */
.topo .barra1 nav {font: 13px Gotham Light; text-transform: uppercase; float: left; padding: 12px 0 0 0;}
.topo .barra1 nav ul {padding: 0; margin: 0 auto; list-style: none; width: 700px;}
.topo .barra1 nav ul li {display: inline;}
.topo .barra1 nav ul li a {margin: 0 15px 0 0; float: left; color:#fff !important;}
.topo .barra1 nav ul li a:hover {color:#f55988 !important;}

/* redes sociais*/
.topo .barra1 .social {width: 162px; height: 22px; float: left; padding: 8px 0 0 0;}
.topo .barra1 .social a.f1,
.topo .barra1 .social a.t1,
.topo .barra1 .social a.i1,
.topo .barra1 .social a.ff1,
.topo .barra1 .social a.y1,
.topo .barra1 .social a.g1 {background: url('images/social.png') no-repeat; display: block; float: left; height: 22px;}
.topo .barra1 .social a.f1:hover,
.topo .barra1 .social a.t1:hover,
.topo .barra1 .social a.i1:hover,
.topo .barra1 .social a.ff1:hover,
.topo .barra1 .social a.y1:hover,
.topo .barra1 .social a.g1:hover {opacity: 0.6}
.topo .barra1 .social a.f1 {background-position: 0 0; width: 27px;}
.topo .barra1 .social a.t1 {background-position: -27px 0; width: 27px;}
.topo .barra1 .social a.i1 {background-position: -54px 0; width: 27px;}
.topo .barra1 .social a.ff1 {background-position: -81px 0; width: 27px;}
.topo .barra1 .social a.y1 {background-position: -108px 0; width: 27px;}
.topo .barra1 .social a.g1 {background-position: -135px 0; width: 27px;}

/* busca */
.topo .barra1 .busca {width: 175px; height: 40px; float: right;}
.topo .barra1 .s {background: transparent; color:#fff; font: inherit; text-align: right; border: 0; padding: 10px; width: 150px; height: 40px; float: left;}
.topo .barra1 .s-submit {background: url('images/busca.png') no-repeat; width: 20px; height: 21px; border: 0; cursor: pointer; color: transparent; float: right; margin: 9px 0 0 0;}

/* -------------------------------
	POSTS DESTAQUE
--------------------------------- */
.destaques {width: 102%; height: 280px; margin: 0;}
.destaques .pontilhado {background: url('images/li.png') repeat-x; width: 100%; height: 4px; border: 0; margin: 0;}
.destaques ul {padding: 0; list-style: none; max-width: 100%; float: left; margin: 12px 12px 12px 0;}
.destaques ul li {width: 225px; height: 225px; overflow: hidden; position: relative;}
.destaques ul li:first-child {margin: 0}
.destaques ul li img {width: auto; height: 225px; margin: 0 auto; text-align: center; -webkit-filter: grayscale(1); opacity: 0.8; -webkit-transition:All 0.55s ease; -moz-transition:All 0.55s ease;}
.destaques ul li img:hover {-webkit-filter: grayscale(0); opacity: 1;}
.destaques ul li a {width: 225px; height: 225px; background-color: rgba(212, 47, 77, 0.7); position: absolute; top: 225px; left: 0; -webkit-transition:All 0.55s ease; -moz-transition:All 0.55s ease;}
.destaques ul li:hover a {top: 0}
.destaques ul li a span {padding: 15px; display: block;}
.destaques ul li a span h3 {font: 16px Gotham Light; color:#fff; text-align: center; display: block; cursor: pointer;}

/* -------------------------------
	PADRÃO DE POSTS E PÁGINAS
--------------------------------- */
.postItem, .pageItem {background:#fff; padding: 15px; width: 100%; float: left; clear: both; margin: 0 0 20px 0;}

.postItem header {text-align: left; display: block;}
.postItem header date {background: url('images/data.png') no-repeat; width: 70px; height: 70px; font-family: Gotham Light; line-height: 14px; color:#fff; text-align: center; text-transform: uppercase; float: left; margin: 0 10px 0 0; padding: 15px 0 0 0;}
.postItem header date big {font-size: 25px;}
.postItem header date small {font-size: 11px; letter-spacing: 2px;}
.postItem header date font {font-size: 13px;}
.postItem header h1, .postItem header h1 a {font: 26px Gotham Light; color:#000; padding: 6px 0 5px 0;}
.postItem header .categorias {font: 14px Gotham Light; text-transform: lowercase;}
.postItem header .categorias a {background:#d42f4d; color:#fff; padding: 3px 8px;}
.postItem header .categorias a:hover {background:#000;}
.postItem header hr {}

.postItem article, .pageItem article {width: 100%; text-align: justify; padding: 20px 0 0 0;}
.postItem article p, .pageItem article p {padding: 0; margin: 10px 0;}
.postItem article img, .pageItem article img {max-width: 700px; height: auto; margin: 0 0 0 -15px;}
.postItem article img.imgpost, .pageItem article img.imgpost {width: 100%; margin: 10px auto; height: auto;}
.postItem article p img.imgpost, .pageItem article p img.imgpost {margin: 10px 0; max-width: 103.1%; width: 103.1% !important; padding: 0; height: auto;}
.postItem article ul li {background: url('http://laninha.com/blog/wp-content/uploads/2013/10/marcador.png') 10px 6px no-repeat; color: #414141; padding: 0px 0px 0px 29px; list-style: none;}

.postItem footer {background: url('images/com.png') no-repeat; width: 700px; height: 377px; margin: 0 0 -15px -15px;}
.postItem footer .autor {width: 200px; height: 200px; margin: 0 auto; overflow: hidden; font: 14px Gotham Light; text-align: center;}
.postItem footer .autor .name {font: 30px Arial; color:#000; display: block; text-align: center;}
.postItem footer .autor img {border-radius: 50%; margin: 0 auto; border: 5px solid #fff;}
.postItem footer .share {width: 280px; height: 25px; float: left; margin: -68px 0 0 15px;}
.postItem footer .comment-it {font: 35px Gotham Light; text-align: center; color:#000; display: block; float: right; margin: -44px 108px 0 0;}
.postItem footer .tags {font: 14px Gotham Light; color:#fff; text-transform: lowercase; text-align: center; width: 670px; height: 40px; margin: -30px auto 0; overflow: hidden;}
.postItem footer .tags a {color:#000;}
.postItem footer .tags a:hover {color:#fff;}

.pageItem header h1, .pageItem header h1 a {font: 26px Gotham Light; color:#000; text-align: center;}
.pageItem header hr {background: url('images/li.png') repeat-x; width: 100%; height: 4px; border: 0; margin: 10px 0;}

.pageItem .back {font: 12px Gotham Light; margin: 15px 0 0 0;}
.pageItem .back a {background:#d42f4d; color:#fff; padding: 3px 8px; margin: 0 7px 0 0;}
.pageItem .back a:hover {background:#000;}

.pageItem .error {text-align: center;}
.pageItem .error h1 {font: 150px Gotham; color:#d42f4d;}
.pageItem .error h2 {font: 30px Gotham;}
.pageItem .error h3 {font: 25px Gotham;}
.pageItem .error h4 {font: 60px Gotham;}

/* -------------------------------
	POSTS RELACIONADOS
--------------------------------- */
.relacionados {list-style: none; display: block; text-align: center; width: 100%; margin: 15px 0 0 0;}
.relacionados:after, .relacionados-item:before {display: table;}
.relacionados li {width: 140px; height: 140px; margin: 0 1px; display: inline-block;}
.relacionados-item {width: 100%; height: 100%; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.relacionados-img {width: 140px; height: 140px; position: absolute; left: 0; margin: 0 !important;}
.relacionados-info {position: absolute; background: rgba(245, 89, 136, 0.8); width: inherit; height: inherit; opacity: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0); transform: scale(0);-webkit-backface-visibility: hidden;}
.relacionados-info h6 {font: 12px Verdana; color:#fff; margin: 0 10px; padding: 30px 0 0 0;}
.relacionados-item:hover .relacionados-info {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}

/* -------------------------------
	PAGINAÇÃO
--------------------------------- */
.paginacao {background: url('images/pages.png') no-repeat; width: 700px; height: 40px; font: 18px/40px Gotham Light; color:#fff; text-align: center; clear: both;}
.paginacao a {margin: 0 10px;}
.paginacao a:link, .paginacao a:visited, .paginacao a:active {color:#fff; margin: 0 10px; padding: 9px 12px 10px;}
.paginacao span, .paginacao a:hover {background:#f55988; color:#fff; margin: 0 10px; padding: 9px 12px 10px;}

/* -------------------------------
	RODAPÉ
--------------------------------- */
.rodape {width: 100%; height: auto; clear: both; padding: 20px 0; display: table;}
.rodape hr {background: url('images/li.png') repeat-x; width: 100%; height: 4px; border: 0; margin: 0;}
.rodape .laninha {background: url('images/laninha.png') repeat-x; width: 151px; height: 439px; right: 0; position: absolute; margin: 0 20px 20px;}

/* newsletter */
.rodape .feed {background: url('images/feed.png') no-repeat; width: 1040px; height: 80px; margin: 20px 0;}
.rodape .feed .name {width: 310px; height: 45px; background: transparent; border: 0; color: #000; font: inherit; text-align: left; padding: 10px; margin: 17px 0 0 621px;}
.rodape .feed .mail {width: 95px; height: 45px; background: transparent; color: transparent; border: 0; cursor: pointer; margin: -45px 0 0 931px;}

/* últimos vídeos */
.ultimosvideos {}

/* créditos cor seletiva */
.creditos {background:#000; width: 100%; height: 60px; overflow: hidden;}
.creditos p {width: 70%; float: left; font: inherit; color:#fff; line-height: 60px;}
.creditos .corseletiva {background: url('images/corseletiva.png') no-repeat; width: 225px; height: 60px; float: right; display: block;}

/* -------------------------------
	SIDEBAR
--------------------------------- */
.sidebar .widget {background:#fff; padding: 10px; width: 100%; margin: 0 0 40px 0;}
.sidebar .widget p {margin: 5px 0;}
.sidebar .widget img {max-width: 100%; height: auto;}
.sidebar .widget h2 {font: 18px Gotham Light; color:#fff; text-align: left; margin: -28px 0 8px -10px;}
.sidebar .widget h2:before {background: url('images/title1.png') no-repeat; width: 24px; height: 34px; content: " "; display: inline-block; margin: 0 -5px 0 0;}
.sidebar .widget h2:after {background: url('images/title2.png') no-repeat; width: 19px; height: 34px; content: " "; display: inline-block; margin: 0 0 0 -6px;}
.sidebar .widget h2 span {background:#f55988; padding: 5px 0 6px; position: relative; top: -11px;}

/* perfil */
#widget_sp_image-2 img {max-width: 320px !important; margin: -10px 0 0 -10px;}

.widget_sp_image-description {text-align: center;}
.widget_sp_image-description h4 {background:#d42f4d; font: 35px Arial; text-align: center; color:#fff; padding: 10px; display: table; margin: -25px auto 10px; position: relative;}

/* -------------------------------
  TEXTAREA, INPUTS E FORMULÁRIOS
--------------------------------- */
form, fieldset {margin: 0; padding: 0; border: 0px; outline: 0;}
input, button, textarea, select {background:#f8f8f8; color:#000; border: 0; font: inherit; padding: 8px; outline: 0;}
select {width: 100%;}

/* -------------------------------
           COMENTÁRIOS
--------------------------------- */
.commentlist {padding: 0; text-align: justify; margin: 15px 0 0 0;}
.commentlist h2 {font: 28px Arial; text-align: center; padding: 15px 0;}
.commentlist .alt {}
.commentlist .lado {margin-left: 20px;}

.commentlist .area-nome {display: block; padding: 3px; border-bottom: 1px solid #afafaf; border-top: 1px solid #afafaf; background:#fff; font: 15px Gotham Light;}
.commentlist .area-nome .comment-author {}
.commentlist .area-nome .comment-author a {}
.commentlist .area-nome .date {color:#afafaf; font-size: 11px;}

.commentlist .avatar img {float: left; margin: 0 10px 0 0;}

.commentlist .author {background:#ffe9f0 !important; padding: 10px;}
.commentlist .author .comment-author {color:#d42f4d;}
.commentlist .author .comment-author a {color:#000;}

p.thdrpy {width: 100%; display: inline-block; margin: 10px 0 0 0;}
p.thdrpy a {font-size: 10px; font-weight: 600; text-transform: uppercase; font-style: normal; color:#fff; background:#d42f4d; padding: 4px 8px; text-shadow: 1px 1px 1px rgba(0,0,0,0.35);}
p.thdrpy a:hover {background:#000;}

#respond {margin: 15px 0 0 0px;}
#respond h3 {text-align: center; clear: both; padding: 15px 0; font: 28px Arial;}

#commentform {width: 100%; margin: 15px 0 0 0;}
#commentform p {margin: 5px 0;}
#commentform small {position: relative; top: -1px; font: inherit;}
#commentform a, #commentform small {color: inherit;}
#commentform input {border: ; background:#; color:#; padding: ; width: 100%; margin: 0 0 10px 0;}
#commentform input#submit {cursor: pointer; margin: 8px 0 0 0;}
#commentform textarea {border: ; background:#; color:#; padding: ; margin: 0; float: right; width: 62%;}
#commentform .com_form {width: 30%; float: left;}

.links {
width: 100%;
border:none;
margin: 0 0 3px 0;
}
.links ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.links ul li {
float:left;
list-style-type:none;
padding:0;
margin:0;
}
.links li a, .links ul li a:visited, .links ul li a:active {
display: block;
width: 200px;
height: auto;
background: none;
border-bottom:1px solid #c0c0c0;
padding: 2px;
margin:0 0 0 2px;
}
.links ul li a:hover {
background: #F8f8f8;
}