/*
Theme Name: Belittle
Theme URI: http://www.belittle.com.br
Description: A primeira versao da belittle em wordpress
Version: 1.0
Author: i2g
Author URI: http://www.i2g.com.br
Tags: blue, custom header, fixed width, two columns, widgets
*/

* { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; 
    font:normal 12px Verdana, Helvetica, sans-serif; outline:0;}
    
.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%; } 

html {background:url(images/background.jpg) top left repeat-x;}

a {color:#0092DD;}

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

#header {width:100%; height:195px; background:url(images/topo.png) top left no-repeat;}
#header h1 a {text-indent:-9999px; display:block; overflow:hidden; width:960px; height:195px;}

#menu { width:100%; }
#menu ul { margin:1px 0 11px 0; }
#menu ul li { float:left; padding:2px 1px 5px 1px; background:url(images/separador.gif) right 2px no-repeat; }
#menu ul li a { text-indent:-9999px; overflow:hidden; display:block; background:url(images/menu.png) left top no-repeat; height:24px;  }

#menu ul li.page-item-9 a { width:110px; }
#menu ul li.page-item-9 a:hover { background:url(images/menu.png) left -25px no-repeat;  }

#menu ul li.page-item-10 a { width:190px; background-position:0px -48px; }
#menu ul li.page-item-10 a:hover { background:url(images/menu.png) left -73px no-repeat;  }

#menu ul li.page-item-11 { padding-right:7px; padding-left:4px; }
#menu ul li.page-item-11 a { width:87px; background-position:0px -98px; }
#menu ul li.page-item-11 a:hover { background:url(images/menu.png) left -123px no-repeat;  }

#menu ul li.page-item-12 { padding-right:5px; padding-left:3px; }
#menu ul li.page-item-12 a { width:87px; background-position:0px -148px; }
#menu ul li.page-item-12 a:hover { background:url(images/menu.png) left -173px no-repeat;  }

#menu ul li.page-item-13 { padding-right:6px; }
#menu ul li.page-item-13 a { width:108px; background-position:0px -198px; }
#menu ul li.page-item-13 a:hover { background:url(images/menu.png) left -223px no-repeat;  }

#menu ul li.page-item-14 { padding-right:7px; padding-left:4px; }
#menu ul li.page-item-14 a { width:115px; background-position:0px -248px; }
#menu ul li.page-item-14 a:hover { background:url(images/menu.png) left -273px no-repeat;  }

#menu ul li.page-item-15 { background:none !important; padding-left:5px; }
#menu ul li.page-item-15 a { width:209px; background-position:0px -298px; }
#menu ul li.page-item-15 a:hover { background:url(images/menu.png) left -323px no-repeat;  }
                   
#conteudo { width:100%; margin:20px 0 20px 0; float:left; }
#conteudo .colunaborda { border:1px solid #EDEDED; }
#conteudo a:hover { color:#F49EBD; }


#content { width:502px; float:left; margin:0 10px 0 15px; padding:10px; }
#content .title-dest {font:normal 20px Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; color:#DC1C60; margin:15px 0;}
.colunaborda h2 { color:#DC1A5F; font:normal 20px Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; }
.colunaborda h3, .colunaborda h3 a { color:#35A9E5; font:normal 18px Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; margin:10px; }
.colunaborda h4 { color:#FFAC33; font:bold 14px Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; }
.colunaborda p { margin:10px 0 0 10px; line-height:1.5em; color:#333; }
.colunaborda ul { margin:10px 0 10px 10px; }
.colunaborda ul li { background:url(images/marker-lista.jpg) left 5px no-repeat; padding-left:10px; margin-bottom:7px; color:#38ADE7; }
.colunaborda ul li a { color:#38ADE7; }


#content ul#ultimas {}
#content ul#ultimas li {width:495px; height:15px; overflow:hidden; margin:0 0 8px 0; }
#content ul#ultimas li h2 {width:495px; height:15px; overflow:hidden;}
#content ul#ultimas li a {display:block; text-decoration:underline; float:left; font:normal 12px Arial, Verdana, Helvetica, Sans-serif; color:#666; max-width:440px; width: auto !important; width: 440px; height:15px; overflow:hidden;}
#content ul#ultimas li a:hover {color:#DC1B5F;}
#content ul#ultimas li h2 span {float:left; margin:0 0 0 15px; font:normal 12px Georgia, Palatino, Times New Roman; color:#DC1B5F;}

#content ul#destaque li {width:45%; float:left; margin:0 0 0 5px;}
#content ul#destaque li h3 {margin:0 0 10px 0;}
#content ul#destaque li h3 a {font:bold 12px Georgia, Palatino, Times New Roman; text-align:center; color:#7BC0C6; display:block; width:223px; height:15px; overflow:hidden;}
#content ul#destaque li img {margin:0 0 5px 17px; max-width:200px; width: auto !important; width: 200px; max-height:62px; height: auto !important; height: 62px;}
#content ul#destaque li p {margin:0 0 0 17px; font-size:11px; color:#666; width:190px; height:100px; overflow:hidden; line-height:1.5em; }
#content ul#destaque  {}

#content .entry { margin-bottom:10px; }

#content #post-author { margin:30px 0 30px 0; border:1px solid #EDEDED; }
#content #post-author #img-author { width:96px; margin:10px 0 10px 10px; float:left; }
#content #post-author #inf-author { width:370px; margin:10px 0 10px 10px; float:left; }

#menu-lateral { width:180px; float:left; }
#menu-lateral ul {  }
#menu-lateral ul li { background:url(images/back-menu.jpg) top left repeat-y; border-bottom:2px solid #fff; }
#menu-lateral ul li a { color:#0092DD; background:url(images/marker.gif) 11px 11px no-repeat; font:normal 12px Trebuchet MS, Arial, Helvetica, Sans-serif;  padding:6px 0 0 25px;  height:22px; display:block;}
#menu-lateral h2.h-pink { background:url(images/h-pink.jpg) top left no-repeat; }
#menu-lateral h2.h-pink a { text-indent:-9999px; overflow:hidden; display:block; width:179px; height:41px; }
#menu-lateral h2.h-orange { background:url(images/h-orange.jpg) top left no-repeat; }
#menu-lateral h2.h-orange a { text-indent:-9999px; overflow:hidden; display:block; width:179px; height:40px; }
#menu-lateral h2.h-pink-menu { background:url(images/h-pink-menu.jpg) top left no-repeat; }
#menu-lateral h2.h-pink-menu a { text-indent:-9999px; overflow:hidden; display:block; width:179px; height:41px; }
#menu-lateral-bottom {width:180px; height:9px; background:url(images/back-menu-bottom.jpg) top left no-repeat;}

#sidebar h2.h-blue { background:url(images/h-blue.jpg) top left no-repeat; }
#sidebar h2.h-blue a { text-indent:-9999px; overflow:hidden; display:block; width:223px; height:43px; }
#sidebar h2.h-green { background:url(images/h-green.jpg) top left no-repeat; }
#sidebar h2.h-green a { text-indent:-9999px; overflow:hidden; display:block; width:223px; height:40px; }

#sidebar { width:223px; float:right;   }
#sidebar ol li { background:url(images/back-menu-2.jpg) top left repeat-y; border-bottom:2px solid #fff; padding:4px 0 7px 15px; }
#sidebar ol li a { color:#0092DD; font:normal 12px Trebuchet MS, Arial, Helvetica, Sans-serif;  height:22px; }
#sidebar ol li span { color:#FF9494; padding:0px 10px 0px 0; font:bold 16px Trebuchet Ms, Arial, helvetica, sans-serif; }
#sidebar ol li span.first { color:#FF0000; }

#bg-busca { background:url(images/back-menu-2.jpg) top left repeat-y; padding:10px 0 15px 0; }
#busca { background:url(images/busca.jpg) top left no-repeat; padding-left:50px;  }
#busca #s, #s { border:2px solid #F291B3; padding:2px; background:#fff url(images/marker-busca.gif) 129px 3px no-repeat; }
#busca .screen-reader-text, .screen-reader-text { text-transform:uppercase; color:#F291B3; font:bold 12px Arial, Helvetica, sans-serif; display:block; }
#busca #searchsubmit { display:none; }


#social { border:1px solid #DAF2F6; padding:10px 0 10px 0; }
#social ul li { float:left; margin:6px; }
#social ul li a { text-indent:-9999px; overflow:hidden; display:block; }
#social ul li.youtube { background:url(images/youtube.jpg) left top no-repeat; width:50px; height:21px; }
#social ul li.gmaps { background:url(images/google-maps.jpg) left top no-repeat; width:76px; height:21px; }
#social ul li.flickr { background:url(images/flickr.jpg) left top no-repeat; width:54px; height:21px; }
#social ul li.slideshare { background:url(images/slide-share.jpg) left top no-repeat; width:80px; height:23px; }
#social ul li.twitter { background:url(images/twitter.jpg) left top no-repeat; width:69px; height:23px; }
#social ul li.wikipedia { background:url(images/wikipedia.jpg) left top no-repeat; width:30px; height:24px; }
#social ul li.linkedin { background:url(images/linkedin.jpg) left top no-repeat; width:64px; height:21px; }
#social ul li.facebook { background:url(images/facebook.jpg) left top no-repeat; width:64px; height:15px; }
#social ul li.orkut { background:url(images/orkut.jpg) left top no-repeat; width:51px; height:17px; }

#erro { margin-top:30px; }
#erro #erro-img { width:190px; float:left; }
#erro #erro-inf { width:290px; float:left; }

#commentform a.logout { color:red; }
#commentform textarea { border:2px solid #EF9B11; color:#666; padding:4px; }
#commentform #submit { background:url(images/bg-button.jpg) top left repeat-x; color:white; font:notmal 14px Arial, helvetica, sans-serif; padding:8px 30px 8px 30px; border:2px solid #E4E4E4; margin-left:72%; }
#commentform #author, #email, #url { border:1px solid #EF9B11; padding:3px; color:#666; }
#commentform #author { margin-left:14px; }
#commentform #email { margin-left:12px; }
#commentform small { color:#EF9B11; font:bold 13px Arial, helvetica, sans-serif; }

ol.commentlist li { background:#EAF6FC; }
.commentlist li { padding-bottom:10px; }
.commentlist li a.url { font:bold 14px Arial, Helvetica, sans-serif; color:#DC1D60; display:block; }
.commentlist .comment-author { float:left; margin:20px 0 0 0; }
.commentlist .comment-author-text { float:left; width:80%; color:#333; margin:20px 0 0 10px; }



#footer { width:100%; height:120px; clear:both; background:#D4EDF1 url(images/footer.jpg) top center repeat-x; }
#rodape { width:960px; height:100px; margin:20px auto;  }  
#foo-menu { float:left; margin:80px 0 0 10px; }
#foo-menu ul li { display:inline; }
#foo-menu ul li a { color:#DC1D60; text-decoration:underline; }

#foo-menu .rights  { color:#0092DD; font:bold 12px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; margin-top:20px; }
  
#rodape p.logo { margin:50px 0 0 0; float:left; background:url(images/logo.png) top left no-repeat; }
#rodape p.logo a { text-indent:-9999px; overflow:hidden; display:block; width:118px; height:69px; }

.home .sociable {display:none;}