/* --------------------------------------------------------
    Default Theme
    theme_default.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: url('../images/bg.jpg') no-repeat top center;
    background-attachment: fixed;
    background-color: #000;
    }

body, table, th, td, p, dd, dt, ul, li {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #dddddd;
    }

table, th, td {
    line-height: 17px;
    }

h2 {
    font-family: Georgia, Times New Roman, serif;
    font-size: 11px;
    color: #dddddd;
    padding: 5px 12px 4px 12px;
    margin: 0 0 15px 0;
    background: url("../images/tr-bg.gif") no-repeat;
    background-color: #3a473b;
    }

h3 {
    margin: 7px 0 0 0;
    padding: 0;
    font-size: 11px;
    /* font-weight: normal; */
    color: #DFAB2F;
    }

h3.first, h3.title {
    margin-top: 0;
    }

h3.nobold {
    font-weight: normal;
    }

h3.title {
    padding-bottom: 12px;
    }

h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 10px;
    color: #ddd;
    }
    
a {
    color: #dfab2f;
    text-decoration: underline;
    }

a:link, a:visited {
    text-decoration: underline;
    }

a:hover {
    text-decoration: underline;
    }

:focus { -moz-outline-style: none; }

p {
    margin: 0;
    padding: 0 0 12px 0;
    }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */

#container {
    width: 760px;
    margin: 0 auto;
    text-align: left;
    min-height: 324px;
    }

#title h1 {
    margin: 0;
    padding: 0;
    width: 760px;
    height: 200px;
    text-indent: -9999px;
    text-decoration: none;
    background: url("../images/hdr-bg.jpg") no-repeat;
    }

#title h1 a:link, #title h1 a:visited {
    display: block;
    width: 760px;
    height: 200px;
    text-decoration: none;
    }
    
#content {
    min-height: 500px;
    }

#header ul {
    height: 35px;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 0;
    }

#header ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    line-height: 35px;
    }
    
#header ul li a {
    height: 35px; 
    display: block; 
    background: url("../images/header_menu_bg.gif") no-repeat top left; 
    text-decoration: none;
    }
    
#header ul li a span {
    display: none;
    }

#header #home a     { width: 76px; }
#header #news a     { width: 162px; background-position: -76px 0; }
#header #band a     { width: 70px;  background-position: -238px 0; }
#header #albums a   { width: 97px;  background-position: -308px 0; }
#header #shows a    { width: 83px;  background-position: -405px 0; }
#header #media a    { width: 81px;  background-position: -488px 0; }
#header #merch a    { width: 86px;  background-position: -569px 0; }
#header #contact a  { width: 105px; background-position: -655px 0; }

body#hom #home a, #header #home a:hover { background-position: 0 -35px; }
body#new #news a, #header #news a:hover { background-position: -76px -35px; }
body#ban #band a, #header #band a:hover { background-position: -238px -35px; }
body#alb #albums a, #header #albums a:hover { background-position: -308px -35px; }
body#sho #shows a, #header #shows a:hover { background-position: -405px -35px; }
body#med #media a, #header #media a:hover { background-position: -488px -35px; }
body#mer #merch a, #header #merch a:hover { background-position: -569px -35px; }
body#con #contact a, #header #contact a:hover { background-position: -655px -35px; }

#content {
    /* margin: 0 0 0 10px; */
    }

div.content-padding {
    padding: 0 12px;
    line-height: 18px;
    }

#left-column {
    float: left;
    margin: 0 0 60px 0;
    width: 550px;
    }

#left-column img, #right-column img {
    border: 1px dotted #3a473b;
    padding: 2px;
    }

#right-column {
    width: 189px;
    margin: 0 0 0 557px;
    padding: 0 0 100px 0;
    }

html>body div#right-column {
    /* Correct value for browsers that don't suffer from IE Win's bugs */
    margin: 0 0 0 560px;
    }

#right-column h2.second {
    margin-top: 20px;
    }

#right-column h3 {
    font-weight: normal;
    margin-top: 0;
    }

#right-column div.img-right {
    margin-bottom: 12px;
    text-align: center;
    }

#footer {
    border-top: 1px dotted #3a473b;
    /* margin: 0 70px 0 83px; */
    /* margin: 0 0 0 10px; */
    margin-right: 11px;
    padding: 26px 0;
    }

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#footer ul li {
    display: inline;
    font-size: 10px;
    padding-right: 12px;
    }

#footer p.copyright {
    margin-top: 4px;
    padding: 0;
    font-size: 10px;
    }

/* --------------------------------------------------------
    Lists
   -------------------------------------------------------- */

ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }

/* --------------------------------------------------------
    Classes
   -------------------------------------------------------- */

div.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    }

div.line {
    border-bottom: 1px dotted #3a473b;
    clear: both;
    margin: 0 0 17px 0;
    }

