/*  
Theme Name: Blog da Thifany
Theme URI: 
Description: The default theme for Blog da Thifany
Version: 1.0
Author: Pedro Rogerio
Author URI: http://www.pinceladasdaweb.com.br/blog/
*/

/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/															
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}

/*
+----------------------------------------------------------------+
	Extras															
+----------------------------------------------------------------+
*/
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}
.clear {clear:both; overflow:hidden; font-size:0; visibility:hidden}

/*
+----------------------------------------------------------------+
	Definicoes gerais															
+----------------------------------------------------------------+
*/
body {background:#000000 url(img/background_delicious-by-pietra.jpg) no-repeat center 4px; font:62.5% Arial, Helvetica, sans-serif; text-align:center; color: #ffffff;}
a {text-decoration:none; color:#FFF}
h1, h2, h3, h4, h5, h6, strong {font-weight:700}

/*
+----------------------------------------------------------------+
	Estrutura															
+----------------------------------------------------------------+
*/
#nav {height:110px; margin:0 auto; overflow:hidden; width:880px}
#container {text-align:left; margin:0 auto; padding:7px 0 0; width:960px}
div#container div.social_media {
	margin: 10px 0 0 450px;
}

div#container div.social_media ul {
	width: 366px;
	display: block;
	float: left;
}

div#container div.social_media ul li {
	display: inline;
	float: left;
	margin: 0 6px;
}

div#container div.social_media ul li a { 
	color: #5d5955; 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#container div.social_media div#icons_social {
	display: block;
	float: left;
	width: 120px;
}

div#container div.social_media div#icons_social a {
	margin: 0 5px;
}


#content {float:left; margin-right:25px; width:721px}
#sidebar {float:left; margin:0 0 0 0; padding:75px 0 0; width:223px}
#content_main {margin-left:236px; padding:0 10px; width:462px}
#widgets {float:left; width:214px}

/*
+----------------------------------------------------------------+
	Header															
+----------------------------------------------------------------+
*/
#content h1 {height:121px; margin:0 0 165px 223px; overflow:hidden; position:relative; width:267px}
#content h1 span {height:100%; position:absolute; width:100%}
#content h1 a {color:#fff; cursor:pointer}

/*
+----------------------------------------------------------------+
	Sidebar															
+----------------------------------------------------------------+
*/
#sidebar h2 {margin:0 0 8px}
#sidebar #last_posts h2 {height:76px; overflow:hidden; position:relative; width:223px}
#sidebar #last_posts h2 span {background:url(img/bg_ultimos-posts.png) no-repeat 0 0; height:100%; position:absolute; width:100%}
#sidebar #most_popular h2 {height:80px; overflow:hidden; position:relative; width:223px}
#sidebar #most_popular h2 span {background:url(img/bg_posts-mais-vistos.png) no-repeat 0 0; height:100%; position:absolute; width:100%}
#sidebar #last_posts .more {color:#fff; display:inline; float:right; height:25px; margin:0 37px 0 0; overflow:hidden; position:relative; width:57px}
#sidebar #last_posts .more span {background:url(img/bt_more_last_posts.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#sidebar ul {margin:0 16px 18px}
#sidebar ul li {font-size:1.1em; padding-left:20px}
#sidebar ul li a {color:#fff}
#sidebar #last_posts li {background:url(img/bullet_last_posts.jpg) no-repeat left center}
#sidebar #most_popular li {background:url(img/bullet_most_popular.jpg) no-repeat left center}

