/*
################################################################################
#
# File:     cope/css/cd-cover.css
#
# Contents: CSS for Cope-related CD Covers
#
# Authors:
#   - txe  Travis Emmitt
#
# Modifications:
#   - 2007-11-09  txe  Started initial creation.
#   - 2007-11-10  txe  Finsihed initial creation.
#
################################################################################
*/

body                         { margin: 0; padding: 0; background: #fff; color: #000; position: relative; font-family: Verdana, Arial, serif; font-size: 10px; }

div#header                   { margin: 0; padding: 0; position: absolute; left: 580px; top: 7px; color: #888; }
div#header p                 { margin: 5px 5px 10px; }

.cover                       { margin: 0; padding: 0 !important; position: absolute; left: 107px; width: 461px; height: 461px; background: #eee 0 0 no-repeat; }
.cover a                     { color: #00f; }

#front                       { top: 7px; }
#front h1                    { margin: 8px 0 0; padding: 0; text-align: center; line-height: 24px; font-size: 20px; font-family: Verdana, Helvetica, Arial, sans-serif; }
#front h1 .artist            { text-transform: uppercase;}
#front h1 .volume            { margin-left: 8px; position: relative; top: -2px; font-size: 15px; }
#front h1 .albumName         { display: block; font-size: 24px; font-style: italic; }

#front ol                    { margin: 0; padding: 0; position: absolute; top: 77px; font-size: 10px; }
#front li                    { margin: 0 0 0 41px; padding: 0 8px 0 0; line-height: 1.3em; } /* for firefox */
#front li .artist            { color: #068; font-weight: bold; }
#front li .songName          { margin-left: 2px; }
#front li .time              { margin-left: 2px; color: #666; font-size: 9px; font-style: italic; }
html     body #front .artist { margin-left: -10px; } /* IE */
html>/**/body #front .artist { margin-left: -5px; }  /* non-IE */

#back                        { top: 967px;  }
#back #notes                 { margin: 15px 15px 5px; line-height: 1.1em; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }
#back h2                     { margin: 0 0 10px; font-size: 12px; }
#back ul                     { margin: 5px 0; padding: 0 0 0 20px; }
#back li                     { margin: 0 0 1px; padding: 0; }
#back p                      { margin: 5px 0; }
#back .artists               { margin-bottom: 30px; padding-left: 0; list-style: none; }
#back .songName              { font-weight: bold; }
#back .albumName             { font-weight: bold; font-style: italic; }
#back .artist                { color: #000; font-weight: bold; }
#back .series                { text-transform: uppercase; }
#back .date                  { color: #080; font-weight: bold; }

#back #footer                { position: absolute; left: 0; bottom: 0.7em; width: 100%; color: #000; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }
#back #footer p              { margin: 0; width: 100%; text-align: center; font-size: 9px; font-style: italic; }

/* album-specific */
body#triple-vegetation #front            { background-image: url(../images/triple-vegetation-front.jpg); }
body#triple-vegetation #back             { background-image: url(../images/triple-vegetation-back.jpg); }
body#triple-vegetation #front .albumName { color: #070; }

body#triple-vegetation #back .artists    { margin-bottom: 0; }
body#triple-vegetation #back .artists li { line-height: 10px; font-size: 10px; }
body#triple-vegetation #back p           { margin: 7px 30px 0 0; line-height: 11px; font-size: 10px; }
body#triple-vegetation #back #p1         { margin-top: 15px; }


/******************************************************************************/
/******************************************************************************/