/* Theme Name: Setur Theme URI: http://setur.ba.gov.br Description: Tema desenvolvido para a Secretaria de Turismo do Estado da Bahia Author: Romeu Rodrigues.com Version: 2.0 Tags: verao, bahia, salvador */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {font-size:80%;color:#545454;background:#fff;font-family:"Segoe UI", Tahoma, Arial, san-serif; } h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#666;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a {color:#096eb2;text-decoration:none;} a:visited { color:#096eb2} a:focus, a:hover {color:#000;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} ul li.current_page_item a { font-weight:bold} #voceestaaqui ul { margin: 1em 0; list-style-type: none; background: url(images/dot2.gif) repeat-y 4px 0; padding: 0; clear:both } #voceestaaqui ul li { margin-bottom: .5em; } #voceestaaqui ul li a { background: url(images/list-gray.png) no-repeat 0 .4em; padding-left: 15px; color:#000!important} #voceestaaqui ul li a.open, ul li li a.open, ul li li li a.open, ul li li li li a.open { background-image: url(images/list-gray.png); } /* second level */ #voceestaaqui ul ul { margin: .5em 0 0 0; padding: 0; list-style-type: none; } /*#voceestaaqui ul li li { background: url(images/dot2.gif) no-repeat 4px .5em; }*/ #voceestaaqui ul li li a { padding: 0 0 0 35px; background: url(images/list-gray.png) no-repeat 20px .3em; color:#000!important } /* third level */ #voceestaaqui ul ul ul { background: url(images/dot.gif) repeat-y 30px 0; } #voceestaaqui ul li li li { background: url(images/dot2.gif) repeat-y 25px .5em; } #voceestaaqui ul li li li a { padding: 0 0 0 55px; background: url(images/list-gray.png) no-repeat 40px .3em; color:#000!important } /* fourth level */ #voceestaaqui ul ul ul ul { background: url(images/dot.gif) repeat-y 40px 0; } #voceestaaqui ul li li li li { background: url(images/dot2.gif) repeat-y 45px .5em; } #voceestaaqui ul li li li li a { padding: 0 0 0 75px; background: url(images/list-gray.png) no-repeat 60px .3em; color:#000!important } /* fifth level */ #voceestaaqui ul ul ul ul ul { background: url(images/dot.gif) repeat-y 60px 0; } #voceestaaqui ul li li li li li { background: url(images/dot2.gif) repeat-y 65px .5em; } #voceestaaqui ul li li li li li a { padding: 0 0 0 95px; background: url(images/list-gray.png) no-repeat 80px .3em; color:#000!important } ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .span-3 p { position: relative; /*or absolute*/ z-index: 0; } .postinfo, #breadcrumbs { font: 10px; color: #999;font-style: normal; font-weight: normal; margin-bottom:20px; border-bottom:1px solid #F6F3ED; padding-bottom:20px;} /* grid.css */ .container {width:980px;margin:0 auto; position:relative} .showgrid {background:url(src/grid.png);} div.span-1, div.span-2, div.span-3, div.span-4 {float:left;margin-right: 20px;} div.last {margin-right:0;} .span-1 { width: 230px; margin-bottom:20px} .span-2 { width: 480px;} .span-3 { width: 730px;} .span-4, div.span-4 { width: 980px; margin: 0; } .append-1 { padding-right: 250px;} .append-2 { padding-right: 500px;} .append-3 { padding-right: 750px;} .prepend-1 { padding-left: 250px;} .prepend-2 { padding-left: 500px;} .prepend-3 { padding-left: 750px;} div.border{padding-right:9px;margin-right:10px;border-right:1px solid #eee;} div.colborder { padding-right:221px;margin-right:220px;border-right:1px solid #eee;} .pull-1 { margin-left: -250px;} .pull-2 { margin-left: -500px;} .pull-3 { margin-left: -750px;} .pull-4 { margin-left: -1000px;} .pull-1, .pull-2, .pull-3, .pull-4 {float:left;position:relative;} .push-1 { margin: 0 -250px 1.5em 250px;} .push-2 { margin: 0 -500px 1.5em 500px;} .push-3 { margin: 0 -750px 1.5em 750px;} .push-4 { margin: 0 -1000px 1.5em 1000px;} .push-1, .push-2, .push-3, .push-4 {float:right;position:relative;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* nav */ #nav { background:#096eb2; color:#fff; position:fixed; top:0px; width:100%; z-index:200} .menu, .menu ul { margin: 0; padding: 0; list-style-type: none; position: relative; line-height: 2.5em; } .menu a { text-decoration: none; } /*.menu > li { margin-left: 15px; }*/ .menu > li:first { margin-left: 0px!important; } .menu li:hover { background-image:none} .menu > li > a { padding: 0px 9px; margin: 0; width: 100%; text-decoration: none; color: #fff!important; } div.box { position: absolute; z-index: -1; background-color: #0987c8; left: 0; top: 0; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;} /*li.pull-down { padding-right: 6px; }*/ /*li.pull-down > a { background-image: url('images/darrow.png'); background-position: 96% 75%; background-repeat: no-repeat; padding-right: 20px; }*/ li.right-menu > a{background-image: url('images/rarrow.png');background-position: 97% 45%;background-repeat: no-repeat; } .menu a.selected{background-color: #75CDD2;border-radius: 0px 4px 4px 4px;-moz-border-radius: 0px 4px 4px 4px;-webkit-border-radius: 0px 4px 4px 4px;} .menu li{float: left;position: relative; padding:5px 0px; border-bottom:1px solid #0987c8; background-image:none!important} .menu ul{position: absolute;display: none;width: 230px;top: 2.5em; /*padding-right: 10px;*/background-color: #096eb2; /*-moz-opacity: .50; filter: alpha(opacity=50); opacity: .50;*/border-radius: 0px 4px 4px 4px;-moz-border-radius: 0px 4px 4px 4px;-webkit-border-radius: 0px 4px 4px 4px; font-size:95%} .menu li ul a{width: 210px;height: auto;float: left;color: #FFFEFD;padding: 0 10px;} .menu li ul li{padding: 0;margin: 0;} .menu li ul li a:hover {background-color: #0987c8;} .menu ul ul{top: auto;} .menu li ul ul{left: 228px; /*margin: 0px 0 0 10px;*/} .menu-item-selected > a{background-color: #0987c8;} .menu-item-selected > a:hover{color: #fff !important;} /* header */ #header { height:130px; margin-bottom:20px; margin-top:40px; position:relative} #header a.marca { background:url(images/bahiatursa-header.png?s=3) no-repeat; width:297px; height:91px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; top:18px} #busca { position: absolute; width: 230px; right:0px} #buscainterna { position: relative; width: 230px; right:0px} #buscainterna #s { background-image:url(images/busca-bg-cinza.png); color:#333} #s { width: 200px; position: absolute; left: 0px; background: url(images/busca-bg.png) no-repeat; border: 0px; padding: 0px 10px 0 10px; height: 39px; z-index: 20; font-style: italic; font-weight: bold; color: #fff; font-size: 13px; } #enviar { position: absolute; z-index: 40; right: -1px; top: 0px } /* destaque */ .nivoSlider { position: relative; margin-bottom:20px} .nivoSlider img { position: absolute; top: 0px; left: 0px; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption { position: absolute; left: 0px; bottom: 20px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ z-index: 8; } .nivo-caption p { padding: 5px; margin: 0; font-size:20px; font-weight:bold; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } .nivo-directionNav a { position: absolute; top: 38%; z-index: 9; cursor: pointer;background:url(images/slider-arrow.png); display:block; height:89px; width:38px; overflow:hidden; text-indent:-9999px; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px;} a.nivo-nextNav { background-position:38px 0;} .nivo-controlNav { position: absolute; z-index:9; bottom:0px; right:0px;} .nivo-controlNav a {cursor: pointer; background:#333; color:#fff; padding:20px 10px;text-decoration:none; width:30px; text-align:center; display:block; font-size:16px} .nivo-controlNav a.active { background:#666} /* turismo az */ #turismoaz { height:330px; position:relative;} #turismoaz ul { list-style:none; margin-left:10px} #turismoaz ul li { padding-bottom:5px} .turismoaz { height:295px; position:absolute; bottom:0px; background:#F6F3ED; width:230px} .scroll-pane { width: 100%; height: 295px; overflow: auto; padding:10px 0px} /* indicadores */ .indicadores { background:url(images/bg-indicadores.jpg) no-repeat bottom; height:90px; color:#fff; width:200px; padding:10px 15px; position:relative;} .indicadores h2 { margin-bottom:5px; padding:0px; color:#fff; font-size:1.5em} .indicadores:hover { background-position:top;} .indicadores a { color:#fff} .indicadores a.vermais { display:block; width:30px; height:30px; position:absolute; right:0px; bottom:0px; overflow:hidden; text-indent:-9999px;} /* ultimas noticias */ #ultimasnoticias { width:660px; margin-right:20px; float:left; position:relative} #ultimasnoticias p { font-size:110%} #ad { width:300px; float:left; margin-bottom:20px;} #ultimasnoticias a { display:block} #ultimasnoticias ul { border-bottom:1px solid #efece5} #ultimasnoticias ul li { background:#F6F3ED; padding:6px; position:relative;} #ultimasnoticias ul li:hover { background:#efece5} #ultimasnoticias ul li.last { background:none;} #ultimasnoticias ul { list-style:none; margin:0px} #ultimasnoticias p { margin:0; color:#999} #ultimasnoticias .date { font-size:0.9em; color:#999; margin:0 5px; font-weight:normal; width:70px!important; text-align:center; position:absolute} #ultimasnoticias span { color:#666} #ultimasnoticias small { color:#333} #ultimasnoticias a.vertodas { position:relative; overflow:visible; text-indent:0px; top:0px; background-position:bottom right; text-transform:none; text-align:right; padding-right:40px; display:block; height:29px; width:200px; float:right; margin:20px 0px;} #ultimasnoticias a.vertodas:hover { background-position:top right; color:#096EB2} /* twitter */ .twitter { background:#bfd9e6; padding:15px; position:relative; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom:20px} #twitter #bird { position:absolute; right:0px; bottom:-10px; background:url(images/bird.png) no-repeat; width:50px; height:29px;} /* footer tabs */ .address { text-align:center; padding:20px} .verticalslider {overflow: hidden; width: 730px; background: #F6F3ED; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;} .verticalslider_tabs {float: left;width: 230px;} .verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;} .verticalslider_tabs li{list-style-type: none;} .verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 210px; height: 29px; padding: 20px 10px; background: #096eb2; font-size: 16px; text-decoration: none; color:#fff; text-align:center} .verticalslider_tabs a:hover, .verticalslider_tabs a:active{ background:#0c93ed} .verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; height: 30px;} .verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background: #0c93ed; } .verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{ background:#0c93ed} .verticalslider .arrow { background:url(images/tabs-arrow.png) no-repeat right center;width: 9px; height: 18px; position: absolute; z-index: 100; margin-left: 222px; margin-top: -40px;} .verticalslider_contents li{margin: 0px; padding: 20px!important;width: 460px; overflow: hidden; padding: 0px; background:#F6F3ED;display: none;position: absolute;list-style-type: none; height:168px; font-size:13px; } .verticalslider_contents{float: left;width: 500px;display: inline; margin: 0px; padding: 0px;} .verticalslider_contents .activeContent{display: inline;} .verticalslider_contents a { color:#000; display:block} .verticalslider_contents a:hover { color:#096FB3} .verticalslider_contents li:hover { background:none} .verticalslider_contents .tabs3 { width:140px; float:left; padding-right:10px;} .agendainterna { width:220px; float:left; margin-right:10px; margin-bottom:5px; padding:0 0 10px 0; height:100px;} .agendainterna .data { margin-bottom:40px} .agenda { width:220px; float:left; margin-right:10px; margin-bottom:5px; padding:0 0 10px 0; height:70px;} .agenda:hover .data { background:#096FB3} .data b { font-size:14px} .data { width:30px; padding:10px; margin-right:10px; background:#999; color:#fff; float:left; font-size:10px; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .evento { margin-bottom:5px;} .agenda b { line-height:15px} a.vertodas { position:absolute; top:180px; right:0px; width:28px; height:28px; text-indent:-9999px; overflow:hidden; background:url(images/mais.png) no-repeat 0px -29px; color:#333; font-weight:bold; text-transform:uppercase} a.vertodas:hover { background:url(images/mais.png) no-repeat 0px 0px; } .list { padding-bottom:3px; background:url(images/list--gray.png) no-repeat left 4px; padding-left:20px;} .list:hover {background:url(images/list-blue.png) no-repeat left 4px; } /* footer */ #footer { margin-top:20px;} #footer h3 {color:#666} #footer ul { list-style:none; border-left:1px solid #999; margin-left:0px; padding-left:10px; margin-bottom:15px} #footer a { color:#928D7F;} #footer ul li a:hover, #footer a:hover { color:#CCC; } #footer ul li { background:none; padding-left:0px; margin-bottom:2px;} #footer ul li, #footer p { font-size:80%} #marcas .container { text-align:center} #marcas img { padding:20px 30px;} #footer { background:#F6F3ED; padding:20px 0px; color:#928D7F} #copyright { text-align:center; font-size:80%; background:#096FB3; padding:20px 0px; color:#fff} #copyright a { color:#fff} #copyright a:hover { text-decoration:underline} /* comentarios */ #comments { margin-top: 30px; overflow: hidden; } #comments .comment-count { color: #000; } #comments .comment-count h3 { font-size: 1.7em; letter-spacing: -1px; margin: 0; } ul.comment-list { margin: 30px 0 0 0; padding: 0; } ul.comment-list li { list-style: none; margin: 0; padding: 0; } ul.comment-list li .wrapper { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; } ul.comment-list li ul.children { margin: 0; padding: 0; } ul.comment-list li ul.children li { margin: 0 0 0 20px; padding: 0; } ul.children li { float: left; clear: both; width: 100%; } ul.comment-list .gravatar { float: left; width: 60px; margin-right: 20px; } ul.comment-list .gravatar img { border: 5px solid #eee; } ul.comment-list .comment-content { float: left; width: 600px; } ul.comment-list .text p { margin-top: 0; } ul.comment-list .moderate { font-size: .8em; color: #851616; margin-bottom: 6px; } ul.comment-list .meta { font-size: .85em; color: #909090; margin-top: 10px; } ul.comment-list p.reply-edit { font-size: .8em; margin: 0; } /* comentários formulario */ #respond { width: 98.5%; margin: 30px 0; border: 5px solid #f5f5f5; } #respond .inner { padding: 20px; } #respond h2.title { font-size: 1.7em; letter-spacing: -1px; } #respond p.logged-user { font-size: .95em; margin-bottom: 20px; } #respond fieldset div.input { float: left; clear: both; width: 100%; margin-bottom: 10px; } #respond fieldset div.input label { float: left; width: 100px; margin-right: 10px; } #respond fieldset div.text input, fieldset div.text textarea { float: left; width: 50%; padding: 4px; border-top: 1px solid #d5d5d5; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } #respond fieldset input, fieldset select, fieldset textarea { } #respond fieldset div.submit input { font-size: .9em; font-weight: bold; cursor: pointer; padding: 5px; margin: 10px 0 0 5px; font-size: 0.8em; border: 0px; background: #ab0000; padding: 7px; color: #fff; margin-left: 0px; } #respond fieldset div.submit input:hover { background: #EB7710 } #respond p.button, #respond input.btn { width: 100px; } #respond a.btn { padding: 1px 0 6px 1px; } /* comentários do autor */ div#comments { width: 695px } .commentform { width: 695px } .form-comments { border: 0 none; } #comments h3 { font-size: 20px; font-weight: normal; padding: 10px 0 20px 0; } #comments #comments_wrap { padding: 0; position: relative; margin: 0; } #comments ol, #comments ul { background: none; border: none; padding: 0; } #comments ol.commentlist li { list-style-type: none; padding: 12px 12px 25px; background: #f9f9f9; } /* style comments of admin and author differently */ #comments ol.commentlist li.bypostauthor { background: #f6f6f6; } #comments ol.commentlist li.comment-author-admin { background: #f6f6f6; } #comments ol.commentlist img.avatar { float: left; border: 1px solid #e4e4e4; padding: 4px; background: #fff; } #comments ol.commentlist .user-meta { color: #999999; font-size: 12px; margin-bottom: 10px; } #comments ol.commentlist .user-meta a { color: #999999; font-size: 11px; text-decoration: none; } #comments ol.commentlist .user-meta a:hover { text-decoration: underline; } #comments ol.commentlist .user-meta .name, #comments ol.commentlist .user-meta .name a { color: #666666; font-size: 16px; text-decoration: none; } #comments ol.commentlist .user-meta .name a:hover { text-decoration: underline; } #comments ol.commentlist .comment-head { padding-left: 80px; } #comments ol.commentlist .comment-entry { padding-left: 80px; } #comments .comment a { text-decoration: underline; } #comments .comment a:hover { text-decoration: none; } #comments .comment small { font-size: 10px; margin-top: -2px; } #comments .comment .col-left { width: 110px; } #comments .comment .col-left img { border: #EDEDED 5px solid; } #comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px; } #comments .comment .col-left .inside { width: 110px; float: left; position: relative; overflow: hidden; min-height: 70px; } #comments .comment .col-right { min-height: 70px; background: #fff; border: #EDEDED 1px solid; margin-left: 100px; float: none; padding: 10px 20px; } * html #comments .comment .col-right { height: 100px; } #comments .comment span.reply { float: right; font-size: 11px; padding: 3px 3px 0; } #comments .comment span.reply a { text-decoration: none; color: #aaa; } #comments ul.children { margin: 15px 0 0; padding: 0; } #comments ul.children li { border-top: 1px solid #e3e3e3; margin: 20px 0 0 0; padding: 20px 0 10px 25px; } #comments .navigation .alignright { float: right; margin: 0 15px 0 10px; } #comments .navigation .alignleft { float: left; margin: 0 10px 0 15px; } #comments .navigation a { display: block; margin: 15px 0; padding: 5px 0; } #comments .commentlist p { padding: 0 0 10px; } #comments #respond { } #comments .commentlist .children #respond #form_wrap .col-right { float: none; } #comments .cancel-comment-reply { margin-bottom: 10px; } #comments #respond .input { background: #f6f6f6; border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; padding: 5px; } #comments .commentlist .thread-even #respond .input { background: #fff; } #comments ul.children li ul.children,#comments .commentlist { padding: 10px 0 0; } textarea#comment { background: #FFF url(images/editbox_bg.gif) repeat-x scroll top; border: 1px solid #949494; margin-top: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 180px; line-height: 1.2em; padding: 4px; width: 98% } .commentform ol { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0 } .commentform li { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 8px 0 !important } p.comments { padding: 8px 0 35px; } p.comments-box { padding: 0 0 8px; } .commentform input.text { background: #FFF url(images/editbox_bg.gif) repeat-x scroll top; border: 1px solid #949494; float: left; padding: 4px; width: 180px } .commentform label { float: left; margin: 0 0 0 16px; padding: 4px 0 } /* pagenavi */ .wp-pagenavi { float: right; margin-top: 40px } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.extend { padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; margin-left: 2px; text-decoration: none; background: #F6F3ED; color: #666; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .wp-pagenavi a:hover { background: #999 !important; color: #fff } .wp-pagenavi span.current { padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; margin-left: 2px; border: none; color: #fff; background-color: #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /* outros */ a.rss { background:url(images/RSS.png); width:30px; height:30px; text-indent:-9999px; overflow:hidden; display:block; position:absolute; right:0px; top:0px;} a.rss:hover { background-position:30px 0px} /* -------------------------------------------------------------- Cforms -------------------------------------------------------------- */ .cform { margin: 10px auto 0 auto; width: 590px; } .cform fieldset { margin-top: 10px; padding: 5px 0 15px 0; border: 1px solid #adadad; border-left-color: #ececec; border-top-color: #ececec; background: #f7f7f7; } .cform .cf_hidden { display: none; border: none!important; background: none!important; padding: 0!important; margin: 0!important; } .cform legend { margin-left: 10px; padding: 0 2px; font: normal 20px Times; color: #666666; } ol.cf-ol { margin: 0!important; padding: 0!important; } ol.cf-ol li { background: none!important; margin: 5px 0!important; padding: 0; list-style: none!important; text-align: left; line-height: 1.3em; } /* */ /* just for text-only fields (no input) */ /* */ ol.cf-ol li.textonly { background: #F0F0F0 !important; letter-spacing: 1px; margin: 10px 0pt !important; padding: 5px 0pt; text-align: center; } /* */ /* global definitions for field labels */ /* */ .cform label { width: 90px; margin: 4px 10px 0 0; display: -moz-inline-box; /*for mozilla*/ display: inline-block; /*for Opera & IE*/ text-align: right; vertical-align: top; } .cform label span { width: 90px; /* must be the same as above!*/ display: block; } label.cf-before { margin: 4px 10px 0 0; } label.cf-after { margin: 4px 15px 0pt 6px; text-align: left; width: 115px; } label.cf-after span { width: 115px; display: block; } label.cf-group-after { margin: 3px 4px 0 2px; width: 72px; text-align: left; } label.cf-group-after span { width: 72px; display: block; } /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { border: 0px; background: #e9e9e9; padding: 7px; color: #333; vertical-align: top; font-family: 'PT Sans Narrow', sans-serif; border: #999 solid 1px} .cform input:hover, .cform textarea:hover, .cform select:hover { background: #096FB3; color: #fff; } .cform input:focus, .cform textarea:focus, .cform select:focus { background: #096FB3; color: #fff; } .cform textarea, .cform input { width: 350px; } .cform select { width: 158px; /* attempt to have equal length */ padding: 2px 0; } .cform select.cfselectmulti { height: 7.5em; } .cform textarea { font-family: 'PT Sans Narrow', sans-serif; font-size: 13px; overflow: auto; } /* */ /* radio button title */ /* */ ol.cf-ol li.cf-box-title { font-weight: bold; letter-spacing: 1px; padding: 8px 0 0 100px; /* check with label 'width' incl. */ } /* */ /* check boxes */ /* */ .cform input.cf-box-a, .cform input.cf-box-b { margin: 2px 0 0 0; width: 14px; height: 22px; border: none!important; background: none!important; } .cform input.cf-box-a { margin-left: 100px; /* check with label 'width' incl. */ } /* */ /* check box groups */ /* */ ol.cf-ol li.cf-box-group { margin: 10px 0pt 0px !important; padding-left: 100px; } /* */ /* formatting for text: "(required)" & other */ /* */ span.reqtxt, span.emailreqtxt { margin: 3px 0 0 3px; font-size: 0.9em; display: -moz-inline-box; vertical-align: top; } /* */ /* FORM submit button */ /* */ p.cf-sb { text-align: left; padding: 0!important; margin: 0; margin-left: 95px; } .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { width: 100px; padding: 5px; margin: 10px 0 0 5px; font-size: 1.2em; cursor: pointer; border: 0px; background: #096FB3; padding: 7px; color: #fff; } .cform input.resetbutton { width: auto; padding: 5px 1em; } .cform input.backbutton { width: auto; padding: 5px 1em; } /* */ /* FORM FIELDS enhanced error display */ /* */ ol.cf-ol li.cf_li_err { background: none!important; border-color: #DF7D7D; border-style: solid; border-width: 0px 0pt; padding: 0!important; margin: 0!important; } ol.cf-ol li ul.cf_li_text_err { height: 1%; min-height: 1%; margin: 0 0 0 100px; padding: 0; color: #333; } ol.cf-ol ul.cf_li_text_err li { background: url(icon-alert.png) no-repeat left 1px!important; list-style: none!important; font-weight: bold; text-indent: 0; margin: 0 0 2px!important; padding-left: 15px; } ol.cf-ol ul.cf_li_text_err li:before { content: ''; } /* */ /* 'visitor verification' related styles */ /* */ label.secq, label.seccap { vertical-align: text-bottom; margin-bottom: 4px; } input.secinput { vertical-align: text-bottom; } #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height: 15px; width: 50px; padding: 4px 4px; margin: 0; } img.captcha { vertical-align: text-bottom; margin: 0 0 0 10px!important; padding: 0!important; border: none!important; float: none!important; } img.captcha-reset { vertical-align: text-bottom; background: url(captcha_reset_grey.gif) no-repeat; margin: 0 0 2px 3px; width: 21px; height: 21px; border: none; } img.imgcalendar { border: none; } /* */ /* change formatting of response msgs here */ /* */ div.cf_info { color: #333; display: none; line-height: 1.3em; width:100%; padding:15px 0px!important } div.cf_info ol { margin: 0; padding: 5px 15px 0 30px; } div.cf_info ol li { padding: 1px 0; margin: 2px 0; } div.cf_info a { color: #ad2929!important; text-decoration: underline!important; } div.success { background: #F7F7F7 none repeat scroll 0% 50%; color: #444444; display: block; } div.failure { display: block; background:none!important; border-color: #DF7D7D; border-style: solid; border-width: 1px 0pt; color:#900 } div.waiting { background: #F9F9F9; color: #AAAAAA; display: block; } /* */ /* formatting for invalid user inputs */ /* */ .cform .cf_error { color: #ad2929; border: 1px solid #ad2929; } div.mailerr { display: block; } .mailerr, .cform .cf_errortxt { color: #ad2929; } /* */ /* disabled fields [disabled] does not work on IE! */ /* */ [disabled] { color: #dddddd; border-color: #dddddd!important; background: none!important; } .disabled { border-color: #dddddd!important; } /* */ /* upload box styling */ /* */ .cform input.cf_upload { width: 220px; background: #f9f9f9; border: 1px solid #888888; } /* */ /* Other: link love */ /* */ .linklove { width: 410px; margin: 0 auto 10px!important; padding: 0!important; text-align: center!important; overflow: hidden; text-indent: -9999px; } .linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color: #aaaaaa!important; } /* */ /* Other: browser hacks */ /* */ * html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px; } * html .cform legend { position: absolute; top: -10px; left: 10px; margin-left: 0; } *+html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px; } *+html .cform legend { position: absolute; top: -10px; left: 10px; margin-left: 0; } * html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block; /*for ie6*/ } *+html .cform label, *+html ol.cf-ol, *+html ol.cf-ol li, *+html span.reqtxt, *+html span.emailreqtxt { display: inline-block; /*for ie7*/ } * html img.captcha { margin-bottom: 1px!important; } *+html img.captcha { margin-bottom: 1px!important; } /* */ /* Other: Wordpress images */ /* */ img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} /*Twitter*/ .twtr-hd, .twtr-ft {display:none}