/*
+----------------------------------------------------------------+
	Posts															
+----------------------------------------------------------------+
*/
#content_main #ttl_dentro_das_baladas {color:#fff; height:84px; margin:0 0 28px 60px; overflow:hidden; position:relative; width:297px; text-indent: -9999px; overflow: hidden;}
#content_main #ttl_dentro_das_baladas span {background:url(img/ttl_fique_por_dentro.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#content_main .post {margin-bottom:20px}
#content_main .post:after {clear:none}
#content_main h2.error {color:#e3cfe5; font-size:1.8em}
#content_main p.error {color:#fff; font-size:1.1em}
#content_main .post small {background-color:#351b30; border-top:1px solid #66395f; color:#fff; font-size:1.2em; line-height:15px; margin:0 0 15px 3px; padding:0 5px;display:table;}
#content_main .post h2 {font-size:1.8em; margin:0 0 6px; /*text-transform:uppercase*/}
#content_main .post h2 a, #content_main .entry h3, #content_main .entry a {color:#e3cfe5}
#content_main .entry:after {clear:none}
#content_main .entry h3 {font-size:1.6em}
#content_main .entry a {text-decoration:underline}
#content_main .entry p {color:#fff; font-size:1.2em; margin:5px 0 10px}
#content_main .entry img {display:block; margin:15px auto 10px}
#content_main .entry .floatl {float:left; margin:0 5px 5px 0}
#content_main .postmeta {float:right; padding:30px 0 0; width:200px}
#content_main .postmeta a {float:left; height:26px; overflow:hidden; position:relative; width:92px}
#content_main .comentar .bt_comentar a {background:url(img/ttl_n_comentario.jpg) no-repeat 0 0}
#content_main .postmeta .bt_comments a {background:url(img/bt_comments.jpg) no-repeat 0 0}
#content_main .postmeta .bt_sendfriend a {background:url(img/bt_send_friend.jpg) no-repeat 0 0}
#content_main .postmeta .bt_comments a span, #content_main .postmeta .bt_sendfriend a span, #content_main .comentar .bt_comentar a span {display:none}
.bt_Comentarios {display:block; float:left; height:26px; margin:33px 0 0; overflow:hidden; position:relative; width:96px}
.bt_Comentarios span {background:url(img/ttl_n_comentarios.jpg) no-repeat -10px 0; display:block; height:100%; position:absolute; width:100%}
cite.comentarios{float:left;margin-top:33px;color:#FFF;}
.bt_Comentario {float:left;height:26px;margin-top:33px;overflow:hidden;position:relative;width:96px;}
.bt_Comentario span {background: url(img/ttl_n_comentario.jpg) no-repeat scroll -10px 50%; height:100%; position:absolute; width:100%}

#content_main .entry .qtdComentarios {background:url(img/ttl_n_comentarios.jpg) no-repeat 0 0; display:block; float:left; height:26px; margin:33px 0 0; overflow:hidden; position:relative; width:96px}
#content_main .entry .qtdComentarios span {display:none}
#content_main .entry .qtdComentarios a {display:block; height:26px; width:96px}

/*
+----------------------------------------------------------------+
	Pagina com os ultimos posts															
+----------------------------------------------------------------+
*/
#list_posts li {background:url(img/bullet_last_posts.jpg) no-repeat left center; font-size:1.2em; padding-left:20px}
#list_posts li a {color:#fff}

/*
+----------------------------------------------------------------+
	Comments															
+----------------------------------------------------------------+
*/
#content_main #comments, #content_main #respond {color:#c569a8; font-size:1.4em; height:19px; margin:0 0 20px; overflow:hidden; position:relative; text-transform:uppercase; width:462px}
#content_main #comments span {background:url(img/ttl_comments.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#content_main #respond span {background:url(img/ttl_comentar.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#content_main .commentlist li {margin-bottom:25px}
#content_main .commentlist cite {color:#e3cfe5; display:block; font-size:1.1em; font-style:normal; font-weight:bold; margin:0 0 5px}
#content_main .commentlist cite a {color:#e3cfe5}
#content_main .commentlist .commentmetadata {background-color:#351b30; border-top:1px solid #66395f; color:#fff; font-size:1.2em; line-height:15px; padding:0 5px}
#content_main .commentlist .commentmetadata a {color:#fff}
#content_main .commentlist p {color:#fff; font-size:1.1em; margin:2px 0}
#commentform p {padding:3px}
#commentform p a {color:#e3cfe5}
#commentform label {color:#e3cfe5; float:left; font-size:1.1em; margin:0 20px 0 0; text-align:right; width:125px}
#commentform input, #commentform textarea {background-color:#2b1623; border:none; color:#fff; font:1.2em Geneva, Arial, Helvetica, sans-serif; width:204px}
#commentform textarea {overflow:auto}
#commentform #submit {background:url(img/bt_send_comments.jpg) no-repeat; clear:both; content:""; cursor:pointer; display:inline-block; float:right; height:26px; line-height:0; margin:10px 100px 30px 0; text-indent:-9999px; width:68px}
.authcomment p{font-weight:bolder;}
/*
+----------------------------------------------------------------+
	Widgets															
+----------------------------------------------------------------+
*/
#widgets {padding:120px 0 0}
#widgets #history {margin:0 0 40px}
#widgets #history h2 {height:82px; overflow:hidden; position:relative; width:214px}
#widgets #history h2 span {background:url(img/bg_historico.png) no-repeat 0 0; height:100%; position:absolute; width:100%}
#widgets #tags h2 {height:82px; overflow:hidden; position:relative; width:214px}
#widgets #tags h2 span {background:url(img/bg_tags.png) no-repeat 0 0; height:100%; position:absolute; width:100%}
#widgets #tags a {color:#fff; line-height:1.5em}
#widgets #tags a:hover {background-color:#9d3d61; color:#fff}
#wp-calendar {border-collapse:collapse; margin:0 0 0 22px; width:120px}
#wp-calendar caption {color:#fff; font-size:1.2em; text-align:center}
#wp-calendar >/**/ caption {padding-left:18px}
#wp-calendar thead * {color:#299a0b}
#wp-calendar thead th {text-align:center}
#wp-calendar tbody * {color:#fff; font-size:1.1em}
#wp-calendar tbody td {text-align:center}
#wp-calendar tbody a {background-color:#23471c; border-top:1px solid #5e8b5b; display:block; font-size:1em}

/*
+----------------------------------------------------------------+
	Concursos
+----------------------------------------------------------------+
*/
#concursos {margin-bottom:40px}
#concursos h2 {height:91px; overflow:hidden; position:relative; width:214px}
#concursos h2 span {background:url(img/ttl_concursos.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#concursos a {color:#FFF; font-size:1.5em; display:block; text-align:center;font-weight:bold;}
#concursos a img{clear:both;margin:0 auto 25px 25px;display:block;}
/*

/*
+----------------------------------------------------------------+
	CONCURSO DO SLOGAN
+-----------------------------------------------------------------+
/*

*/
#concurso_slogan {margin-bottom:40px;color:#fff;}
#concurso_slogan h2 {height:91px; overflow:hidden; position:relative; width:214px}
#concurso_slogan h2 a{display:block;text-indent:-9000px;width:50px;height:50px;}
#concurso_slogan h2 a span {background:transparent url(img/tit_concurso_slogan.jpg) no-repeat scroll 0 0;display:block;height:89px;width:215px;}
#concurso_slogan .bt_join {display:block;float:right;height:26px;margin-top:10px;overflow:hidden;position:relative;width:176px;}
#concurso_slogan .bt_join span {background:url(img/participe.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#concurso_slogan a {color:#FFF; display:block; text-align:center;font-weight:bold;}
#concurso_slogan a img{clear:both;margin:0 auto 25px 25px;display:block;}
/*

/*
+----------------------------------------------------------------+
	CONCURSO CARNAVAL
+-----------------------------------------------------------------+
/*
*/
#concurso_carnaval {margin-bottom:40px;color:#fff;}
#concurso_carnaval h2 {height:91px; overflow:hidden; position:relative; width:214px}
#concurso_carnaval h2 a{display:block;text-indent:-9000px;width:50px;height:50px;}
#concurso_carnaval h2 a span {background:transparent url(img/tit_concurso_slogan.jpg) no-repeat scroll 0 0;display:block;height:89px;width:215px;}
#concurso_carnaval .bt_join {display:block;float:right;height:26px;margin-top:10px;overflow:hidden;position:relative;width:176px;}
#concurso_carnaval .bt_join span {background:url(img/participe.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#concurso_carnaval a {color:#FFF; display:block; text-align:center;font-weight:bold; font-size: 13px;}
#concurso_carnaval a img{clear:both;margin:0 auto 25px 25px;display:block;}

#concurso_carnaval2 {margin-top:-7px;margin-bottom:40px;color:#fff;}
#concurso_carnaval2 h2 {height:91px; overflow:hidden; position:relative; width:214px}
#concurso_carnaval2 h2 a{display:block;text-indent:-9000px;width:50px;height:50px;}
#concurso_carnaval2 h2 a span {background:transparent url(img/tit_concurso_slogan.jpg) no-repeat scroll 0 0;display:block;height:89px;width:215px;}
#concurso_carnaval2 .bt_join {display:block;float:right;height:26px;margin-top:10px;overflow:hidden;position:relative;width:176px;}
#concurso_carnaval2 .bt_join span {background:url(img/participe.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#concurso_carnaval2 a {color:#FFF; display:block; text-align:center;font-weight:bold;}
#concurso_carnaval2 a img{clear:both;margin:0 auto 25px 25px;display:block;}

/*

+----------------------------------------------------------------+
	Footer															
+----------------------------------------------------------------+
*/
#footer ul {float:left; padding-top:20px; text-align:left; width:auto}
#footer ul li {display:inline}
#footer ul li a {display:inline-block}
#footer ul li.twitter a {background: url(img/twitter.png) no-repeat; height:32px; width:32px}
#footer ul li.facebook a {background: url(img/facebook.png) no-repeat; height:32px; width:32px}
#footer ul li.orkut a {background: url(img/orkut.png) no-repeat; height:32px; width:32px}
#footer ul li.twitter a:hover {background: url(img/twitter_pb.png) no-repeat;}
#footer ul li.facebook a:hover {background: url(img/facebook_pb.png) no-repeat}
#footer ul li.orkut a:hover {background: url(img/orkut_pb.png) no-repeat}
#footer {clear:both; text-align:center}
#footer p {color:#4D4D4D; padding-top:20px; float:right; text-align:right; width:auto}

/*

+----------------------------------------------------------------+
	enquete															
+----------------------------------------------------------------+
*/
.enquete {color:#fff}
.enquete h3 {background:url(img/enquete.png) no-repeat;position:relative; height: 66px; width:234px}
.enquete h3 span { display:none}

/*

+----------------------------------------------------------------+
	Box para avalia��o de idade
+----------------------------------------------------------------+
*/

div#box_idade {
	background: url(img/bg_acesso_idade.png);
	display: none;
	width: 100%;
	height: 1000px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

div.box_idade_oculto {
	display: none;
}

div#box_idade div#acesso_site {
	width: 214px; 
	height: 148px;
	padding: 200px 0 0 293px;
	background: url(img/bg_box_idade.png) center no-repeat;
	margin: 50px auto;
}

div#box_idade div#acesso_site a.botao_escolha {
	width: 73px;
	height: 41px;
	display: block;
	margin: 0 10px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

div#box_idade div#acesso_site a#botao_sim {
	background: url(img/res_sim.png) center no-repeat;
}

div#box_idade div#acesso_site a#botao_nao {
	background: url(img/res_nao.png) center no-repeat;
}