/* --------------------------------------------------------
    Global stylesheet
    A Perfect Murder - Official Website
    Global stylesheet
    screen.css
   -------------------------------------------------------- */

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

body, table, td, p, div, dd, ul, li, input, textarea, select {
    color: #fff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    }

body {
    text-align: center;
    background-color: #000;
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-x;
    margin: 20px 0;
    padding: 0;
    }

h1, h2, h3, h4, h5, h6, ul, li, p, form {
    padding: 0; margin: 0;
    }

h1 {
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    width: 769px;
    height: 152px;
    background: url("../images/hdr-aperfectmurder-strength.jpg") no-repeat;
    }

h1 a:link, h1 a:visited {
    display: block;
    width: 769px;
    height: 152px;
    text-decoration: none;
    }

h2 {
    padding: 28px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:28px; /* for IE5.5's bad box model */
    }

h3 {
    color: #98271C;
    font-size: 11px;
    }

h4 {
    font-size: 11px;
    }

a:link, a:visited { color: #ccc; }
a:hover { color: #aaa; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }
p { padding: 0 0 12px 0; }

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

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

#title {
    margin-bottom: 3px;
    height: 152px;
    position: relative;
    }

#headermenu {
    background: url("../images/hdr-menu-bg.jpg") no-repeat;
    height: 28px;
    margin-bottom: 3px;
    }

#headermenu ul {
    height: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    }

#headermenu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    }

#headermenu li, #headermenu li a {
    height: 14px;
    display: block;
    }

#headermenu li a {
    text-indent: -9999px;
    text-decoration: none;
    }

#headermenu #menu01 { top: 7px; left: 84px;  width: 43px; background: url(../images/hdr-menu-news.jpg) top left no-repeat; }
#headermenu #menu02 { top: 7px; left: 148px; width: 80px; background: url(../images/hdr-menu-biography.jpg) top left no-repeat; }
#headermenu #menu03 { top: 7px; left: 246px; width: 96px; background: url(../images/hdr-menu-discography.jpg) top left no-repeat; }
#headermenu #menu04 { top: 7px; left: 360px; width: 52px; background: url(../images/hdr-menu-shows.jpg) top left no-repeat; }
#headermenu #menu05 { top: 7px; left: 429px; width: 48px; background: url(../images/hdr-menu-media.jpg) top left no-repeat; }
#headermenu #menu06 { top: 7px; left: 494px; width: 53px; background: url(../images/hdr-menu-merch.jpg) top left no-repeat; }
#headermenu #menu07 { top: 7px; left: 562px; width: 44px; background: url(../images/hdr-menu-links.jpg) top left no-repeat; }
#headermenu #menu08 { top: 7px; left: 619px; width: 65px; background: url(../images/hdr-menu-contact.jpg) top left no-repeat; }

body#news #headermenu #menu01 { background: url(../images/hdr-menu-news-on.jpg) top left no-repeat; }
body#biography #headermenu #menu02 { background: url(../images/hdr-menu-biography-on.jpg) top left no-repeat; }
body#discography #headermenu #menu03 { background: url(../images/hdr-menu-discography-on.jpg) top left no-repeat; }
body#shows #headermenu #menu04 { background: url(../images/hdr-menu-shows-on.jpg) top left no-repeat; }
body#media #headermenu #menu05 { background: url(../images/hdr-menu-media-on.jpg) top left no-repeat; }
body#merch #headermenu #menu06 { background: url(../images/hdr-menu-merch-on.jpg) top left no-repeat; }
body#links #headermenu #menu07 { background: url(../images/hdr-menu-links-on.jpg) top left no-repeat; }
body#contact #headermenu #menu08 { background: url(../images/hdr-menu-contact-on.jpg) top left no-repeat; }

#content {
    background: url("../images/cnt-bg.gif") top left repeat-y;
    padding-bottom: 60px;
    }

#left-column {
    float: left;
    width: 207px;
    }

#left-column div, #left-column p {
    font-size: 10px;
    line-height: 16px;
    }

h2#title-left-shows  { background: url("../images/lft-title-shows.gif"); }
h2#title-left-poll   { background: url("../images/lft-title-poll.gif"); }
h2#title-news        { background: url("../images/title-news.gif"); }
h2#title-biography   { background: url("../images/title-biography.gif"); }
h2#title-discography { background: url("../images/title-discography.gif"); }
h2#title-shows       { background: url("../images/title-shows.gif"); }
h2#title-media       { background: url("../images/title-media.gif"); }
h2#title-merch       { background: url("../images/title-merch.gif"); }
h2#title-links       { background: url("../images/title-links.gif"); }
h2#title-contact     { background: url("../images/title-contact.gif"); }

#right-column {
    width: 559px;
    margin: 0 0 0 207px;
    }

#right-column div, #right-column p {
    font-size: 11px;
    line-height: 19px;
    }

#right-column img {
    margin-bottom: 14px;
    }

#right-column img.nopadding {
    margin-bottom: 0;
    }

#right-column img.imgborder {
    border: 1px solid #6D0000;
    margin-bottom: 0;
    }

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

div.contentpadding {
    padding: 18px 18px 30px 18px;
    }

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

#footer {
    background: url("../images/ftr-bg.gif") top left no-repeat;
    height: 33px;
    }

#footer p {
    font-size: 10px;
    padding: 13px 0 0 16px;
    margin: 0;
    }

/* --------------------------------------------------------
    Forms
   -------------------------------------------------------- */

form { padding: 0; margin: 0; }

input, select, textarea {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    }

.button {
    color: #fff;
    background-color: #6D0000;
    }

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

ol {
    list-style-position: inside;
    list-style-type: decimal-leading-zero;
    margin: 0 0 14px 0;
    padding: 0;
    }

ul { list-style: none; }


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

div.left-ad {
    padding-bottom: 10px;
    text-align: center;
    }


/* --------------------------------------------------------
    Section : News
   -------------------------------------------------------- */

.gray {
    color: #ccc;
    }

p.news-date {
    color: #ccc;
    font-size: 10px;
    }

/* --------------------------------------------------------
    Section : Discography
   -------------------------------------------------------- */

.disco-left, .disco-right {
    margin-bottom: 8px;
    }

.disco-left {
    width: 145px;
    margin-right: 18px;
    float: left;
    }

.disco-right {
    width: 356px;
    float: left;
    }

/* --------------------------------------------------------
    Section : Shows
   -------------------------------------------------------- */

table.shows { width: 100%; }
table.shows th { color: #98271C; }
table.shows td { padding: 3px 0; }
table.shows td.date { color: #ccc; }
table.shows td.date, table.shows th.date { padding-left: 10px; }

/* --------------------------------------------------------
    Section : Media
   -------------------------------------------------------- */

table.media { margin-bottom: 16px; }
table.media td { vertical-align: top; }
table.media td.media-left { padding-right: 10px; }
table.media td.media-left-sounds { padding-right: 20px; }

/* --------------------------------------------------------
    Section : Links
   -------------------------------------------------------- */

ul.links-list { padding-bottom: 19px; }