img.borders {
    border: 1px dotted #524B41;
    padding: 1px;
    }

.hide {
    display: none;
    }

/* --------------------------------------------------------
    Layout : Home
   -------------------------------------------------------- */

.headline-left {
    width: 362px;
    float: left;
    }

.headline-right {
    width: 150px;
    margin: 0 10px 10px 10px;
    float: right;
    }

p.more {
    padding-top: 6px;
    }

/* --------------------------------------------------------
    Layout : Band
   -------------------------------------------------------- */

.band-photo {
    margin-bottom: 15px;
    text-align: center;
    }

h3.band {
    padding-top: 8px;
    padding-bottom: 2px;
    font-weight: bold;
    }

div.left-panel {
    float: left;
    width: 260px;
    }

div.right-panel {
    float: left;
    width: 160px;
    }

ul.profiles. ul.interviews {
    margin-bottom: 12px;
    }

ul.profiles li, ul.interviews li {
    font-size: 10px;
    }

ul.profiles li.past {
    padding-top: 10px;
    }

/* --------------------------------------------------------
    Layout : Band - Profile
   -------------------------------------------------------- */

.profile-right {
    width: 160px;
    margin: 0 20px 20px 0;
    float: left;
    }

p.profile {
    clear: all;
    }

/* --------------------------------------------------------
    Layout : Albums
   -------------------------------------------------------- */

.album-left, .album-left-margin {
    width: 146px;
    margin-right: 12px;
    float: left;
    }

.album-right, .album-right-margin {
    width: 368px;
    float: left;
    }

.album-left-margin, .album-right-margin {
    margin-top: 0px;
    }

table.tracklisting {
    margin-bottom: 16px;
    }

table.tracklisting a {
    font-size: 10px;
    }

table.tracklisting td {
    padding-right: 15px;
    }

table.tracklisting td.songname {
    padding-right: 40px;
    }

table.tracklisting td.empty-text {
    color: #000;
    }

ul.reviews {
    padding-bottom: 12px;
    }

ul.reviews li {
    font-size: 10px;
    }

h4.lyrics {
    font-size: 11px;
    color: #C3953F;
    }

/* --------------------------------------------------------
    Layout : Shows
   -------------------------------------------------------- */

table.showslisting {
    width: 526px;
    margin-bottom: 16px;
    }

table.showslisting td, table.showslisting th {
    padding: 7px 10px 7px 5px;
    border-bottom: 1px dotted #524B41;
    vertical-align: top;
    border-right: 1px solid #000;
    }

table.showslisting th {
    padding-top: 0;
    text-align: left;
    font-weight: normal;
    color: #dfab2f;
    }

table.showslisting td.date {
    /* width: 88px; */
    color: #dfab2f;
    }

table.showslisting td.city {
    /* width: 160px; */
    }

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

/* --------------------------------------------------------
    Layout : Media
   -------------------------------------------------------- */

ul.media {
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul.media li {
    color: #dfab2f;
    display: inline;
    padding-right: 12px;
    }

ul.media li a {
    color: #dfab2f;
    }

ul.media li a.current {
    text-decoration: none;
    }

div.sounds_links {
    margin-top: 8px;
    }

#left-column div.sounds_links img {
    border: 0;
    margin-right: 15px;
    }

/* --------------------------------------------------------
    Layout : Media - Pictures
   -------------------------------------------------------- */

h3.picshead {
    font-weight: normal;
    color: #fff;
    margin-bottom: 12px;
    }

.pics-left, .pics-right {
    margin-bottom: 6px;
    }

.pics-left {
    width: 103px;
    margin-right: 12px;
    float: left;
    }

.pics-right {
    width: 411px;
    float: left;
    }

table.pictures {
    /* margin: 0 auto; */
    margin-bottom: 6px;
    }

table.pictures td {
    padding: 0 15px 15px 0;
    vertical-align: top;
    }

/* --------------------------------------------------------
    Layout : Media - Videos
   -------------------------------------------------------- */

.video-left {
    width: 185px;
    margin-right: 12px;
    margin-bottom: 18px;
    float: left;
    }

.video-right {
    width: 320px;
    margin-bottom: 18px;
    float: left;
    }

ul.quicktime li {
    margin-bottom: 3px;
    padding-left: 20px;
    background: url("../images/icone-quicktime.gif") center left no-repeat;
    }

/* --------------------------------------------------------
    Layout : Media - Downloads
   -------------------------------------------------------- */

.download-left, .download-right {
    margin-bottom: 18px;
    }

.download-left {
    margin-right: 12px;
    float: left;
    }

.download-right {
    float: left;
    }


/* --------------------------------------------------------
    Layout : Merch
   -------------------------------------------------------- */

p.fullview {
    font-size: 10px;
    text-align: center;
    padding-bottom: 0;
    }