/*
Theme Name: Blog 2012
Theme URI: http://blog.hugomaesta.com/
Description: Tema desenvolvido por Hugo Maesta para o Blog do Hugo.
Author: Hugo Maesta
Author URI: http://www.hugomaesta.com/
Version: 2.0

*/
:focus { outline:0; }
a:active { outline:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { border-left: 5px solid #CCC; padding-left: 9px; color: #333;  margin-left: 0 }
p img{padding:0;max-width:100%}img.centered{display:block;margin-left:auto;margin-right:auto}img.alignright{padding:0px;margin:0px 0px 10px 10px;display:inline}img.alignleft{padding:0px;margin:0px 10px 10px 0px;display:inline}.alignright{float:right}.alignleft{float:left}.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{text-align:center;padding:0px;margin:0px;overflow:hidden}.wp-caption.aligright{margin:0px 0px 10px 10px}.wp-caption.aligleft{margin:0px 10px}.wp-caption img{display:block;margin:0px 0px 4px;padding:0;border:0px;float:none}.wp-caption.alignright img{float:right}.wp-caption.alignleft img{float:left}.wp-caption p.wp-caption-text{display:block;font:400 11px/150% Arial, Helvetica, sans-serif;color:#666;padding:0px;margin:0px}
/* CSS */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #000 }
.center { width: 1000px; margin: 0 auto }
hr { border: 0px; background:url(images/hr.gif) repeat-x; padding: 0; height: 1px; margin: 10px 0;  }
#header { background: #f6f6f6; border-bottom: 1px solid #b8b8b8;font-family: 'Cabin', Arial, Helvetica, sans-serif; }
#header .top { background: #222; display: table; width: 100%; font-size: 11px; text-transform: uppercase; }
#header .top .a1 { float: left; padding: 10px 0; margin-right: 34px;}
#header .top .a1 a { color: #FFF; font-size: 18px; text-shadow: #000 0 1px 0;  }
#header .top .a1 a:hover { text-shadow: #000 0 1px 0, #FFF 0 0 6px; }
#header .top .a2 { float: left; background: url(images/a2-bg.gif) repeat-y left }
#header .top .a3 { float: right; padding: 13px 0 0 }
#header .top .a3 a { color: #FFF;  padding: 5px 10px; font-size: 13px }
#header .top .a3 a:hover { background: #333; border-radius: 3px }
ul.topnav {color: #e2e2e2;list-style: none;padding: 0 20px;margin: 0;float: left;font-size: 1.2em;}
ul.topnav li {float: left;margin: 0;padding: 0 10px;position: relative; /*--Declare X and Y axis base for sub navigation--*/}
ul.topnav li a{padding: 12px 5px 13px;color: #e2e2e2;display: block;float: left;}
ul.topnav li a:hover { color: #FFF }
ul.topnav li.c { background: url(images/tn-s.gif) no-repeat 89% center; padding-right: 20px; }
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {list-style: none;position: absolute;left: 0; top: 35px;background: #2e2e2e;margin: 0; padding: 2px;display: none;float: left;width:366px;}
ul.topnav li ul.subnav li{margin: 0; padding: 0; width: 120px; }
html ul.topnav li ul.subnav li a {float: left;width: 100px;padding-left: 13px; background: #333; border: 4px #2e2e2e solid; }
html ul.topnav li ul.subnav li a:hover { background: #222;}
.bottom { margin: 45px auto; clear: both; display: table; width: 100%;}
.bottom .cat { font-size: 35px; font-weight: bold; color: #3e3d3d; float: left; border-left: 5px solid #e00000; padding-left: 10px }
.bottom .busca { float: right }
.bottom .busca label.lupa { background: url(images/bus-1.png) no-repeat left top transparent;display:block;float:left;height:42px;text-indent:-99999px;width:40px; }
.bottom .busca input {background: url(images/bus-2.png) repeat-x;color:#999;float:left;font-size:13px;height:22px;padding:10px 0;width:180px;outline: 0 none; border: 0;}
.bottom .busca button {background:url(images/bus-3.png) no-repeat scroll right transparent;float:left;height:42px;width:17px;outline: 0 none; border: 0;text-indent:-99999px}
#container { width: 1000px; margin: 0 auto; clear: both; display: table }
#container .left { width: 650px; float: left; padding: 20px 0 0; }
.breadcrumb { font-size: 13px; }
.breadcrumb a { color: #000; text-decoration: none }
.breadcrumb span { color: #999 }
.ad-1 { margin: 30px 0 37px; background: url(images/ad-1-bg.png) repeat-x; width: 650px; clear: both; display: table; padding: 27px 0 0 27px}
.ad-1 .esqu { float: left; }
.ad-1 .dire { float: right; margin-top: 15px }
.ad-2 { margin: 18px 0 25px; }
.ad-3 { padding: 100px 0 100px; background: url(images/sidebar-end.png) no-repeat; }
.ad-4 { width: 728px; height: 100px; margin: 20px auto;}
.ad-5 { width: 336px; height: 300px; margin: 24px auto 0;}
.ad-6 { background: url(images/ad-6-bg.png) repeat-x bottom; padding: 0 0 27px; margin-bottom: 28px }
.ad-7 { width: 469px; margin: 0 auto 30px; }
#post { margin: 0 }
#container h1 { font-size: 29px }
#container h1,#container .left .title { padding: 0 0 7px 0; margin: 0; }
#container .h1s { color: #e00000; font: bold 30px/34px Arial, Helvetica, sans-serif !important; letter-spacing:-1px }
#container .left .title { font-size: 25px; }
#post p {text-align: justify}
#post .infos { background: #f8f8f8; border-bottom: 1px solid #CCC; padding: 10px; margin-top: 30px; font-size: 13px; clear: both; display: table; width: 100% }
#post .infos .e { float: left; }
#post .infos .d { float: right }
#post .infos a { color: #000;  font-weight: bold }
#post .infos a:hover { text-decoration: underline }
#post h2, #post h3 {letter-spacing:-0.055em;border-bottom:1px dotted #CCC; color:#666; font-weight:bold; padding:10px 0 5px;}
#post h2 {font-size:1.9em;}
#post h3 {font-size:1.6em;}
#post a { color: #e00000 }
#post a:hover { text-decoration: underline }
.related { margin-top: 20px; background: #F8F8F8; }
.related h4 { padding: 10px; border: 1px solid #CCC; margin: 0; background: #FFF; cursor: pointer; }
.related h4 span { background: url(images/related-toggle.png) no-repeat; width: 10px; height: 8px; font-size: 8px; letter-spacing: 2px; display: inline-table; margin-bottom: 1px; margin-left: 5px;  }
.related h4 span.ve { background-position: top left; }
.related h4 span.es { background-position: left -10px; display: none}
.related h4:hover { color: #e00000;}
.related ul { border-bottom: 1px solid #CCC; padding-bottom: 20px; list-style: square; color: #666; display: none  }
.related ul li a { color: #000; text-decoration: none }
.related ul li a:hover { text-decoration: underline }
#container .right { float: right; width: 320px; }
#container .right h4 { font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size: 16px; color: #000; letter-spacing: 1px; margin: 0; padding: 0; font-weight: normal; }
#container .right hr { background: url(images/sidebar-divisor.gif) left bottom no-repeat; border: 0; outline: 0; height: 1px; padding: 0; margin: 0; }
#container .right .social { padding: 20px 0 20px 20px;  border-left: 1px solid #b8b8b8; }
#container .right .social p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 0.01em; margin: 0; padding: 20px 0 0; clear: both; display: table; }
#container .right .social p a { color: #666;  }
#container .right .social p a:hover { text-decoration: underline }
#container .right .cats { padding: 20px 0 20px 20px;  border-left: 1px solid #b8b8b8;  }
#container .right .cats ul { padding: 0; margin: 15px 0 0 0; list-style: none;  }
#container .right .cats ul li { margin: 3px 0 }
#container .right .cats ul li span { font-size: 13px; color: #666; margin-left: 10px; display: none }
#container .right .cats ul li a { border-left: 1px solid #eee; padding-left: 7px;  color: #535353; font-size: 14px; }
#container .right .cats ul li a:hover {border-left: 1px solid #666; color: #e00000}
#container .right .facebook { padding: 18px 0 22px; background:url(images/hr.gif) repeat-x bottom; margin-bottom: 22px;  }
.comentarios { width: 650px; margin: 30px 0 20px; }
.comentarios h4 { font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size: 17px; text-transform: uppercase; color: #000; margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #b8b8b8 }
#trackbacks { list-style: square; padding: 0 0 0 30px; margin: 5px 0 30px; }
#trackbacks a {  color: #0159a4 }
#trackbacks a:hover { text-decoration: underline }
#comments-form { background: #f8f8f8; margin: 30px 0 0; padding: 0 0 10px 0; clear: both; width: 100%; display: table }
#comments-form h4 { background: #e00000; color: #FFF; padding: 4px 0 4px 5px; margin: 0; border-bottom: 0; }
#comments-form .d { color: #222; padding: 15px 0 20px; font-size: 13px; text-align: center }
#comments-form .d a { color: #222;  border-bottom: 1px solid #999 }
#comments-form .d a:hover { border-bottom: 1px solid #333; color: #000;  }
#comments-form .c { display: table; clear: both; width: 590px; margin: 0 auto }
#comments-form .esq { float: left; height: 90px; }
#comments-form .esq p { margin: 0 0 15px 0; padding: 0; }
#comments-form .dir { float: right; height: 90px }
#comments-form .botao { border: 1px solid #000; background: #333; color: #FFF; padding: 5px 50px; font-size: 14px; float: right; cursor: pointer }
#comments-form .botao:hover { background: #000 }
#comments-form .i1 { width: 200px; padding: 4px; border: 1px solid rgb(102, 102, 102); border-radius: 2px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
#comments-form .i1:focus { -moz-box-shadow: #0159a4 0 0 4px; -webkit-box-shadow: #0159a4 0 0 4px; border-color: #0159a4 }
#comments-form .i2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 340px; padding: 4px; border: 1px solid rgb(102, 102, 102); border-radius: 2px; height: 73px; }
#comments-form .i2:focus { -moz-box-shadow: #0159a4 0 0 4px; -webkit-box-shadow: #0159a4 0 0 4px; border-color: #0159a4 }
.commentlist { list-style: none; padding: 0; margin: 0; }
ul.children { list-style: none; }
li.depth-1 { width: 650px ; clear: both; display: table; border-bottom: 1px dotted #999; }
li.depth-2,li.depth-3,li.depth-4,li.depth-5 { padding-left: 25px; margin: 0 0 5px 0;background: url(images/resposta.gif) no-repeat 0 10px;}
.comentarios li { margin-bottom: 15px; font-size: 14px; }
.comentarios .info { font-size: 13px; background: #F4F4F4 url(images/comments-bg-right.gif) no-repeat right top; padding: 3px 20px 3px 10px; display: table; margin-left:-7px; float: left }
.comentarios .avatar { float: left; margin-right: 7px; }
.comentarios .info .autor { font-size: 14px; margin:0; padding: 0; font-weight: bold}
.comentarios .info .date { font-size: 12px; padding-left: 4px; margin: 0; color: #666 }
.comentarios .comment-text { padding: 9px 0 9px 65px;}
.comentarios .comment-text p { padding: 0; margin: 0 0 5px; color: #131313;	 }
.comentarios .reply { font-size: 13px;float: right; margin-top: 7px }
.comentarios .reply a{ padding: 4px 8px; text-decoration: none; border-radius: 2px; letter-spacing: 1px; color: #bbb; margin: 1px } 
.comentarios .reply a.b { color: #000; border: 1px solid #CCC; margin: 0  } 
.comentarios .reply a:hover { background: #333; color: #FFF; border: 1px solid #000; }
.comentarios .navigation { padding: 10px 0 20px } 
.jo { clear: both; display: table; width: 100%; padding: 10px 10px 0 10px }
.clear { display: table; }
li.depth-1 .clear {  width: 565px; }
li.depth-2 .clear {  width: 500px; }
li.depth-3 .clear {  width: 435px; }
li.depth-4 .clear {  width: 370px; }
li.depth-5 .clear {  width: 240px; }
#footer { background: #f6f6f6; border-top: 1px solid #b8b8b8; margin-top: 40px }
#footer .grid { width: 227px; float: left; display: table; color: #222; padding: 13px 10px 10px; height: 230px;  }
#f1 .m { margin-left: 6px; padding-left: 6px; border-left: 1px dotted #CCC }
#footer .grid .t { color: #222; text-align: center;  font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #FFF }
#f1,#f2 { width: 100%; display: table; }
#f1 a { color: #222; font-size: 13px; }
#f1 a:hover { text-decoration: underline }
#f1 .monavie { background: url(images/monavie.jpg)  no-repeat center bottom; }
#f1 .monavie p { margin: 0; padding: 0; text-align: center; font-size: 17px }
#f2 { background: #222; border-top: 1px solid #000  }
#f2 .l { color: #FFF; float: left; width: 900px }
#f2 .l a { color: #FFF; padding: 3px 10px;  }
#f2 .l a:hover { background: #FFF; color: #222;  border-radius: 10px; border-color: 0; }
#f2 .l .n { width: 160px; padding: 20px 0; background: #000; text-align: center; float: left; font-size: 20px;  }
#f2 .l .m { margin-top:24px; padding-left: 13px; display: table}
#f2 .r { float: right; margin-top: 14px }
#f1 li { margin-bottom: 3px }
#f1 ul { padding: 0 30px 0 }
#f1 ul.social { list-style: none; padding: 0; margin: 16px 0 0 0; font-family: 'Cabin', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#f1 ul.social li a { padding: 12px 0 12px 50px; background-position: 10px center; background-repeat: no-repeat; display: block; border-radius: 6px; font-size: 18px;  }
#f1 ul.social li a:hover { background-color: #333; color: #FFF; text-decoration: none }
#f1 ul.social li.twitt a { background-image: url(images/tw.png); }
#f1 ul.social li.faceb a { background-image: url(images/fa.png); }
#f1 ul.social li.feed a { background-image: url(images/fe.png); }
#container .box { text-shadow: #FFF 0 1px 0 }
#container .box h2 { font-size: 19px; padding: 0; margin: 8px 0 0 0; font-weight: normal }
#container .box .info { font-size: 10px; text-transform: uppercase; color: #666}
#container .left .box { width: 307px; height: 133px; margin: 0 18px 20px 0; float: left; }
#container .left .box img { float: left; margin-right: 8px; width: 115px; height: 115px }
#container .left .box a { width: 307px; height: 133px; display: table; padding: 10px; background: #fff; color: #333; text-decoration: none; border-radius: 3px }
#container .left .box a:hover { background: #F4F4F4 }
#container .right .box { width: 320px;clear: both; margin-bottom: 20px }
#container .right .box img { width: 310px; height: 100px }
#container .right .box a { width: 310px; height: 150px; display: table; padding: 10px; background: #f4f4f4; color: #333; text-decoration: none; border-radius: 3px; }
#container .right .box a:hover { background: #e4e3e3; }
#container .right .box .info { padding: 3px 0 12px; }
#container .right .box .info .dest { padding: 3px 6px; background: #666; color: #FFF; text-shadow: #000 0 1px 0; border-radius: 2px }
#container .pag { font-size: 18px; text-align: center; padding-top: 20px; width: 400px; margin: 16px auto 0; letter-spacing: -1px; clear: both }
#container .pag a { text-decoration: none; padding: 7px; margin: 0 3px; border: 1px solid #EEE; color: #666 }
#container .pag .active { padding: 7px; border: 1px solid #000 }
#container .pag a:hover { border-color: #999 }
#container .category-page { margin: 20px 0 }
#container .category-page p.nA,#container .category-page p.nB { font-size: 13px; background: #f8f8f8; padding: 7px }
#container .category-page p.nA { border-top: 1px solid #CCC; }
#container .category-page p.nB { border-bottom: 1px solid #CCC; }
#container .category-page h1 { margin: 5px 0; padding: 0; color: #e00000; letter-spacing: -1px; font-size: 32px }
#container .category-page p { text-align: justify }
.ultimos {width: 300px;height: 250px; overflow: auto; border: 1px solid #EEE; padding: 10px; margin: 10px 0 0 }
.ultimos .a { padding: 5px 0; border-bottom: 1px solid #EEE; clear: both; margin-bottom: 5px; height: 50px }
.ultimos .a img { float: left; margin-right: 10px }
.ultimos .a .date { font-size: 12px }
.ultimos .a p { margin: 2px 0 0; padding: 0; }
.ultimos .a p a { font-size: 15px; color: #000 }
.ultimos .a p a:hover { color: #e00000 }
.likefb {width:650px; background: url(images/curtanofb.png) no-repeat; padding-top: 62px; border-bottom: 3px solid #0154a0; margin: 20px 0; padding-bottom: 5px }
#container #erro { width: 700px; margin: 100px auto }
#container #erro a { color: #e00000 }
#container #erro a:hover { text-decoration: underline }
#container #erro img { margin: 0 20px 0 15px; float: left} 
#container #erro h2 { margin: 0; padding: 10px; background: #e00000; color: #FFF; font-weight: normal; border-radius: 4px }
#cancel-comment-reply { width: 200px; margin: 0 auto }
#cancel-comment-reply-link { padding: 5px 0 20px; clear: both; display: table; }
#single-share { background: url(images/share-box.png) no-repeat; width: 300px; height: 143px; }
#single-share div { float: left; margin: 55px 20px 0; width: 60px; height: 65px; text-align: center; }
.enquete { background: url(http://blog.hugomaesta.com/wp-content/uploads/enquete-do-bbb11.jpg) no-repeat center right }
.enquete .op { width: 301px; margin: 10px auto; }