/*
Theme Name: RedStar 2009
Version: 1.0
Author: Bruno Trazzini
Author URI: http://www.brunotrazzini.com/
Tags: black, custom header, fixed width, two columns

This theme was designed by Eduardo and 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
*/
body { _width: 98%; background-color: #444444; margin: 0px; padding: 0px; font: 12px Arial, Verdana, sans-serif; line-height: 150%; color: #fff; overflow-x: hidden !important; overflow-y: visible; }

img  { border: none; }

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

#wrap    { width: 726px; margin: 0 auto; padding: 0px; background-color: #000; }
#header  { width: 726px; height: 157px; margin-bottom: 0px; background: #000 url('../img/bg_header.jpg') no-repeat; }
#menu    { width: 726px; height: 28px; margin-bottom: 6px; background-color: #000; display: table; }

#menu ul            { margin: 0px; padding: 0px; display: inline-block; float: left; }
#menu ul li         { height: 22px; padding: 5px 5px 0 20px; float: left; display: inline-block; text-align: center; }
#menu ul li a,
#menu ul li a:hover { color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; }
#menu ul li:hover { background: url('../img/bg_menu_active.gif') no-repeat; background-position: 0px 5px; }

/* #menu .active { background: url('../img/bg_menu_active.gif') no-repeat; background-position: 0px 5px; } */

#content { float: left; margin-bottom: 0px; padding: 0px; border:0px solid #fff; width: 100%; }

#left  { width: 214px; float: left; padding: 0px; }
#right { width: 502px; float: left; padding: 0px 5px 0px 0px; }

#left h1    { color: #939598;; font-size: 12px; margin-bottom: 12px; text-transform: uppercase; }
#right h1   { color: #c8151b; font-size: 14px; margin-bottom: 12px; text-transform: uppercase; }
#right h2   { color: #c8151b; font-size: 10px; margin-bottom: 12px; text-transform: uppercase; }
#right h2 a { text-decoration: none; }
#right h2 a:hover { text-decoration: underline; }

#right a  { color: #c8151b; text-decoration: underline; }
#right ul { margin-left: 15px; }
#right li { list-style-type: disc; }

#title       { width: 100%; height: 50px; float: left; }
#title_left  { width: 50%; float: left; font-size: 18px; font-weight: bolder; }
#title_right { width: 50%; float: left; text-align: right; }

.clear { clear: both; }

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

.red        { color: #c8151b; }
.gray       { color: #939598; }
.gray:hover { color: #939598; }

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

.product       { width: 468px; float: left; background-color: #000; margin-bottom: 24px; }
.product_image { width: 140px; float: left; text-align: left; }
.product_desc  { width: 308px; float: left; padding: 0px 0px 10px 20px; text-align: justify; }
.product_price { width: 180px; float: left; text-align: left; clear: both; }

.price       { color: #c8151b; font-size: 16px; font-weight: bold; }

.artists       { width: 468px; float: left; background-color: #000; margin-bottom: 24px; }
.artists_desc  { width: 468px; float: left; padding: 0px 0px 10px 0px; text-align: justify; }
.artists_image { width: 280px; float: left; padding-top: 20px; text-align: left; }
.artists_more  { width: 170px; float: left; text-align: left; clear: both; }

#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: 3px; }
#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; }

/* ##### Buttons ##### */
a.button, button {
  display:block;
  float:left;
  margin:0 0.5em 0.5em 0;
  padding:4px 10px 4px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#fff;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  /* color:#565656; */
  color: #939598;
  cursor:pointer;
}

button { width:auto; overflow:visible; padding:2px 5px 2px 3px; /* IE6 */ }
button[type] { padding:2px 5px 2px 3px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:2px 5px 2px 3px; /* IE7 */ }
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }

/* ##### Standard ##### */
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active{ background-color:#6299c5; border:1px solid #6299c5; }

/* ##### Positive ##### */
body .positive { color:#529214; }
a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
a.positive:active { background-color:#529214; border:1px solid #529214; }

/* ##### Negative ##### */
body .negative { color:#d12f19; }
a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }

/* ##### Forms ##### */
input.search        { width: 85px; margin:0 0.5em 1px 0; }
input.search        { border:1px solid #bbb; background:#f6f6f6; padding: 2px 5px 2px 3px; font-size: 10px; }
input.search:focus  { border:1px solid #999; background:#fff; }

#right label       { font-weight: bold; display: block; color:#fff; }
#right fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
#right legend      { font-weight: bold; }

#right input.text        { width: 200px; margin:0 0.5em 0.5em 0; }
#right input.text        { border:1px solid #bbb; background:#f6f6f6; padding:2px; }
#right input.text:focus  { border:1px solid #999; background:#fff; }

#right textarea       { width: 400px; height: 250px; margin:0 0.5em 0.5em 0; }
#right textarea       { border:1px solid #bbb; background:#eee; padding:5px; }
#right textarea:focus { border:1px solid #999; background:#fff; }

#right select         { border:1px solid #ccc; background:#f6f6f6; margin:0 0.5em 0.5em 0; }
#right select:focus   { border:1px solid #999; background:#fff; }

#right input[type='radio']  { width: auto; margin: 0 5px 0 10px; padding: 0; }

#right fieldset fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 0; border-top: 1px solid #ccc; }