
/*
Theme Name: Danosse tudo
Theme URI: http://wordpress.org/
Description: Tema do blog de humor Danosse.com, Design por <a href="http://www.sauloamaral.com/">Saulo Amaral</a>, Desenvolvido por <a href="http://www.leonardoalmeida.net">Leonardo Almeida.</a>
Version: 1.0
Author: Design: Saulo Amaral / Development: Leonardo Almeida
*/


/* Reset do sucesso*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,th,td
{margin:0;padding:0; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body, html{background:#393939;font-family:Tahoma, "Trebuchet MS", Verdana, arial, sans; font-size:11px; color:#fff;}
div#siteContent {background:url(images/top-pattern.jpg) repeat-x; height:300px;}
body.popup{background:#292929; overflow-x:hidden;}

img.header-popup{margin-bottom: 20px;}

a{color:#eaff00; text-decoration:none}


/*Agora é pra valer =p*/


/* Define os elementos que vão usar o Master sprite*/
ul#options li a,
ul#options li,
form#busca label,
form#busca input,
ul#top-menu li.divisor,
div.post-info a.comments,
div.post-info a.share span,
div.post-info a.tags,
div.post-info div.tag-container,
div.post-info a.tweet span,
div.post div.post-bottom,
div.post-info span.author,
div#paginacao div.wp-pagenavi a.page,
div#paginacao div.wp-pagenavi span.current,
div#sidebar ul.popular-posts li span,
div.credits p span
{background:url(images/mastersprite.png) no-repeat;}

/*Elementos que usam sprite de títulos*/
div#sidebar h3,
form#busca label,
div#paginacao h3,
div#promos-content div h3
{background:url(images/mastertitles.png); text-indent:-8000px; width:228px; height:26px; margin-bottom:7px;}

/*Elementos que usam borda padrão*/
div.post-info ul li,
div.post div.post-bottom-info,
div#sidebar ul li,
div#sidebar form#arquivo,
div#sidebar form#arquivo p,
div#sidebar div#tagcloud,
div#sidebar div#tagcloud p,
div#promos-content div,
div#sidebar ul.popular-posts,
div.credits.footer,
.title-comment
{background:transparent url(images/bg-masterborder.png) repeat-x;}

.commentlist li.depth-2 div.title-comment,
ol.commentlist li.comment-author-admin div.title-comment
{background:url(images/border-comments.png) repeat-x left bottom}

/*Elementos que usam o box model*/
div.post-info,
div.post,
div.post div.post-bottom,
div.post h2,
div.post-info ul li.bottom
{background:url(images/sprite-box-model.png) no-repeat;}

/*Elementos que usam o box-model 2*/
#content-title-comments,
#content-title-comments div{background:url(images/sprite-box-model-comments.png) no-repeat;}


/*Elementos que usam o box-model verde dos comentários*/
.commentlist li.depth-2 div.comment-body,
.commentlist li.depth-2 div.end-border
{background:url(images/box-model-comments.png) no-repeat;}

/* elementos(botóes) com bg de imagem*/
form#busca input#submit{ text-indent:-8000px; line-height:0px;}

/* posição dos elementos do topo da página*/

div#top{width:1002px; margin:-6px auto 6px auto; padding:0px; height:18px;}
div#header{width:1002px; height:167px; margin: 0 auto; position:relative;}
div#content{width:1002px; margin:22px auto;}

form#busca{float:right; width:226px; margin:52px 10px 0px 0px;}
form#busca label{background-position:0 -405px; width:114px; height:26px; text-indent:-8000px; display:block; margin-bottom:5px;}
form#busca input{width:173px; height:26px; padding:4px; background-position:0px -83px; border:none; color:#fff; font-size:14px;}
form#busca input#submit{background-position:-197px 0px; padding:0px;width:39px; height:31px; display:block; float:right; margin-top:1px;}

div#header img{ position:absolute; left:14px; top:7px;}

/*Menu - esquerda*/
ul#top-menu{padding: 0 0 0 5px; float:left; }
ul#top-menu li{float:left;}
ul#top-menu li.divisor{width:2px; margin:5px 10px 0 10px; background-position:-239px -3px; height:13px;}
ul#top-menu li a{padding-top:5px; display:block; color:#fff;}

ul#top-menu li.current_page_item span, ul#top-menu li.current_page_item a{background:url(images/menu-tabs.png) no-repeat; padding: 6px 0px 0px;}
ul#top-menu li.current_page_item a{color:#373737; font-weight:bold; padding-right:8px; background-position: right bottom; display:block;  margin-top:-7px; padding-bottom:4px; line-height:10px;}
ul#top-menu li.current_page_item span{padding-left:8px; background-position: left top; display:block; }

