/*
Theme Name: Hotpress Version Burning Bird
Theme URI: http://www.hotpress.com.br/
Description: Burning Deeper.
Version: 1.0
Author: Daniel Nass
Author URI: http://hotpress.com.br/
Tags: red, hot press

*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; 
    font:normal 12px Verdana, Helvetica, sans-serif;}


body { border-top:2px solid #FF9900; background:url(images/nav.png) 0px 152px repeat-x;  }

strong {font-weight:bold;}
em {font-style: italic;}

#page {width:960px; margin:0 auto;}      

#engloba { width:100%; height:150px; }
#header {width:65%; float:left; height:150px;   }
#header h1 {background:url(images/hotpress.jpg) left top no-repeat;}
#header h1 a { text-indent:-9999px;
               display:block;
               overflow:hidden;
               width:100%;
               height:150px;
               }
               
#feed {  float:left;  margin-top:40px; background:url(images/rss.jpg) left top no-repeat;  padding-left:90px; padding-top:20px; padding-bottom:25px; }  
#feed .assine { background:url(images/assine.jpg) left top no-repeat; }
#feed .assine a { text-indent:-9999px; overflow:hidden; display:block; width:176px; height:20px; }
#feed p.num-feed { color:#666; font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-left:7px; margin-top:5px; }             
               
#nav {width:100%; height:26px;}
#nav ul {height:26px;}      
#nav ul li {display:inline; float:left; background:url(images/navli.png) 100% 50% no-repeat;}     
#nav ul li a {display:block; width:110px; height:26px; color:#fff; font-weight:bold;}
#nav ul li.home a {background:url(images/navhome.png) 50% 50% no-repeat;}
#nav ul li.temas a {background:url(images/navtemas.png) 50% 50% no-repeat;}
#nav ul li.plugins a {background:url(images/navplugins.png) 50% 60% no-repeat;}
#nav ul li.noticias a {background:url(images/navnoticias.png) 50% 50% no-repeat;}
#nav ul li.treinamento a {background:url(images/navtreinamento.png) 50% 50% no-repeat;}
#nav ul li.contato a {background:url(images/navcontato.png) 50% 50% no-repeat;}
#nav ul li.contato {background:none;}


#content { width:645px; float:left; margin-top:15px; border-right:1px solid #ccc;}

h2.title {  padding:0 15px 0 0; color:red; font:normal 30px Arial, Helvetica, sans-serif;}
h2.title a {display:block; color:red; font:normal 30px Arial, Helvetica, sans-serif;}

.post { margin-bottom:20px; }

.entry { margin:10px 20px 20px 0; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:10px 15px 10px 5px; }
.entry p { font:normal small Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; margin:20px 0;}
.entry ul { margin-left:20px; }
.entry ol { margin-left:20px;  }
.entry ol li { margin-bottom:10px; list-style:decimal; }
.entry h4 { color:red; font:bold 14px Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px; }
.entry h4.leia-tambem { text-transform:uppercase; color:#333; font:bold 22px Arial, Helvetica, sans-serif; margin-top:30px; margin-bottom:20px; }
.entry a { color:red; }
.entry a:hover { text-decoration:underline; }
.entry blockquote {padding:0 10px 0 40px;  background:url(images/blockquote.png) top left no-repeat;}
.entry blockquote p {font:bold 12px Verdana, Arial, Helvetica, Sans-serif; line-height:1.5em; font-style: italic;}
.entry ul li { margin-bottom:5px; background:url(images/marker-orange.gif) left 5px no-repeat; padding-left:13px; color:#666; }
.entry h3 { margin-top:20px; background:url(images/h3-seta.jpg) left top no-repeat; padding-left:45px; font:bold 16px Arial, Helvetica, sans-serif; height:30px; color:red; }
.entry ul#tags {margin:0 0 5px 0;}
.entry ul#tags li {display:inline;  margin:0 3px 0 0;}
.entry ul#tags li a {border:1px solid #ccc; padding:5px; color:#FF0000;}
.entry ul#tags li a:hover {background:#B50414; color:#fff;}

.entry .servicos { width:260px; height:250px; float:left; margin-left:30px }
.entry .servicos li { background:none; padding-left:40px; padding-bottom:10px; padding-top:8px; margin-bottom:13px; }
.entry .servicos li a { color:#26A5E9; font:bold 14px Trebuchet Ms, Arial, Helvetica , sans-serif; }
.entry .servicos li.temas-wordpress { background:url(images/temas-wordpress.jpg) left top no-repeat;  }
.entry .servicos li.seo-wordpress { background:url(images/seo-wordpress.jpg) left top no-repeat;  }
.entry .servicos li.truques-e-dicas { background:url(images/truques-dicas-wordpress.jpg) left top no-repeat;  }
.entry .servicos li.plugins-wordpress { background:url(images/plugins-wordpress.jpg) left top no-repeat;  }
.entry .servicos li.social-media { background:url(images/social-media-wordpress.jpg) left top no-repeat;  }
.entry .servicos li.wordpress-mu { background:url(images/wordpress-mu.jpg) left top no-repeat;  }
.entry .servicos li.buddypress { background:url(images/buddypress.jpg) left top no-repeat;  }
.entry .servicos li.migracao-servidores { background:url(images/migracao-servidores.jpg) left top no-repeat;  }
.entry .servicos li.wordpress-mobile { background:url(images/wordpress-mobile.jpg) left top no-repeat;  }
.entry .servicos li.otimizacao-servidores { background:url(images/otimizacao-servidores.jpg) left top no-repeat;  }


#cab-post { height:30px; border-bottom:red; }

.postmetadata { width:450px; height:16px; float:left;  margin:15px 0 0 0;  overflow:hidden; }
.postmetadata span.adm {padding:0 0 0 25px; background:url(images/user.gif) 0% 55% no-repeat; color:#999; }
.postmetadata span.tags { width:270px; height:25px; overflow:hidden; color:#999; padding:0 0 0 25px; background:url(images/label.gif) 0% 55% no-repeat; margin:0 0 0 20px;}
.postmetadata span.tags a {color:#999;}
.postmetadata span.tags a:hover {color:#FF0000;}

.ratingblock { width:130px; float:left;  }
.ratingstars { width:130px; display:inline;}

.postmorecomment {width:100%; height:30px; margin:20px 0 0 0; display:block;}
.postmorecomment span.read-more {float:left; display:block; }
.postmorecomment span.commentindex {float:right; display:block;}
.postmorecomment span.read-more a {display:block; width:62px; height:16px; padding:7px; background:red; color:#fff; font-weight:bold; }
.postmorecomment span.read-more a:hover {background:#B50414;}
.postmorecomment span.commentindex a {color:red; display:block; height:23px; padding:7px 0 0 20px; margin:0 15px 0 0; font-weight:bold; background:url(images/comment.gif) 0% 55% no-repeat;}
.postmorecomment span.commentindex a:hover {color:#B50414;}

#sidebar { width:309px; float:left; margin-top:15px; }

#sidebar h3.sidetemas {background:url(images/sidetemas.png) 4% 50% no-repeat; border-bottom:1px dotted #999; margin:0 0 10px 0;}
#sidebar h3.sidetemas a {width:100%; height:30px; text-indent:-9999px; display:block; overflow:hidden;}


#sidebar h3.sideacessados {background:url(images/sideacessados.png) 4% 50% no-repeat; border-bottom:1px dotted #999; margin:0 0 10px 0;}
#sidebar h3.sideacessados a {width:100%; height:30px; text-indent:-9999px; display:block; overflow:hidden;}
#sidebar #maisacessados {width:100%; margin:0 0 10px 0;}
#sidebar #maisacessados .widget {margin:0 0 0 25px;} 
#sidebar #maisacessados .widget ul li {margin:0 0 15px 0;}
#sidebar #maisacessados .widget ul li div a {color:red;}
#sidebar #maisacessados .widget ul li div a:hover {color:#B50414;}


#sidebar h3.sidepress {background:url(images/sidepress.png) 40% 50% no-repeat; border-bottom:1px dotted #999; margin:0 0 10px 0;}
#sidebar h3.sidepress a {width:100%; height:30px; text-indent:-9999px; display:block; overflow:hidden;}
#sidebar #pressthebutton {width:100%; height:150px;}
#sidebar #pressthebutton ul {width:100%; margin:0 0 0 20px;}
#sidebar #pressthebutton ul li {width:125px; height:125px; float:left; margin:0 20px 0 0;}
#sidebar #pressthebutton ul li a {width:125px; height:125px; display:block;}
#sidebar #pressthebutton ul li.feed {background:url(images/torrada-elite.jpg) top left no-repeat;}
#sidebar #pressthebutton ul li.twitter {background:url(images/twitter.jpg) top center no-repeat; width:257px; height:100px; }

#sidebar h3.sidepesq {background:url(images/sidepesquisar.png) 7% 50% no-repeat; border-bottom:1px dotted #999;}
#sidebar h3.sidepesq a {width:100%; height:30px; text-indent:-9999px; display:block; overflow:hidden;}
#pesquisar {width:100%; height:50px;}
form#searchform div {height:28px; padding:0 0 0 20px; margin:15px 0;}
#s {width:200px; height:21px; border:1px solid #ccc; position:relative; top:-1px; padding:5px 0 0 5px; color:#FF0000; font:normal 12px Trebuchet MS;}
#searchsubmit {background:#EAEAEA; border:1px solid #ccc; width:50px; height:28px;}

#sidebar h3.sidecloud {background:url(images/sidetag.png) 4% 50% no-repeat; border-bottom:1px dotted #999;}
#sidebar h3.sidecloud a {width:100%; height:30px; text-indent:-9999px; display:block; overflow:hidden;}
#sidebar #tagcloud {width:100%; padding:10px; text-align:center;}
#sidebar #tagcloud a {color:red;}
#sidebar #tagcloud a:hover {color:#B50414;}

#footer { width:100%; height:100%; clear:both; background-color:#333; margin-top:10px; border-top:2px solid red; color:white; padding:10px 0; }
#footer-center { width:910px; margin:0 auto; text-align:center; }

#footer ul.last-videos { text-align:left; margin-left:15px; }
#footer ul.last-videos li { margin-bottom:10px; background:url(images/word-icon.gif) left top no-repeat; padding-left:30px; padding-bottom:5px; }
#footer ul.last-videos li a { color:#FFFF66; font:normal 10px Arial, helvetica, sans-serif; }
#footer ul.last-videos li a:hover { color:white; }

#mais-comentados { width:241px; float:left; margin:0 auto; padding-bottom:20px; text-align:left; }
#mais-comentados h3.mais-comentados { background:url(images/mais-comentados.png) left top no-repeat; text-indent:-9999px; overflow:hidden; display:block; height:69px; margin:0 0 10px 0;}
#mais-comentados ul li { background:url(images/star.gif) left 2px no-repeat; padding-left:18px; margin-top:7px }
#mais-comentados ul li a { color:#fff; font:normal 10px Arial, Helvetica, sans-serif; }
#mais-comentados ul li a:hover { color:yellow; }
#mais-comentados ul li span.yellow { color:yellow; font:normal 10px Arial, Helvetica, sans-serif; }

#ultimos-videos { width:270px; float:left; margin-left:40px;  }
#ultimos-videos h3.ultimos-videos { background:url(images/ultimo-video.png) left top no-repeat; text-indent:-9999px; overflow:hidden; display:block; height:69px; margin:0 0 10px 0; }

#eventos { width:340px; float:right;  }
#eventos h3.eventos { background:url(images/eventos.png) left top no-repeat; text-indent:-9999px; overflow:hidden; display:block; height:69px; margin:0 0 10px 0;}

h3.comments { text-transform:uppercase; font:bold 22px Arial, Helvetica, Sans-serif; color:#333; margin:0 0 15px 0;}
.comment-author {background:#F0F0F0; width:100%; height:55px; border:1px dotted #ccc; border-right:none; border-left:none; border-bottom:none;}
.comment-author .avatar {float:right; border:1px solid red; margin:6px 5px 0 0;}
.says {color:#999; float:left; margin:20px 0 0 10px;}
.demo { text-indent:-9999px; overflow:hidden; display:inline-block; float:left;  background:url(images/demo.jpg) top left no-repeat; width:151px; height:53px; margin-top:13px; }
.download { text-indent:-9999px; overflow:hidden; display:inline-block; float:left;  background:url(images/download.jpg) top left no-repeat; width:151px; height:53px; margin-left:20px; }
#botoes { width:90%; height:60px; margin-top:20px; margin-bottom:20px; }
.fn {color:red; font-weight:bold;}
.fn a {color:red; font-weight:bold;}
.fn a:hover {text-decoration:underline;}
.fn a:visited {text-decoration:underline;}
.comment-meta {display:none;}
.commentlist .comment {width:100%; background:#fff; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 10px 0;}
.commentlist .comment p {padding:0 10px; margin:10px 0; line-height:1.5em;}
textarea#comment, #author, #email, #url {width:625px; padding:10px; border:1px dotted #ccc; border-right:none; margin:10px 0;}
#author, #email, #url {color:red; font-weight:bold;}
#submit {width:625px; height:35px; margin:0 10px 10px 10px; background:url(images/comentario.gif) top left no-repeat;}
#submit:hover {background:url(images/comentarioh.gif) top left no-repeat;}
#submit:active {background:url(images/comentarioa.gif) top left no-repeat;}

h2.pagetitle, h2.titlesearch { text-align:center; font:normal 14px Arial, Helvetica, Sans-serif; border-bottom:1px dotted #999; padding:0 0 5px 0; margin:0 0 20px 0;}
h2.pagetitle .arcred {color:red; font:bold 20px Arial, Helvetica, Sans-serif;}
h2.titlesearch { font-weight:bold; font-size:20px;}

.hidden {display:none;}

ul.thumb { width:100%; height:300px;margin:0 0 0 10px; }
ul.thumb li { width:130px; height:130px;  float:left; margin:5px 8px; position: relative; }
ul.thumb li img { width: 100px; height: 100px;	border: 1px solid #ddd;	padding: 5px;	background: #f0f0f0;	position: absolute;	left: 0; top: 0;	-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover { background:url(thumb_bg.png) no-repeat center center; border: none; }

.wp-pagenavi {margin:30px 0 30px 50px;}
.wp-pagenavi a, .wp-pagenavi a:link {	padding: 6px 4px;	margin: 2px;text-decoration: none;color: #FFF;background-color: #B50414;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px;	margin: 2px;text-decoration: underline;border-right: 1px solid #0093DD;	color: #0093DD;	background-color: #FFFFFF;}
.wp-pagenavi a:hover {	color: #FFF;	background-color: #FF0000;}
.wp-pagenavi a:active {	padding: 6px 3px;	margin: 2px;	color: #FFF; background-color: #B50414; font-weight:bold;}
.wp-pagenavi span.pages {padding: 6px;	margin: 2px 2px 2px 0; color: #fff;	background-color: #B50414;}
.wp-pagenavi span.current {	padding: 2px 4px 2px 4px;	margin: 2px;	font-weight: bold; 	color: #B50414;	background-color: #FFFFFF; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px;	border: 1px solid #000000;	color: #000000; 	background-color: #FFFFFF; }

/* Servicos */

#knowhow {background:#FFFBCC url(images/knowhow.png) 5% 50% no-repeat; border:1px solid #E6DB55; padding:10px 0;}
#knowhow p {width:490px; margin:0 0 0 100px;}
#knowhow strong {color:#F2902C;}
.h3orange {font:bold 16px Georgia, Palatino, Times New Roman !important; background:none !important; padding:0 !important; margin:20px 0 0 0 !important; height:auto !important; color:#F2902C !important;}
#cidades a {text-decoration:underline;}
#formcontato h3 {font:bold 16px Georgia, Palatino, Times New Roman; background:none; padding:0; margin:20px 0 0 0; height:auto;}
#saibamais a {background:url(images/saibamais.jpg) top left no-repeat; width:104px; height:37px; display:block; text-indent:-9999px; overflow:hidden;}