/** THEME NAME: Redentor Theme THEME URI: http://www.agenciadigitown.com.br/ DESCRIPTION: Tema desenvolvido pela agência Digitown em Belo Horizonte, utilizando a plataforma SandBox VERSION: 0.0.1 AUTHOR: Agência Digitown AUTHOR URI: http://agenciadigitown.com.br TAGS: redentor, bares */ @import url('reset.css'); body{ text-align: center; font-family:Arial, Helvetica, sans-serif; background:#AC945A; } div#wrapper{ position: relative; margin: auto; width: 1000px; } div#header{ position: relative; padding: 35px 120px 20px 148px; height: 245px; background: #FFF url('images/bg_header.jpg') no-repeat top left; text-align: center;} div#header a#opine{ float:left; margin: 145px 0 0 0; width: 115px; height: 47px; text-indent: -10000px; } div#header h1{ float:left; margin-left: 100px; margin-bottom: 19px; } div#header h1 a{ display: block; width: 290px; height: 190px; background: transparent; text-indent: -10000px; } div#header a#twitter{ float:right; margin: 145px 21px 0 0; width: 108px; height: 47px; text-indent: -10000px; } /*-- Main Menu --*/ div#menu{ clear:both; height: 30px; padding-right: 27px; } div#menu ul{ list-style: none; margin: 0; padding: 0; } div#menu ul li{ float: left; } div#menu ul li a { display: block; text-decoration: none; height: 37px; text-indent: -10000px; } div#menu ul li a.home { width: 65px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat left top;} div#menu ul li a.home:hover { width: 65px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat left top;} div#menu ul li a.redentor_bar { width: 116px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -65px top;} div#menu ul li a.redentor_bar:hover { width: 116px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -65px top;} div#menu ul li a.casas { width: 63px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -181px top;} div#menu ul li a.casas:hover { width: 63px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -181px top;} div#menu ul li a.cardapio { width: 87px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -244px top;} div#menu ul li a.cardapio:hover { width: 87px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -244px top;} div#menu ul li a.programacao{ width: 114px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -331px top;} div#menu ul li a.programacao:hover { width: 114px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -331px top;} div#menu ul li a.servicos{ width: 85px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -445px top;} div#menu ul li a.servicos:hover { width: 85px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -445px top;} div#menu ul li a.news{ width: 61px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -532px top;} div#menu ul li a.news:hover { width: 61px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -532px top;} div#menu ul li a.fale-conosco{ width: 113px; background: #FF0000 url('images/menu/btn_menu.gif') no-repeat -592px top;} div#menu ul li a.fale-conosco:hover { width: 113px; background: #FF0000 url('images/menu/btn_menu_hover.gif') no-repeat -592px top;} div#menu ul li:hover ul { left: auto; } /*-- end css menu --*/ div#container{ padding: 0 135px 34px; background: #FFF url('images/bg_container.jpg') repeat-y left top; overflow:hidden; } div#container #content{ text-align: left;} div#container .title-line{ width: 100%; margin-bottom: 20px; } div#container div#banner{ padding: 15px 0 25px; background: transparent url('images/bg_banner.gif') no-repeat center top; } div#container div#banner img{ border:#000 solid 1px; } div#container div#home-boxes, div#footer-boxes{ overflow:hidden; background:transparent; } div#container div#home-boxes dl, div#footer-boxes dl{ float: left; margin-right: 35px; width: 220px; } div#footer-boxes dl{ height: 135px } div#container div#home-boxes dl.home-box-3{ margin-right: 0; } div#container div#home-boxes dl a.hover, div#footer-boxes dl a.hover { text-decoration:underline; } div#container div#home-boxes dl dt{ background: #980000; padding:4px 10px 5px 5px; text-align:left; color:#FFF; } div#container div#home-boxes dl dt a, div#footer-boxes dl dt {color:#FFF; text-decoration: none;} div#container div#home-boxes dl.home-box-1 dt a {text-indent: -15000px; display:block; width: 62px; height: 20px; background: url("http://www.redentorbar.com.br/wp-content/themes/redentor_theme/images/trio/home-box-1.gif") left;} div#container div#home-boxes dl.home-box-2 dt a {text-indent: -15000px; display:block; width: 62px; height: 20px; background: url("http://www.redentorbar.com.br/wp-content/themes/redentor_theme/images/trio/home-box-2.gif") left;} div#container div#home-boxes dl.home-box-3 dt a {text-indent: -15000px; display:block; width: 90px; height: 20px; background: url("http://www.redentorbar.com.br/wp-content/themes/redentor_theme/images/trio/home-box-3.gif") left;} div#container div#home-boxes dl dd, div#footer-boxes dl dd{text-align:left; padding: 7px 0 5px 0; line-height: 10px;} div#container div#home-boxes dl dd p, div#footer-boxes dl dd p{margin:20px 0 0 0;} div#container div#home-boxes dl dd a, div#footer-boxes dl dd {color:#663300; text-decoration: none; font-size: 10px; text-align: left;} div#container div.page{ overflow: hidden; } div#container div.page .float-left{ width: 320px; overflow: hidden; margin:0 30px 0 0; } div#container div.page .entry-title, .entry-title a{ color: #663300; font-size: 18px; margin: 10px 0; } div#container div.page .entry-content{ float:right; width: 380px; background-color: transparent; border: none; color: #000; padding: 35px 0 0 0; font-size: 12px; } div#container div.page .entry-content.sempadding{ float:right; width: 380px; background-color: transparent; border: none; color: #000; padding: 0; font-size: 12px; } div#container div.page .entry-content.opinar{ width: 680px; background-color: transparent; border: none; color: #000; padding: 0; font-size: 12px; } div#container div.page .entry-content.opinar div#comments-list { display:block; width:330px; float:left; } div#container div.page .entry-content.opinar div#comments-list li.comentario { padding-top:5px; border-bottom:1px solid #000; } div#container div.page .entry-content.opinar div#comments-list li.comentario div.comentarioautor{ width:200px; font-weight:bold; float:left; } div#container div.page .entry-content.opinar div#comments-list li.comentario div.comentariodata{ width:100px; float:right; font-style:italic; font-size:0.8em; } div#container div.page .entry-content.opinar div#comments-list li.comentario span.unapproved { clear:both; display:block; font-size:0.9em; text-align:center; padding:5px; } div#container div.page .entry-content.opinar div#comments-list li.comentario p { clear:both; } div#container div.page .entry-content.opinar div#respond { display:block; width:310px; float:right; } div#container div.page .entry-content.opinar div#respond input, div#container div.page .entry-content.opinar div#respond textarea { width:300px; } div#container div.page .entry-content.opinar div#respond input#submit{ width:70px; float:right; margin-right:5px; } div#container div.post{ overflow: hidden; } div#container div.post .entry-date{ font-size: 10px; color: #663300; margin: 5px 0; } div#container div.post .entry-content{ margin-top: 5px; } div#container div.post .entry-content p { margin-top: 5px; } div#container div.post .entry-content{ width: auto; background-color: transparent; color: #663300; margin-top: 30px; font-size: 12px; } div#container div.post .entry-image{ color: #FFF; margin: 35px 0 0 20px; font-size: 12px; text-align: right; -moz-border-radius: 10px; } div#container div.noticia{ padding-bottom: 25px; background: transparent url('images/bg_noticia.gif') center bottom no-repeat; } div#container div.noticia .entry-title a{ color: #000; font-size: 14px; text-decoration: none; } div#container div.noticia .entry-content{ margin-top: 10px;} div#container .casas{ list-style:disc; margin-left: 10px;} div#container .casas li{ margin: 5px 0;} div#container .casas li a{ color:#770000; text-decoration:none; font-weight:bold;} div#container .casas li a:hover{ text-decoration:underline;} .entry-content h3 { margin-bottom: 15px; } .entry-content p { line-height: 1.5em; margin-bottom: 15px; } .entry-content ul{ line-height: 1.2em; margin-bottom: 15px; list-style: disc; padding-left: 20px;} .entry-content ul li { line-height: 1.3em; margin-bottom: 10px;} .entry-content .leia-mais-news a {text-decoration: none; color: #990000; font-weight: bold;} .entry-content .leia-mais-news a:hover {text-decoration: underline;} .alignright, img.alignright { float: right; margin: 0 0 0 1em; } .alignleft, img.alignleft { float: left; margin: 0 1em 0 0; } .aligncenter, img.aligncenter { display: block; margin: 1em auto; text-align: center; } div.gallery { clear: both; height: 180px; margin: 1em 0; width: 100%; } p.wp-caption-text { font-style: italic; } div.gallery *{ margin: 0; padding: 0; } div.gallery dl { margin: 1em auto; overflow: hidden; text-align: center; } div.gallery dl.gallery-columns-1 { width: 100%;} div.gallery dl.gallery-columns-2 { width: 49%; } div.gallery dl.gallery-columns-3 { width: 33%; } div.gallery dl.gallery-columns-4 { width: 24%; } div.gallery dl.gallery-columns-5 { width: 19%; } div.gallery dl, div.navigation div.nav-previous { float: left; } div#nav-above { margin-bottom: 1em; } div#nav-below { margin-top: 1em; } div#nav-images { height: 150px; margin: 1em 0; } div.navigation { height: 1.25em; } div.navigation div.nav-next { float: right; text-align: right; } div#footer { clear:both; height: 332px; text-align: left; padding: 66px 40px 40px 281px; } div#footer.roda1 { background: #FFF url('images/rodape_01.jpg') no-repeat scroll bottom left; } div#footer.roda2 { background: #FFF url('images/rodape_02.jpg') no-repeat scroll bottom left; } div#footer.roda3 { background: #FFF url('images/rodape_03.jpg') no-repeat scroll bottom left; } div#footer.roda4 { background: #FFF url('images/rodape_04.jpg') no-repeat scroll bottom left; } div#footer-boxes dl{ margin-right: 85px; } div#footer-boxes dl dt{ color: #663300; padding-bottom: 8px; border-bottom: 2px solid #663300; margin-bottom:3px; } div#footer-boxes dl dt a{ color: #663300; } div#footer-boxes dl.footer-box-2 { margin-right: 0; } div#footer #bg_bottom_container{ position: relative; background: #494949 url('images/bottom-left-border-494949.jpg') no-repeat scroll top left; height: 10px; text-align: right; } div#footer p#copyright{ margin: 70px 0 0 81px; width: 380px; font-size: 11px; text-align: center; } div#footer #digitown-link{ float:right; margin-top: 70px; text-align:left; } div#footer #digitown-link a{ background:transparent; display:block; text-indent:-100000px; width: 60px; height: 40px; } div#formulario {display: block; width: 315px; float: left;} div#formulario #formcontato fieldset {padding-bottom:15px;} div#formulario #formcontato fieldset label { width: 100px; text-align: right; display: block; float: left; padding-right: 5px;} div#formulario #formcontato fieldset input, div#formulario #formcontato fieldset select {width: 200px; margin-left: 0; border: solid 1px #755218; background: #fff; color: #000;} div#formulario #formcontato fieldset textarea {width: 200px; margin-left: 0; border: solid 1px #755218; background: #fff;} div#formulario #formcontato input {width: 40px; margin-left: 270px; background: #990000; color: #fff; border: solid 1px #755218; font-weight: bold;} .clear-both{ clear:both;} .float-left{ float: left;} .forcePaddingTop{ padding-top:15px; } #s3slider { width: 320px; /* important to be same as image width */ height: 400px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 320px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 12px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 374px; background-color: #000; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ top: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .clear { clear: both; } div#container div#cardapio ul li{ display:block; float:left; padding:5px; width:150px; height:225px; text-align:center; } div#container div#cardapio ul li a img{ width:150px; height:203px; border:#000 solid 1px; } div#frame { background:url(images/micro-preto-transparente.gif) repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:5; } div#frame div#bg { background:url(images/intro.jpg) center center no-repeat; height:600px; display:block; left:0; position:fixed; top:0; width:1000px; z-index:5; display:block; margin:-300px auto auto; position:relative; top:50%; } div#frame div#bg div#simounao { display:block; padding: 225px 0 0 600px; width:340px; } div#frame div#bg div#simounao a { padding:3px 8px; text-decoration:none; width:40px; color:#FFF; font-weight:bold; background:#990000; border:#900 solid 1px; } div#frame div#bg div#simounao a:hover { background:#C00; } div#frame div#bg div#menor { display:none; font-size:0.8em; text-align:center; padding: 210px 0 0 610px; width:300px; } /*--- noite ---*/ body.noite div#wrapper div#header { background: #FFF url('images/cabecalho_noite.jpg') no-repeat top left; } body.noite div#wrapper div#container { background: #FFF url('images/bg_container_noite.jpg') repeat-y left top; } body.noite div#wrapper div#footer.roda1 { background: #FFF url('images/rodape_noite_1.jpg') no-repeat scroll bottom left; } body.noite div#wrapper div#footer.roda2 { background: #FFF url('images/rodape_noite_2.jpg') no-repeat scroll bottom left; } body.noite div#wrapper div#footer.roda3 { background: #FFF url('images/rodape_noite_3.jpg') no-repeat scroll bottom left; } body.noite div#wrapper div#footer.roda4 { background: #FFF url('images/rodape_noite_4.jpg') no-repeat scroll bottom left; } body.noite div#wrapper div#footer p#copyright { color:#BA964C; }