/*
Theme Name: Zabomba
Version: 1.0
Author: Bruno Trazzini
Programmer Email: brunotrazzini@gmail.com
Programmer URI: http://www.brunotrazzini.com/
Tags: black, custom header, fixed width, one column

This theme was built by Bruno Trazzini,
whose blog you will find at http://www.brunotrazzini.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

html, body   { background: #fff; margin: 0; padding: 0; width:100%; height:100%; font: 12px Verdana, Arial, sans-serif; overflow: hidden; }

#fixed     { width:100%; height:100%; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1; }
#fundo     { width:100%; height:100%; z-index: 2; }

img  { border: none; }

a       { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#scroller{ width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; overflow-x: hidden; overflow-y:scroll; overflow: scroll-y; }
#wrap    { width: 726px; margin: 0 auto; display: block; }
#header  { width: 726px; height: 159px; text-align: center; }

#menu       { width: 726px; height: 29px; margin-bottom: 24px; }
#menu li    { margin: 0px 10px; _margin: 0px 5px; padding: 0px; border: 0px; background-image: url('../img/menu.png'); _background-image: url('../img/menu.gif'); background-repeat: no-repeat; float: left; display: inline; }
#menu li a  { height: 25px; display: block; overflow: hidden; }
#menu li a span { display: none; }

.menu_banda         { width: 91px; height: 36px; background-position: 0px 0px; }
.menu_banda:hover   { background-position: 0px -39px; }

.menu_shows         { width: 80px; height: 36px; background-position: -117px 0px; }
.menu_shows:hover   { background-position: -117px -39px; }

.menu_ver           { width: 48px; height: 36px; background-position: -209px 0px; border: 1px solid #fff; }
.menu_ver:hover     { background-position: -209px -39px; }

.menu_ouvir         { width: 73px; height: 36px; background-position: -276px 0px; }
.menu_ouvir:hover   { background-position: -276px -39px; }

.menu_letras        { width: 161px; height: 36px; background-position: -359px 0px; }
.menu_letras:hover  { background-position: -359px -39px; }

.menu_contato       { width: 107px; height: 36px; background-position: -536px 0px; }
.menu_contato:hover { background-position: -536px -39px;  }

#content { width:100%; float: left; margin-bottom: 12px; }

.clear { clear: both; }

#footer { /* border-top: 1px solid #a0a0a0; */ font-size: 11px; margin-top: 5px; padding: 5px; text-align: center; }

.red   { color:#ff0015; }
.bold  { font-weight: bold; }
.small { font-size: 10px; }
.left  { float: left; }
.right { float: right; }

/* ##### Fonts ##### */
.red_bg    { color:#000000; background-color:#ff0015; padding:0px; line-height:200%; font-size: 16px; }
.blue_bg   { color:#0099cc; background-color:#000000; padding:0px; line-height:200%; }

.red_subtitle  { color:#ff0015; line-height:200%; }

/* ##### Product ##### */
.product      { width: 100%; float: left; margin-bottom: 24px; }
.product_img  { width: 140px; float: left; text-align: center; }
.product_desc { width: 560px; float: left; padding: 0px 0px 10px 20px; text-align: justify; }

.price { color:#0099cc; line-height:200%; font-size: 16px; font-weight: bolder; }

/* ##### Calendar ##### */
.calendar       { width: 600px; height: 137px; margin: 0 auto; margin-bottom: 24px; background: url('../img/bg_shows.gif') no-repeat; text-align: center; }
.calendar_date  { width: 122px; padding: 12px 15px 0px 32px; float: left; }
.calendar_title { width: 373px; padding: 12px 42px 0px 15px; float: left; }

.contact { width: 583px; height: 291px; margin: 0 auto; background: url('../img/bg_contact.gif') top center no-repeat; }

/* ##### Forms ##### */
input.text, textarea { width: 235px; margin: 0px 0px 0px 5px; }
input.text, textarea { border:0px; border-bottom: 1px solid #ff0015; background: transparent; padding:5px; }

textarea { height: 80px; line-height: 20px; border-bottom: 1px solid #ff0015; }

textarea:hover,
textarea:focus,
input.text:hover,
input.text:focus  { border: 0px; border-bottom: 1px solid #ffa500; background: transparent; }


#pagination_l { width: 85%; height: 25px; background: url('../img/bg_pagination_l.gif') top left no-repeat; display: table; padding-left: 5px; margin: 0px auto 20px auto; font-size: 9px; }
#pagination_r { width: 100%; height: 25px; background: url('../img/bg_pagination_c.gif') top left repeat-x; float: left; font-size: 9px; }
#pagination   { width: 100%; height: 20px; background: url('../img/bg_pagination_r.gif') top right no-repeat; text-align: center; padding-top: 6px; }
#pagination a { padding: 1px 5px 1px 5px; margin: 2px; border: 1px solid #ccc; text-decoration: none; /* no underline */ color: #fff; font-size: 9px; }

#pagination a:hover,
#pagination a:active { border: 1px solid #c8151b; color:#fff; font-size: 9px; }
#pagination em,

#pagination .current  { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ffa500; font-weight: bold; font-style: normal; color: #fff; font-size: 9px; }
#pagination .disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ccc; color: #ccc; font-size: 9px; }