/*Menu - direita*/
ul#options{float:right;}
ul#options li{float:left; text-indent:-8000px; margin-right:22px;}
ul#options li a{display:block;  width:24px; height:22px; margin-right:4px;}
ul#options li.feed, ul#options li.orkut, ul#options li.twitter{background-position:-10000px -10000px; margin-right:4px;}
ul#options li.feed a{background-position: -98px -1px}
ul#options li.orkut a{background-position: -154px -1px}
ul#options li.twitter a{background-position: -127px -1px}
ul#options li.title{background-position:0px -24px; width:131px; height:22px;}

/*Post*/
div#posts{width:735px; float:left;}
div.post-container{width:734px; float:left; margin-bottom:50px;}

div.post{float:right; width:500px; background-repeat:repeat-y; background-position:-531px 0px; padding:0px 10px 5px 20px; position:relative;}
div.post div.post-bottom{background-position:-1px 0; bottom:-10px; float:right; height:6px; position:relative; right:-10px; width:520px;}
div.post p{margin-bottom:18px; padding: 0px 10px; line-height:16px;}
div.post h2{color:#eaff00; font-size:26px; width:491px; padding:34px 10px 0px 31px;  margin:-3px 0 30px -21px; background-position:0px -7px; background-repeat:no-repeat; }
div.post p img{margin-left:-10px;}
div.post p object{margin-left:-10px;}
div.post .wp-smiley{ margin-left:0px; border:none;}
div.post img{border: 1px solid #717171}
div.post a:hover img{border-color:#fff;}
div.post p a{text-decoration:underline !important;}
div.post p a:hover{background:#eaff00; color:#292929; text-decoration:none;}
div.post strong{color:#fff; text-decoration:none; font-weight:bold;}
div.post b{color:#eaff00; text-decoration:none; font-weight:bold;}
div.post em{color:#eaff00; text-decoration:none;}

/*Post - esquerda*/
div.post-info {color:#eaff00; width:203px; background-position: -1062px -15px; float:left; background-color: #313131; margin:-3px 0 0 0;}
div.post-info img{float:left; padding: 10px 0 10px 12px;}
div.post-info ul li.first{float:left; margin:0 10px 5px 10px;}
div.post-info ul li.first em{float:right; line-height:17px;}
div.post-info span.author{background-position:right bottom; display:block; float:right; height:18px; margin-left:4px; padding-right:22px; line-height:17px;}
div.post-info span, div.post-info a{color:#fff;}
div.post-info a{text-decoration:underline;}
div.post-info a.comments{background-position:-61px -2px; color:#000; display:block; float:right; height:15px; padding:1px 0 0 3px; text-align:center; text-decoration:none; width:20px; margin-left:7px;}
div.post-info a.share span{background-position:-19px 1px; display:block; float:right; height:17px; margin:-3px 2px 0 10px; padding:0 0 4px 18px;}
div.post-info a.tags{background-position:-135px -31px; display:block; height:10px; margin:0 0 5px 152px; overflow:hidden; text-indent:100px; width:24px;}
div.post-info a.tweet span{display:block; background-position:-38px 0px; width:20px; height:20px; float:right; margin-left:7px;}
div.post-info div.tag-container{background-position:-151px -133px; float:right; margin-right:-21px; padding:10px 20px 3px 0; width:174px;}
div.post-info div.tag-container a{color:#838383; display:block; float:right; margin:0 -12px 0 0; padding:3px 12px 3px 0; width:190px; text-decoration:none;}
div.post-info div.tag-container a:hover{background:#eaff00; color:#2f3300;}
div.post-info ul li{background-position:right bottom; margin:0 auto; padding:9px 3px; text-align:right; width:177px;}
div.post-info ul li.tag-container, div.post-info ul li.tweet-container{float:left;margin-left:9px;}
div.post-info ul li.tweet-container{background:none; height:11px;overflow:hidden;}
div.post-info ul li.bottom{background-position:-1061px 0; float:left; height:5px; margin:0; padding:0; width:100%;}


/*Post - bottom*/
div.post div.post-bottom-info{padding:10px 0 0 0; margin:10px 10px 0; background-position:left top; font-size:10px;}
div.post div.post-bottom-info p{margin-bottom:0px; display:block; float:left;}
div.post div.post-bottom-info p strong{color:#878787; font-weight:bold;}
div.post div.post-bottom-info a{text-decoration:underline; color:#fff;}
div.post div.post-bottom-info span{display:block; float:right; color:#878787; margin:0 10px; font-weight:bold; }
div.post div.post-bottom-info span a{font-weight:normal}

/*Sidebar*/
div#sidebar{width:228px; float:left; margin:14px 0 0 14px;}
div#sidebar h3.tagcloud{background-position:0 -107px;}
div#sidebar h3.categorias{background-position:0 -50px; height:29px;}
div#sidebar h3.parceiros{background-position:0 -28px; height:23px;}
div#sidebar h3.arquivo{background-position:0 -80px;  margin:0px;}
div#sidebar h3.popular-posts{background-position: 0 -133px;}

div#sidebar ul{margin-bottom:20px;}
div#sidebar ul li{padding:3px 0 3px 0;}
div#sidebar ul li a{padding:3px; text-decoration:underline; display:block; width:222px; font-size:10px;}
div#sidebar ul li a:hover{background:#eaff00; color:#292929; text-decoration:none;}

div#sidebar form#arquivo, 
div#sidebar form#arquivo p{width:228px; padding-top:9px; background-position:left top;}
div#sidebar form#arquivo{padding-bottom:9px; background-position:left bottom; margin-bottom:27px;}
div#sidebar form#arquivo select{width:220px; padding:1px; font-size:10px; margin-left:3px;}
div#sidebar div#tagcloud{padding-top:6px; margin-bottom: 20px; background-position:left top;}
div#sidebar div#tagcloud p{padding-bottom:12px; background-position:left bottom;}
div#sidebar div#tagcloud a{display:block; width:100%;}
div#sidebar div#tagcloud a:hover{color:#fff;}

div#sidebar ul.popular-posts{background-position:left bottom; float:left; padding-bottom:3px;}
div#sidebar ul.popular-posts li span{width: 29px; height:22px; background-position:-163px -28px; float:left; margin:4px 6px 0 0; font-size:14px; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:5px 5px 0 0; }
div#sidebar ul.popular-posts li h3 a{width:auto; text-decoration:none;}
div#sidebar ul.popular-posts li h3 a:hover{text-decoration:underline;}

div#sidebar ul.popular-posts li{float:left; padding:8px 0 6px; margin: 0;}

div#sidebar ul.popular-posts li h3, 
div#sidebar ul.popular-posts li em
{font-size:10px; font-weight:bold; color:#eaff00; background:none; text-indent:0; height:auto; margin:0;}

div#sidebar ul.popular-posts li h3,
div#sidebar ul.popular-posts li p 
{width:185px; float:left; font-size:10px;}

div#sidebar ul.popular-posts li p {margin-left:2px;}
div#sidebar .todosparceiros a{font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}
div#sidebar .todosparceiros a:hover{font-size:12px; background:#eaff00; color:#292929; text-decoration:none;}
.visitantescounter{width:88px; height:15px; background:url(images/visitantes-bg.png) no-repeat; padding: 0 0 0 8px; float:left;}

/*Rodapé - paginação*/

img.danosse{float:left; margin:-20px 64px 10px}
div#paginacao{width:500px; float:left;}
div#paginacao h3{width:334px; background-position:0 -162px;}

div#paginacao div.wp-pagenavi span.pages{background:none; border:none; width:100%; color: #fff; font-size:10px; display:block; margin-bottom: 20px; clear:both;}
div#paginacao div.wp-pagenavi span.pages em{font-size:14px; font-weight:bold; color:#eaff00}
div#paginacao div.wp-pagenavi a,
div#paginacao div.wp-pagenavi span.current
{background:none; border:none;display:block; width: 25px; height:16px; padding:3px 0; margin:0; text-align:center; font-weight:bold; color:#000; float:left; margin-right:2px;}
div#paginacao div.wp-pagenavi span.current{ background:url(images/mastersprite.png) no-repeat -275px -3px; }
div#paginacao div.wp-pagenavi a.page{  background:url(images/mastersprite.png) no-repeat -301px -3px; }
div#paginacao div.wp-pagenavi a{  background:url(images/mastersprite.png) no-repeat -249px -3px; }
div#paginacao div.wp-pagenavi a strong{color:#EAFF00; display:block; font-size:17px; font-weight:bold; margin:-5px 0 0;}

/*Créditos do cabeçalho e rodapé*/

div.credits{float:left; height:15px; margin-top:0; padding:0 0 9px 238px; width:530px;}
div.credits p{width: 200px; float:left; font-size:10px; color:#5a5a5a;}
div.credits p span{text-indent:-8000px; display:inline-block; height:13px; width:106px;}
div.credits p span.leonardo-almeida{background-position:-200px -58px;}
div.credits p span.saulo-amaral{background-position:-200px -70px;}

div#promos-content div.credits.footer{margin: 15px 0; padding: 15px 0; background-position:left top; width:100%; overflow:auto; height:40px;}
div.credits.footer p{float:right; color:#bcbcbc; width:170px;}
div.credits.footer p span{float:right; width:100%; display:block;}
div.credits.footer p span.leonardo-almeida{background-position:-200px -33px;}
div.credits.footer p span.saulo-amaral{background-position:-200px -44px;}

/*Comentários - cabeçalho*/


#content-title-comments{width:459px; padding:15px; margin: 10px auto; background-position:-493px -5px;}
#content-title-comments div{background-position:right top; height:5px; width:474px;}
#content-title-comments h3{font-weight:bold; width:441px; text-align:center; padding: 0 15px 5px 15px; background:#232323; font-size: 15px;}
#comentarios{float:left; margin:0 0 0 215px; width:519px;}

#comentarios.popup{margin:0; width:553px;}
#comentarios.popup ol{width:553px;}
#comentarios.popup ol li{width:553px;}
#comentarios.popup ol li div.title-comment{width:430px;}
#comentarios.popup ol.commentlist li.depth-2 div.comment-body{overflow:hidden;}
#comentarios.popup ol.commentlist li.depth-2 .title-comment {width:317px;}
#comentarios.popup ol.commentlist li.depth-2 div.end-border{position:relative; left:0px; bottom:-4px;}
h2#comments{font-size:20px; margin-bottom:10px;}

/* Comments - layout das listas*/

ol.commentlist{width:520px;}
.comment-author.vcard{width:72px; float:left; margin:0 20px 20px 5px;}
.title-comment{width:382px; padding: 10px 0px;float:left; background-position:left bottom; font-size: 18px; margin: 0 0 10px 0}
ol.commentlist li { list-style-type:none; padding:20px 0; float:left; width:520px; overflow:hidden}
ol.commentlist li.even{background:#212121}
ol.commentlist li.odd{background:#292929}


/* Comments - nível 2*/
ol.commentlist .children{width:345px; float:left; margin:0 0 0 113px;}
ol.commentlist .children li{width:345px; padding:0 0 0 37px; background:url(images/reply-arrow.png) no-repeat 0px 6px;}
ol.commentlist li.depth-2 div.comment-body{background-position:0 -7px; padding:0; width:345px; margin: 5px 0 10px 0; background-color:#eaff00;}
ol.commentlist li.depth-2 .title-comment{width: 315px; padding: 3px; margin:12px; color:#015601;}
ol.commentlist li.depth-2 .comment-author.vcard{display:none;}
ol.commentlist li.depth-2 div.end-border{width:100%; height:6px;}
ol.commentlist li.depth-2 p{padding:20px; margin:0; color:#000}
ol.commentlist li.depth-2 a{color:#34af00}

/*ol.commentlist p { margin:0 10px 0 114px; line-height: 17px; color:#bdbdbd;}*comment-author*/
.avatar {float:left; margin: 2px 10px 2px 10px; border:3px solid #ffffff;}
.post .commentlist ul li { display:block; padding: 0; border-bottom:0;}
.comment-body, .comment-meta {min-height:100px; height:auto !important; height:100px;}
div.reply {float:right; margin:5px; text-align:right; width:100%;}

div#respond{margin: 30px 0; float:left;}
div#respond h3{font-size:18px; margin-bottom:15px;}
div#respond p{ margin: 5px 0;}


/* ----- Comentário do admin - nível 1 ------ */

ol.commentlist li.comment-author-admin {background:#EAFF00}
ol.commentlist li.comment-author-admin div.title-comment, 
ol.commentlist li.comment-author-admin div.title-comment span  {color:#015601;}
ol.commentlist li.comment-author-admin p  {color:#000;}



/* Comentários - Popup */



/* == Coment‡rios Admin == */
.comment-container{width: 520px; overflow: hidden;margin: 0px 0px 20px 0px;padding: 10px 0px 10px 0px;color: #cfcfcf;}
.comment-left{ float: left; clear: left; width: 80px; text-align: center; color: #666; font-size: 0.834em; overflow: hidden; margin:0 18px 0 0;}
.comment-left span, .comment-left a{ color: #fff;}
.comment-left2{	float:left; clear: left; width: 80px; text-align: center; color: #cfcfcf; font-size: 0.834em; overflow: hidden; margin:0 18px 0 0;}
.comment-left2 span{color: #28222e;}
.comment-left2 a{color: #28222e;}
.comment-author-DarkSide {background:#eaff00 !important; color:#055808;}
.comment-author-DarkSide span, .comment-author-DarkSide a{color:#055808;}
.comment-author-DarkSide p{color:#000000;}
.depth-1{margin: 0; padding:10px 0 1px 0;}
.fn {font-size:20px;}
.go-right{float: right;clear: right;}
#respond {padding:20px;}

/*Comentarios popup*/
.comment-containerbody{background: url(images/topocomentariospopup.gif) no-repeat #292929 !important;}
.comment-containerpopup{width: 552px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 10px 0px 10px 0px; color: #cfcfcf;}
.comment-containerpopup h3{font-size:18px; color:#eaff00; background:none; text-indent:0; height:auto; margin: 110px 0 60px 0;}
.commentlist p{padding: 0 0 0 98px;}
.textobrancopopup {font-size:18px; color:#fff; background:none; text-indent:0; height:auto;font-weight:bold;}
.authorcomment{width: 552px; overflow: hidden; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; color:#055808; background: #eaff00;}
.authorcomment span a{color:#28222e;}
.usercomment{width: 552px; overflow: hidden; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; color:#fff; background: #212121;}
.usercomment span a{color:#eaff00;}
.comment-header{width: 428px; margin:0 0 3px 0; font-size: 1.167em;}
.comment-header2{width: 428px; margin:0 0 3px 0; font-size: 1.167em;}
.comment-header .comment-number{	color: #eaff00;}
.comment-header2,.comment-number2{color: #cfcfcf;}
.fn2 {font-size:20px; color:#055808;}
.fn2 a{font-size:20px; color:#055808;text-decoration:underline;}
.fn3{font-size:20px; color:#fff;}
.fn3 a{font-size:20px; color:#eaff00;text-decoration:underline;}
.says{font-size:15px; color:#fff;}
.says2{font-size:15px; color:#055808;}
div.post-container2{width:554px; float:left; margin-bottom:50px; padding:0 0 0 50px;}
.commenttext{color:#000000; margin:0 0 0 100px;}


/*Lojinha e promoções*/

div#lojinha-container, 
div#promos-container{background:#292929 url(images/bg-lojinha.png) repeat-x left top; float:left; padding:30px 0; width:100%;}

div#lojinha-container div#lojinha-content,
div#promos-content
{width: 990px; margin:0 auto;}

div#lojinha-container div#lojinha-content img.lojinha-title{margin-bottom:30px;}

div#promos-container{background:#1c1d1f url(images/bg-promos.png) repeat-x left top; }
div#promos-content div{width:100%; padding: 5px 0; margin: 10px 0; background-position:left bottom;}
div#promos-content ul{height: 250px; margin-left:5px;}
div#promos-content ul li{float:left; margin-right:9px; width:155px; height:197px;  background:#17181a; font-size:10px;}
div#promos-content ul li a img{border: 1px solid #717171}
div#promos-content ul li a:hover img{border-color:#fff;}
div#promos-content ul li h4{font-size:12px; font-weight:bold; color:#EAFF00; margin:5px 0;}
div#promos-content ul li strong{color:#EAFF00; font-weight:bold;}

.authcomment {background-color: #FFFFFF !important;}

/*Estilos do outro tema
.comment-content{text-align: justify;	line-height: 1.834em;	font-family: "Verdana", sans-serif;	font-size: 0.917em;}
.comment-content p{	padding: 0px 0px 15px 0px;}
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{	font-family: "Trebuchet MS", sans-serif;	color: #666;	font-weight: bold;	font-size: 1.25em;	padding: 0px 0px 15px 0px;}
.comment-content blockquote{	padding: 10px 10px 0px 10px;	margin: 0px 0px 15px 0px;	background: #EEE;	font-size: 12px;	font-family: "Arial", sans-serif;	color: #777;}
.comment-content ul,
.comment-content ol{	padding: 10px 10px 10px 30px; background: #EEE;	font-weight: bold;	margin: 0px 0px 15px 0px;	color: #777;}
.comment-content ul{	list-style-image: none;	list-style-type: disc;}*/

/* Caixa Preta do Sucesso*/
.ad_titulo {color: #FFFFFF;	font-size: 11px;font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration:underline;}
.ad_titulo a{text-decoration:underline;}
.ad_texto {line-height:11px;font-size: 9px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}


