/* Theme Name: ADA Theme URI: http://arquivo.tk/temas/ada Description: ADA - "Adopting Animals" or just my pet's name, is theme for local or small projects for animal adoption. Version: 1.0 Author: Diana K. Cury Author URI: http://arquivo.tk Tags: green, white, editor-style, custom-menu, translation-ready, threaded-comments,two-columns, fixed-width, custom-header License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ body{ background: #FFFFFF; color: #444; font-family: "trebuchet ms"; font-size: 62.5%;/* Resets 1em to 10px */ margin: 0; padding: 0; text-align: center } a { color: #99CC66; text-decoration: none } a:visited { color: #999 } a:active, a:hover { color: #444; text-decoration: none } h1, h2, h3, h4, h5, h6{ font-family: Arial;text-transform:capitalize } hr{ border: 1px solid #eee } ol{ list-style-position: inside; list-style-type: decimal } ul{ list-style-position: inside; list-style-type: square } tt, kbd { font:bold 12px courier } code, pre{ background: #FFFFCC; font: normal 12px courier } blockquote { font: italic 12px arial;border-left:5px solid #ccc; margin: 0 0 1em 1em; text-align: justify; -moz-border-radius: 10px; border-radius: 10px; padding:0px 10px 0px 15px } td{ border: 1px solid #ccc } table { border-collapse: collapse; border-spacing: 0 } /* Wordpress *******************************/ .bypostauthor, .sticky{} .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto } .alignleft { float: left; margin: 0 1em 1em 0 } .alignright { float: right; margin: 0 0 1em 1em } .wp-caption img { border: none; margin: 0; padding: 0 } .wp-caption .hentry img{ border:0px solid #ccc;padding:4px } .wp-caption { border: none; margin: 0; padding: 10px 0px 0 10px } .wp-caption.alignright { margin: 0 0 10px 10px } .wp-caption.alignleft { margin: 0 10px 10px 0 } .wp-caption p.wp-caption-text { font: italic normal .92em arial; text-align: center } .hentry img{ border:1px solid #ccc;padding:4px } .hentry a{ font-weight:bold; text-decoration: underline } #content .gallery { background: url(img/grad.png) repeat-x; border: 1px solid #f6f6f6; clear: both; display: block; font: italic normal .92em arial; margin: 10px auto 10px 0; padding: 20px 0 10px 0 } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33% } #content .gallery img { border: 2px solid #cfcfcf } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px } #content .gallery dl { margin: 0 } #content .gallery img { border: 10px solid #f1f1f1 } /* Layout */ .clear{ clear: both; height: 1px } #page{ display: table; font: normal 1.2em verdana; line-height: 1.6em; padding: 0; text-align: left; width: 1000px } .wrapper{ display: table; margin: 0px auto; padding: 0; width: 1000px } #wrapper-main{ display: table; margin: 0px auto; padding: 0; padding: 0; width: 1000px } .mwrapper{ background: #f2f2f2; display: table; margin: 0px auto; padding: 10px; width: 1000px } #content{ display: block; float: left; line-height: 24px; margin: 0px 20px 0 0; padding: 0 0 0 0px; width: 680px } #content-wrapper{ background: #FFC0CB; display: table; margin: 0; width: 880px } #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{ text-decoration:none;border-bottom:1px solid #eee } #content h1 { font:normal 28px arial;color:#999;border-bottom:1px solid #eee } #content h2, h2.entry-title a { font:normal 25px arial;color:#99CC66; } #content h3 { font:normal 22px arial;color:#99CC66 } #content h4 { font:normal 18px arial;color:#999 } #content h5 { font:bold 17px arial;color:#999 } #content h6 { font:bold 16px arial;color:#999 } /* Header */ #header{ display: Table; height: 160px; margin: 0; padding: 0 0 0 10px; text-align: left } #header-wrapper{ display: block; margin: 0 auto; width: 900px } #logo img{ border: none; float: left; margin: 10px 20px 10px 0 } #site-title{ display: block; float: left; margin: -10px 0; padding: 0 } #site-title h1{ font: italic normal 40pt georgia } #site-title h2{ color: #999; font: bold 9pt arial; letter-spacing: 6px; margin: -20px 0 0 0; text-transform: uppercase } /* Top bar */ #top{ background:url(img/menu.png); border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; width:270px;float:right;padding:5px 10px 10px 10px; } #top img { border:none; float:left; margin:5px 4px 0 0 } #searchsubmit-top { background:url(social/search.png) no-repeat; border:none; margin:2px 0 0 0; width:24px;height:22px;float:left; } #s-top{ border:1px solid #ccc; border-right:none; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; float:left;padding:2px ; margin:2px 0 0 6px; text-align: center } /* Sidebar */ #sidebar select, #footer select { background: url(img/grad.png); border: 2px solid #ddd; font-family: verdana; margin: 0px 0 10px 10px; text-transform: capitalize } #sidebar{ float: left; font: normal 12px "Trebuchet MS", Tahoma, Arial; margin: 20px 0px 2px; width: 300px } #sidebar h2, footer h2{ font: normal 18pt arial;text-transform:capitalize } #sidebar a:hover, #footer a:hover{ color: #666; text-decoration: underline } /*sidebar list level1 */ #sidebar ul { margin: 0; padding: 0 } #sidebar ul li { border: none; list-style: none; margin: 0; padding: 0 } /*sidebar list level2 */ #sidebar ul li ul { margin: 0; padding: 0 } #sidebar ul li ul li{ border-bottom: 0px solid #FEFDF7; list-style-type: square; padding: 2px 0 2px 0px } /*sidebar list level3 */ #sidebar ul li ul li ul li{ border: none; padding: 1px 0 1px 10px } /* Sidebar (tabs) */ #sidebar .box-tab { background: #fff; border: 1px solid #ddd; margin: 0; width: 290px ; padding:0 5px 5px 5px; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-top-right-radius:10px; -moz-border-radius-topright :10px; } #sidebar .box-tab .tabs { height: 1%; overflow: hidden; text-transform: uppercase } #sidebar .box-tab .tabs li { background: none; float: left } #sidebar .box-tab .tabs li a { background: #f3f3f3; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; color: #666; float: left; font: bold 15px arial; padding: 10px } #sidebar .box-tab .tabs li a.active { background: #fff; border-bottom: 1px solid #fff; color: #666; font: bold 15px arial; text-decoration: none } #sidebar .tabs li a:hover { background: #fff } #sidebar .box-tab a, #sidebar .box-tab a:visited { color: #888888; font: bold 14px arial; text-decoration: none } #sidebar .box-tab a:hover { color: #99CC66; text-decoration: underline } #sidebar #tab-comments{ padding: 10px } #sidebar #tab-posts,#sidebar #tab-tags{ margin: 0; padding: 0 10px 10px 10px } h2#rss2{ font:normal 20px arial;background: url(social/rss2.png) no-repeat;padding:5px 0 5px 35px; color:#999;margin:0; } h2#feed-pets{ font:normal 20px arial;padding:5px 0 5px 10px; color:#999;margin:10px 0 15px 10px; } h2#busca{ font:normal 20px arial;background: url(social/busca.png) no-repeat;padding:5px 0 5px 35px; color:#999;margin:10px 0 15px 10px; } /* Navigations nav.php e morelink */ #page-links a{ font: bold 13px "trebuchet ms"; margin: 0 30px 0 0; text-transform: uppercase } #page-links { text-align: center } .navigation{ border-top: 1px solid #E3DED0; margin: 10px 0 0 0; padding: 10px 10px 0 10px } .navigation a{ color: #336666; font: bold 13px "trebuchet ms"; text-transform: uppercase } .navigation a:hover{ text-decoration: underline } /* Form da pesquisa */ #subscription_email,#s{ border: 1px solid #ddd; font: italic 15px arial; margin: 0 4px 0 0; padding: 8px 0px 8px 4px; text-align: center } .hentry input { border:1px solid #999;padding:5px ;margin:0 0 8px 0 } #subscription_btn,#searchsubmit, #submit, #wp-submit{ background: url(img/btn-v.png); -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #B3D569; color: #fff; font: bold 14px arial; padding: 8px 10px 8px 10px; text-transform: uppercase } #subscription_btn:hover,#searchsubmit:hover,#submit:hover{ border: 1px solid #95C236 } /* Botoes */ .btn-mini { -moz-border-radius: 5px; border-radius: 5px; background: #fff url(img/btn.png) repeat-x; border: 1px solid #ccc; font: bold 8pt arial; margin: 20px 0 0 0; padding: 4px 8px 4px 8px; text-align: center; text-transform: uppercase;display:table; } .btn-mini:hover { background: #fff url(img/btn.png) 0px -3px repeat-x; border: 1px solid #999;color:#666 } .btn-mini a:link, .btn-mini a:visited, .btn-mini a:active{ color: #999; font-family: arial; font-weight: bold; text-decoration: none } .btn-g a { background: url(img/btn-v.png); border: 1px solid #B3D569; color: #fff; font: bold 14px arial;letter-spacing:-1px; padding: 6px 18px 6px 18px; text-transform: uppercase; -moz-border-radius: 3px; border-radius: 3px; } .btn-intro a{ background: url(img/btn-v.png); border: 1px solid #B3D569; color: #fff; font: bold 16px arial;letter-spacing:0px; padding: 6px 18px 6px 18px; text-transform: uppercase;-moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 10px rgba(10,2,0,0.2); } .btn-intro a:active,#subscription_btn:active,#searchsubmit:active,#submit:active{ background: url(img/btn-v.png) 0px -15px; color: #fff } .btn-intro a:hover,.btn-intro:hover,.btn-g a:hover { color:#f3f3f3; } /* Footer */ .menu-rodape { border-top: 1px solid #eee; font: bold 13px "trebuchet ms"; line-height: 30px } .menu-rodape ul li{ display: inline; list-style-image: none; list-style-type: none; padding: 2px 4px 2px 4px; white-space: nowrap } .menu-rodape a{ border: none; color: #999; padding: 2px 4px 2px 4px; text-decoration: none } .menu-rodape a:hover{ background: #999; border: none; color: #fff; padding: 2px 4px 2px 4px; text-decoration: none } .menu-rodape .current-menu-item,.menu-rodape .current-post-ancestor{ background: #999 } .menu-rodape .current-menu-item a,.menu-rodape .current-post-ancestor a{ color: #fff } #footer-notes{ color: #999; display: table; font: normal 8pt "trebuchet ms"; margin: 40px 0 0 40px } #footer{ background: #fff url(img/grad.png) repeat-x; border-top: 1px solid #eee; display: Table; font-size: 10pt; margin: 20px 0 0 0; padding: 10px 0 10px 0; text-align: left; width: 100% } .footer2{ background: #fff; display: Table; height: 100px; text-align: left; width: 100% } #footer ul, li{ margin: 0; padding: 10px } #footer .widget ul{ list-style-position: inside; margin: 0; padding: 0 } #footer a, li a{ font-weight: bold } #footer ul ul{ font-size: 1em; margin: 0; padding: 0 } #footer ul li{ list-style: none; list-style-image: none; margin: 0 } #footer ul ul{ margin: 0; padding: 0 } #footer li li{ color: #7F5D49; list-style-type: square; margin: 0; padding-left: 22px } #footer li li li{ padding-left: 0px } /* Post */ .page-link { clear: both; color: #666; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #99CC66; color: #fff; font: bold 12px arial; padding: 0.5em 0.75em; text-decoration: none; } #breadcrumb{ border-bottom: 1px solid #E3DED0; color: #99CC66; font: bold 12px "trebuchet ms"; margin: 20px 0 20px 0; text-transform: uppercase } .post{ margin: 0px 0 20px 0; overflow: hidden; padding: 0 } .post h2 a{ font: normal 20pt arial } .posttitle { font: normal 20pt arial; margin: 4px 0 0 0; padding: 4px } .postmeta{ border-bottom: 1px solid #eee; border-top: 1px solid #eee; clear: both; color: #999; font: bold 11px arial; line-height: 20px; margin: 10px 0 20px 0; padding: 5px 0 5px 0; text-transform: uppercase;width:680px;overflow:hidden; } .postmeta a{ color: #999; font: bold 11px arial; text-decoration: underline } .postmeta a:hover{ color: #333 } /* intro */ #intro{background:url(img/intro-v2.png);margin:-1px auto;overflow:hidden;padding:0;text-align:left;width:1026px;} #intro-shadow{;background:url(img/intro-v3.png) no-repeat;display:block;float:left;height:20px;width:1028px;} #intro-wrap{background:#fff url(img/intro-v1.png) repeat-x;height:350px;margin:0 auto;padding:40px 0 0 0;width:1000px;-moz-box-shadow: 0px 2px 10px rgba(10,2,0,0.2); } #nextBtn a{background:url(img/i-next.png) no-repeat 0 0;left:560px;position:Absolute;} #prevBtn a{background:url(img/i-prev.png) no-repeat 0 0;left:0px;position:Absolute;} #prevBtn a,#nextBtn a{color:#fff ; width:26px;display:block;font-size:1px;height:30px;} #prevBtn a,#nextBtn a,#prevBtn2 a,#nextBtn2 a{display:block;height:44px;width:42px;} #prevBtn,#nextBtn,#prevBtn2,#nextBtn2{float:left;} #slider{float:left;margin:0 auto;} #slider img{border:none;} #slider li,#slider2 li{display:table;height:210px;padding:0;width:620px;} #slider ul,#slider li,#slider2 ul,#slider2 li{list-style:none;margin:0;padding:0;} span#controls,span#controls2{display:block;float:left;left:140px;margin:0;position:Absolute;top:430px;} #prevBtn a:hover,#nextBtn a:hover{color:#fff;} .foto-intro{ float:left; display:block; margin:10px 20px 50px 50px; background:#fff url(img/thumb.png) 50% 50% no-repeat; -moz-box-shadow: 0px 2px 10px rgba(10,2,0,0.2); padding:10px; width:230px;height:230px; } .foto-intro img{ border:none; margin:0;padding:0;display:Table; width:230px;height:230px; } .foto-intro-span{ display:table; overflow:hidden; } .titulo-intro a{ color: #99CC66; display: block; font: normal 25px arial; margin: 0px 0 10px 0 } .intro-data{ color: #999; font: bold 12px arial; line-height: 20px;padding:0 0 20px 0 } #menu-intro-w{ background: #99CC66 url(img/intro-box.png) repeat-x; overflow:hidden; float: left; height: 320px; margin: 0px; padding: 0; width: 360px } #menu-intro-w ul { list-style: none; margin: 20px 0 0 0; padding: 0 } #menu-intro-w li { list-style: none; margin: 0 0 15px 0; padding: 4px 0 4px 25px } #menu-intro-w li:hover { background: url(img/dt.png) no-repeat 0px -0px; list-style: none } #menu-intro-w li a{ color: #fff; font: normal 22px arial; margin: 0; text-transform: uppercase } .box-adote{ background: #fff url(img/grad.png) repeat-x; border: 1px solid #ededed; display: table; font: normal 12px arial; margin: 20px 0 20px 0; padding: 10px; width: 660px } .box-index{ border-right: 1px dashed #CDCDCD; display: block; float: left; margin: 0; padding: 0 5px 0 15px; width: 140px } .box-index p{ margin: 0 0 4px 0 } .box-index h2 a{ font: italic bold 20px georgia } .box-index img{ border: none } /* Thumbs e miniaturas */ .thumb{ float:left; display:block; margin:5px 20px 10px 10px; background:#fff url(img/thumb.png) no-repeat 50% 50%; -moz-box-shadow: 0px 2px 10px rgba(10,2,0,0.2); padding:5px; width:125px;height:125px; } .thumb img{ border:none; margin:0;padding:0;display:Table; width:125px;height:125px; } .thumb-geral{ border: 1px solid #ccc; display: table; float: left; margin: 0 10px 10px 0 } .thumb-geral img{ border: none; height: 120px; margin: 4px; width: 120px; padding:0; } /* Icones das paginas especiais/social.php */ #meta-pet{ color: #C6C8C9; font: bold 9pt arial; text-transform: uppercase } .add{ background: url(img/icons.png) no-repeat; margin: 0; padding: 0 0 0 20px } .atz{ background: url(img/icons.png) no-repeat 0px -20px; margin: 0; padding: 0 0 0 20px } .heart{ background: url(img/icons.png) no-repeat 10px -454px; font-weight: bold; padding: 0 0 0 30px } .casa{ background: url(img/icons.png) no-repeat 10px -486px; font-weight: bold; padding: 0 0 0 30px } #social{ background: url(img/pets.png) no-repeat 0px 14px; display: table; margin: 0 0 10px 0; padding: 0px 0 10px 60px; line-height:14px } #social a{ font: bold 16px "trebuchet ms"; letter-spacing: -1px } #social span { float: left; margin: 0 20px 0 0 } #social span:hover { float: left; margin: -4px 20px 0 0 } .rss{ background: url(img/social.png) no-repeat; padding: 10px 10px 4px 28px } .tags{ background: url(img/icons.png) no-repeat 0px -370px; padding: 3px 20px 2px 20px } .dat{ background: url(img/icons.png) no-repeat 0px -400px; padding: 3px 20px 2px 20px } .com{ background: url(img/icons.png) no-repeat 0px -50px; padding: 3px 0px 2px 20px } .cat{ background: url(img/icons.png) no-repeat 0px -285px; padding: 3px 20px 2px 18px } .fontemais{ background: url(img/icons.png) no-repeat 0px -631px; padding: 3px 20px 2px 20px } .fontemenos{ background: url(img/icons.png) no-repeat 0px -650px; padding: 3px 20px 2px 20px } .sendmail{ background: url(img/icons.png) no-repeat 0px -678px; padding: 3px 20px 2px 20px } .source{ background: url(img/icons.png) no-repeat 0px -703px; padding: 3px 20px 2px 20px } .feed{ background: url(img/icons.png) no-repeat 0px -728px; margin: 0 0px 0 20px; padding: 3px 0px 2px 20px } .twitter a:link{ background: url(img/social2.png) no-repeat 0px -34px; color: #33CCFF; padding: 2px 0 2px 20px ;float:left; } .facebook a:link{ background: url(img/social2.png) no-repeat 0px 2px; color: #336699; padding: 2px 0 2px 20px ;float:left; } .orkut a:link{ background: url(img/social2.png) no-repeat 0px -70px; color: #cc33cc; padding: 2px 0 2px 20px ;float:left; } .mail a:link{ background: url(img/social2.png) no-repeat 0px -106px; color: #999; padding: 2px 0 2px 20px ;float:left; } .rss a:link{ background: url(img/social2.png) no-repeat 0px -142px; color: #999; padding: 2px 0 2px 20px ;float:left; } /* Comentários */ .nocomments { display: table; font: bold italic 20px georgia; margin: 0 auto; padding: 10px; text-align: center; width: 560px;color:#ccc } .comment-body{ margin: 0; padding: 0 } .commentlist{ font-size: 11px; line-height: 15px; margin: 20px 0; padding: 0 } .commentlist li{ list-style: none; margin: 6px; padding: 0 } li.comment div, li.pingback div{ overflow: auto; padding: 10px } li.comment div div, li.pingback div div{ overflow: visible; padding: 0 } .commentlist li.even{ background: #F4F9FA } .commentlist li.odd{ background: #FBFDFD } .commentlist li .depth-1{ background: #F4F9FA } .commentlist li .depth-2{ background: #fff } .commentlist li .depth-3{ background: #F4F9FA } .commentlist li .depth-4{ background: #fff } ul.children li{ list-style: none } .avt{ background: #fff; border: 1px solid #ccc; float: right } li.pingback{ background: #fff url(img/icons.png) 0px -772px no-repeat; color: #6699CC; font: bold 11px arial; margin-left: 50px; padding: 0 0 0 20px } .avatar{ float: right } img.avatar{ border: 1px solid #eee; margin: 4px } .commentlist a{ border-bottom: 1px solid #ccc; color: #999999 } .commentlist .comment-meta{ font: normal 10px "trebuchet ms" } .commentlist .reply{ display: table; font: normal 10px "trebuchet ms"; padding: 4px; text-transform: uppercase } .commentlist .reply a{ color: #99CC66 } .fn a, .fn{ font: bold normal 14px arial } .comment-meta { margin: 0 0 0 10px } #cancel-comment-reply-link{ border-bottom: 1px dotted #FF3333; color: #FF3333; display: table; font: normal 10px "trebuchet ms"; padding: 4px; text-transform: uppercase } textarea#comment{ width: 100% } #comments div.navigation{ font-size: 0.9em } /* Comments form */ #respond { background: #fff url(img/grad.png) repeat-x; border: 1px solid #ddd; margin: 20px auto 0 auto; overflow: hidden; padding: 20px; position: relative; width: 94% } #respond p { margin: 0 } #respond .comment-notes { margin-bottom: 1em } .form-allowed-tags { line-height: 1em } .children #respond { margin: 0 48px 0 0 } h3#reply-title { color: #99CC66; font: normal 18pt arial; margin: 18px 0 } #comments-list #respond { margin: 0 0 18px 0 } #comments-list ul #respond { margin: 0 } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px } p.login-username, p.login-password, p.login-remember { color: #888; color: #BCBCBC; font: normal 14pt arial } #respond label{ color: #BCBCBC; float: left; font: bold 14px arial; margin: 10px 10px 0 50px; width: 80px } .comment-awaiting-moderation{ background: #FFFACD } #author, #email, #url { border: 1px solid #DBDBDB; color: #666; font: normal 16px arial; margin: 3px; padding: 4px; width: 60% } #url{ margin: 4px 0 0 10px } #respond textarea { border: 1px solid #DBDBDB; color: #666; float: left; font: normal 16px arial; margin: 10px 10px 0 10px; padding: 4px; width: 60% ;height:120px } #respond .form-allowed-tags { color: #888; float: left; font-size: 12px; line-height: 18px; margin: 10px 0 10px 150px; width: 60% } #respond .form-allowed-tags code { background: #F0F0F0; font-size: 11px } #respond .form-submit { float: left; margin: 20px 0 0 150px } /* Widget estilos */ #sidebar .widget{ border: 1px solid #eee; float: left; font-size: 10pt; margin: 20px 0 0px 0; padding: 20px 10px 20px 10px; width: 280px } #footer .widget{ background: #fff url(img/grad.png) repeat-x; border-top: 1px solid #eee; float: left; margin: 0 0 40px 0; padding: 20px 10px 10px 10px; width: 290px } #sidebar .widget ul,#footer .widget ul{ margin: 0 0 0 20px } #box-central{ display: table; float: left; padding: 0 0 0 10px; width: 320px } #box-d,#box-e{ float: left; width: 330px } h2.widgettitle{ color: #999; font: normal 18pt arial; margin: 0 0 10px 20px; padding: 0; text-align: left } .widget{ list-style-type: none; width: 250px } .widget a{ color: #99CC66 } #sidebar label{ float: left; font: bold 10pt arial; text-align: right; width: 100px } #sidebar .widget li, #footer .widget li{ list-style: none; list-style-position: inside; margin: 0px; padding: 4px 10px 4px 20px } #sidebar .widget li a, #footer .widget li a{ text-decoration: underline } /* tags especiais */ .adotado{background:url(img/adotado.png) no-repeat;color:#444;display:table;float:right;font:italic normal 18px georgia;height:18px;margin:80px 0 0 0px;padding:8px 28px 20px 26px;position:absolute;text-transform:capitalize;width:10px;z-index:1000;} .adotado-index{background:url(img/adotado.png) no-repeat;color:#444;display:table;float:right;font:bold 14px arial;height:18px;margin:80px 0 0 -10px;padding:10px 24px 20px 26px;position:absolute;text-transform:uppercase;width:10px;z-index:1000;} /* box filtro e login */ .bk{ background: url(img/bk1.jpg); color: #666; margin: 0; padding: 10px } .bk h2{ font: normal 17pt arial; margin: 10px 0 20px 20px; padding: 0 } .bk label{ font: bold 10pt arial; text-transform: uppercase } .bk p{ font: 14px verdana; line-height: 25px } /* info/incetivo */ #info { background: #fff url(img/grad.png) repeat-x; border: 1px solid #ededed; display: table; float: left; font: normal 12px arial; line-height: 20px; padding: 20px; width: 640px } #info a, .box-index a{ font-weight: bold } .more{ background: url(img/links.png) 100% -17px no-repeat; font-weight: bold; padding: 4px 20px 0 0; text-transform: uppercase } #info ul li { list-style: none; margin: 0; padding: 0; text-transform: uppercase } #info ul { padding: 4px } .info-pet dt{ float: left; font: bold 12px arial; margin: 2px 10px 0 0 } dl.info-pet{ float: left; margin: 0; width: 220px } .info-pet dl{ float: left; font: bold 12px arial; margin: 0 10px 0 0 } ul.pet-info-index{ float: left; font: bold 12px arial; list-style: none; margin: 0; padding: 0 } li.pet-info-index{ line-height: 0; margin: 0; padding: 0 } #ob{ padding:10px;border:1px solid #ddd; margin:30px 0 0 0;display:block; font: italic 12px georgia; } #ob h2{ font:bold italic 18px georgia;margin:0 0 20px 0 } /* boxes e containers */ .box-vertical{ display: block; float: left; margin: 0 12px 0 0; padding: 0 4px 4px 0; width: 210px } .titulo{ background: url(img/dot.png) no-repeat left; font: normal 18pt arial; margin: 10px 0 10px 0; padding: 2px 0 0px 20px } .data{ color: #CECECE; font: bold 10pt arial; text-transform: uppercase } /* INtro-header */ .box-wrapper{ display: Table; float: right; width: 300px } .widget_recent_comments li{ background: url(img/icons.png) 0px -44px no-repeat; padding: 0px 2px 0px 30px } .widget_recent_entries li, .widget_pages li{ background: url(img/icons.png) 0px -180px no-repeat; padding: 0px 2px 0px 30px } .widget_archive li{ background: url(img/icons.png) 0px -256px no-repeat; padding: 0px 2px 0px 30px } .widget_categories li{ background: url(img/icons.png) 0px -283px no-repeat; padding: 0px 2px 0px 30px } .xoxo li, .xoxo ul li, .xoxo ul{ float: left; margin: 0; padding: 0 } .xoxo img{ border: 1px solid #ccc; float: left; margin: 0 10px 10px 0; padding: 5px; width: 40px } /* pagenavi */ .wp-pagenavi{clear:both;} .wp-pagenavi span.current{background:#9C6;color:#fff;font:bold 14px arial;margin:2px;padding:2px 4px 2px 4px;} .wp-pagenavi span.extend{background:#FFF;color:#000;margin:2px;padding:2px 4px 2px 4px;} .wp-pagenavi span.pages{color:#999;font:bold 14px arial;margin:2px 2px 2px 2px;padding:2px 4px 2px 4px;text-transform:uppercase;} .wp-pagenavi a,.wp-pagenavi a:link{color:#999;font:bold 14px arial;margin:2px;padding:2px 4px 2px 4px;text-decoration:none;} .wp-pagenavi a:hover,.wp-pagenavi a:active{background:#9C6;color:#fff;} .wp-pagenavi a:visited{background:#FFF;color:#9C6;margin:2px;padding:2px 4px 2px 4px;text-decoration:none;} /* related posts */ .related-img{background:#fff url(img/thumb.png);border:1px solid #ddd;display:block;height:80px;margin:0 auto 10px auto;overflow:hidden;padding:4px;width:80px;} .related-img img{border:none;display:block;height:80px;width:80px;} #related-post{background:#0FF;display:inline;float:left;margin:10px; padding:10px;} #related-post{height:100px;overflow:hidden;width:100px;} #related-post h2{margin:0;padding:0;} #related_post li{display:inline;float:left;font:bold 11px arial;line-height:13px;list-style:none;margin:10px 15px 0 0;text-align:center;width:100px;} #related_post ul{display:table;margin:0;padding:0;} /* estilos para o index */ #artigos h2, #blog h2, #news h2{ font:normal 22px arial;margin:0 10px 20px 0 ; } #artigos h2 a, #news h2 a{ color:#99CC66 ;background:none; } .titulo { background:url(img/dot.png) no-repeat ;padding:4px 0 4px 28px ; font:normal 34px arial;border-bottom:1px solid #D3E9BE;color:#999 } /* ARTIGOS */ #artigos{ width:680px;float:left; display:Table; } /* BLOG */ #blog{ width:680px;float:left; display:Table; } #blog h2 a{ color:#999 } .blog-thumb{ float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:4px; } .blog-box{ background:#fff url(img/grad.png) repeat-x 0px 0px;display:table;padding:20px ; color:#999 } /* NOTICIAS */ #news{ width:300px;float:right;display:Table; } /* Procurados */ .procurado-w{ width:200px;float:left;margin:0 20px 20px 0 } #procurado-promo{ background:url(img/intro-box.png) repeat-x 0px -80px ;display:block; padding:20px; -moz-border-radius: 10px; border-radius: 10px; margin:10px 0 10px 0 } #procurado-promo h2{ color:#fff;margin:0; } .procurado{ float:left; display:Table; padding:10px 10px 30px 10px; margin:0 20px 0 0; background:#fff; -moz-box-shadow: 0px 2px 10px rgba(10,2,0,0.2); } .procurado img{ border:none; margin:0; background:#fff;padding:0; } .procurado span{ width:200px;height:200px;display:block;overflow:hidden; } .mini-block{ border-bottom: 1px solid #ccc; display: table; padding: 0 0 20px 0 ;margin:10px 0 0 0 } .thumb-mini{ border: 1px solid #ccc; display: table; float: left; margin: 0 10px 10px 0 } .thumb-mini img{ border: none; height: 80px; margin: 4px; width: 80px } .procurado-thumb{ float:left; display:Table; padding:10px;width:150px;height:270px; margin:0 auto 20px auto; background:#fff; -moz-box-shadow: 0px 2px 10px rgba(10,2,0,0.2); } .procurado-thumb img{ border:none;width:150px;height:150px;padding:0;margin:0 } .procurado-thumb-bk{ background:url(img/thumb.png) 50% 50% no-repeat;width:150px;height:150px; } /* =Menu -------------------------------------------------------------- */ #mc-con{ background: url(img/menu.png) repeat-x; display: Table; height: 51px; margin: 0; padding: 0; text-align: left; width: 100% } #access { background: url(img/menu.png); display: block; margin: 0 auto; width: 1000px; height:50px;padding:0; } #access .menu-header, div.menu { font: normal 13px arial; text-transform:uppercase; margin-left: 0px; width: 928px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; padding:0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { display: block; padding: 0; text-decoration: none; } #access li a{ margin:0px 1px 0 0 ; ;padding:16px 20px 18px 20px ;color:#999 } #access ul li { margin:0px 0px 0 0px; ;float:left; padding:0; background: url(img/menu-v.png) right top no-repeat } #access ul ul { -moz-box-shadow: 0px 4px 10px rgba(10,2,0,0.2); display: none; position: absolute; top: 50px; left: 0px; padding:0 0px 0 0px;margin:0 10px 0 10px; z-index: 99999; background:#fff; } #access ul ul li { margin:0;padding:0; text-align: center;background:none; } #access ul ul ul { left: 100%; top: 0px; padding:0;margin:0 } #access ul ul li a { background: url(img/menu.png) center repeat-x;;padding:15px 10px 12px 15px;; ;margin:0; height: auto;min-width:140px;display:block; height:20px; } #access ul ul li a:hover { background: url(img/menu-ac.png) center repeat-x; ;margin:0; height: auto;min-width:140px ;height:20px; } #access li:hover > a, #access ul ul :hover > a { background: url(img/menu-hover.png) center; color: #fff; } #access ul li:hover > ul { display: block;margin:0;padding:0; ;color:#fff } #access ul li a:hover { ;color:#fff } #accesss ul li.menu-item-type-post_type li a{ background:red } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.item-type-post_type a, #access ul li.current-item-post_type a, #access ul li.current-menu-parent > a { color: #fff;background: url(img/menu-hover.png) center repeat-x ; } #access ul li.current_page_item > a:hover, #access ul li.current-menu-ancestor > a:hover, #access ul li.current-menu-item > a:hover, #access ul li.current-menu-parent > a:hover { color: #fff;background: url(img/menu-hover-over.png) repeat-x center ; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff;; }