/*
################################################################################
#
# File:     tripecac/css/cd-cover.css
#
# Contents: CSS for Tripecac CD Covers
#
# Authors:
#   - txe  Travis Emmitt
#
# Modifications:
#   - 2003-09-29  txe  Initial creation (Baby Steps.css).
#   - 2003-09-30  txe  Finishing...
#   - 2003-12-02  txe  Renamed cdCover.css, cleaned up.
#   - 2003-12-03  txe  Tweaked for NS and Opera.
#   - 2003-12-04  txe  Tweaked for older albums.
#   - 2004-07-05  txe  Renamed.
#   - 2004-08-11  txe  Added body#chuckadee.
#   - 2004-08-18  txe  Added album-specific CSS, renamed to cd-covers.
#   - 2004-11-17  txe  Added .location, body#disco-hike.
#   - 2004-11-20  txe  Added body#extra-extra.
#   - 2004-11-21  txe  Tweaked body#extra-extra.
#   - 2004-12-06  txe  Tweaked In the Margins h1.
#   - 2005-02-02  txe  Added coma-pill.
#   - 2005-02-24  txe  Added div#header.
#   - 2005-02-26  txe  Added archives, college-collection, college-collage.
#   - 2005-02-27  txe  Added south-or-southeast.
#   - 2005-03-01  txe  Added ourboretum.
#   - 2005-03-02  txe  Tweaked for firefox and opera.
#   - 2005-03-03  txe  Added the-hermit.
#   - 2005-03-04  txe  Added wheres-my-muse.
#   - 2005-04-18  txe  Added jaminy.
#   - 2005-06-16  txe  Added padden-drift.
#   - 2005-08-08  txe  Added gorilla-love, tweaked left margin.
#   - 2005-11-14  txe  Added aminals, vegibles.
#   - 2006-02-04  txe  Updated archives.
#   - 2006-02-07  txe  Updated college-collage.
#   - 2006-02-08  txe  Updated the-hermit.
#   - 2006-02-09  txe  Updated wheres-my-muse.
#   - 2006-02-14  txe  Updated south-or-southeast.
#   - 2006-02-16  txe  Made siteOnly more general, added tapeCover.
#   - 2006-02-17  txe  Added songs-to-sleep-by, songs-to-sleep-by-2.
#   - 2006-03-01  txe  Added fruitine.
#   - 2006-04-26  txe  Added dignored.
#   - 2006-07-14  txe  Added miner.
#   - 2006-09-19  txe  Added mouseculine, tweaked left position.
#   - 2006-09-20  txe  Tweaked mouseculine track listing.
#   - 2006-10-21  txe  Fixed multi-column bug in firefox.
#   - 2006-11-08  txe  Added yata.
#   - 2007-01-31  txe  Added zipit.
#   - 2007-02-26  txe  Changed filename separator from understore to dash.
#   - 2007-04-26  txe  Added sixawon, tweaked key-of-g.
#   - 2007-04-27  txe  Tweaked sixawon, margins (for printing on faramir)
#   - 2007-07-20  txe  Added halfdosin.
#   - 2007-11-02  txe  Added whatcom-home.
#   - 2007-11-07  txe  Tweaked whatcom-home, college-collage.
#   - 2008-01-24  txe  Added what-roses.
#   - 2008-04-26  txe  Added pho-kit.
#   - 2008-05-24  txe  Moved shared CSS to shared/css/cd-cover.css.
#   - 2008-07-06  txe  Tweaked aminals, vegibles for IE7.
#   - 2008-09-30  txe  Added composed-pile.
#   - 2009-01-25  txe  Added decomposed-pie.
#   - 2009-09-24  txe  Added swaddlicious.
#   - 2010-10-12  txe  Added lost-train.
#   - 2010-10-14  txe  Tweaked lost-train.
#   - 2011-03-15  txe  Added out-the-margins.
#   - 2011-03-19  txe  Moved the-key-of-g to trex.
#   - 2011-06-16  txe  Added redebut.
#   - 2011-06-17  txe  Updated redebut.
#   - 2011-11-10  txe  Added reprogression.
#
################################################################################
*/

@import url(../../shared/css/cd-cover.css);

.front h1 { padding: 10px 10px 0; text-align: left; font-size: 22px; }
.front ol { margin: 3px 0; text-align: left; }

/* album-specific */

body#archives .front ol        { margin: 7px 0 0 20px; font-size: 11px; }
html>body#archives .front li   { height: 15px;  }
body#archives .front li .date  { display: none; }
body#archives .front li#song16,
body#archives .front li#song17,
body#archives .front li#song18,
body#archives .front li#song19,
body#archives .front li#song20,
body#archives .front li#song21,
body#archives .front li#song22,
body#archives .front li#song23,
body#archives .front li#song24,
body#archives .front li#song25,
body#archives .front li#song26,
body#archives .front li#song27,
body#archives .front li#song28,
body#archives .front li#song29,
body#archives .front li#song30      { position: relative; left: 220px; top: -210px;  }
body#archives .back .notes          { padding-top: 15px; }
body#archives .back p               { width: 220px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
html>body#archives .front li#song16 { margin-top: -4px; }

body#college-collection .front h1      { margin: 6px; text-align: center; font-size: 19px; }
body#college-collection .front ol      { margin: 7px 3px; text-align: right; font-size: 10px; }
html>body#college-collection .front li { height: 13px;  }
body#college-collection .back .notes   { padding-top: 55px; }
body#college-collection .back p        { margin: 10px 40px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#college-collage .front h1         { margin: 20px 15px 13px; padding-top: 2px; text-align: center; font-size: 21px; }
body#college-collage .front ol         { margin: 22px 0 0 10px; font-size: 11px; }
html>body#college-collage .front li    { height: 14px;  }
body#college-collage .front li .date   { display: none; }
body#college-collage .front li#song10  { margin-bottom: -2px; }
body#college-collage .front li#song11,
body#college-collage .front li#song12,
body#college-collage .front li#song13,
body#college-collage .front li#song14,
body#college-collage .front li#song15,
body#college-collage .front li#song16,
body#college-collage .front li#song17,
body#college-collage .front li#song18,
body#college-collage .front li#song19,
body#college-collage .front li#song20,
body#college-collage .front li#song21,
body#college-collage .front li#song22,
body#college-collage .front li#song23,
body#college-collage .front li#song24 { position: relative; left: 225px; top: -141px; }
body#college-collage .front li#song23 { padding-top: 15.4em; }
body#college-collage .front li#song24 { padding-top: 5px; left: 183px; }

body#college-collage .back .notes { padding-top: 35px; }
body#college-collage .back p      { margin: 10px 40px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#the-hermit .front h1           { margin: 20px 10px 18px; text-align: center; word-spacing: 2px; letter-spacing: 1px; font-size: 19px; font-family: "Courier New", Courier, mono; }
body#the-hermit .front ol           { margin: 0 10px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
body#the-hermit .front li           { line-height: 12px; }
html>body#the-hermit .front li      {      height: 12px; }
body#the-hermit .front li .songName { font-weight: normal; }
body#the-hermit .front li .songTime { padding-left: 5px; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#the-hermit .front li .date     { display: none; }
body#the-hermit .front li#song11,
body#the-hermit .front li#song12,
body#the-hermit .front li#song13,
body#the-hermit .front li#song14,
body#the-hermit .front li#song15,
body#the-hermit .front li#song16,
body#the-hermit .front li#song17,
body#the-hermit .front li#song18,
body#the-hermit .front li#song19,
body#the-hermit .front li#song20                 { position: relative; left: 195px; top: -120px; }
html>body#the-hermit .front li#song11            { padding-top: 5px; } /* fixes firefox but messes up opera */
body#the-hermit .back .notes                     { padding-top: 13px; }
body#the-hermit .back .notes div                 { display: none; }
body#the-hermit .back .notes div.linerNotes,
body#the-hermit .back .notes div.productionNotes { display: block; }
body#the-hermit .back div.linerNotes h3          { display: none; }
body#the-hermit .back div.productionNotes h3     { margin-top: 3px; color: #008; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#the-hermit .back p                          { margin: 0 10px 10px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#the-hermit .back p.date                     { margin: 0 8px 0 2px; padding: 2px; float: right; background: #ffd; border: 1px solid #080; }
body#the-hermit .back p.sig                      { margin: -10px 10px 0; text-align: right;  }

body#wheres-my-muse .front h1           { margin: 20px 10px; text-align: center; word-spacing: 2px; letter-spacing: 1px; font-size: 25px; font-family: Arial, Helvetica, sans-serif; }
body#wheres-my-muse .front h1 .date     { display: block; text-align: center; }
body#wheres-my-muse .front ol           { margin: 69px 5px 0; font-size: 9px; font-family: Arial, Helvetica, sans-serif;  }
body#wheres-my-muse .front ol           { width: 253px; text-align: right; }
body#wheres-my-muse .front li           { line-height: 11px; }
html>body#wheres-my-muse .front li      {      height: 11px;  }
body#wheres-my-muse .front li .songName { font-weight: normal; }
body#wheres-my-muse .front li .songTime { padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#wheres-my-muse .front li .date     { display: none; }
body#wheres-my-muse .back p             { margin: 10px 10px 10px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#wheres-my-muse .back h3            { margin-top: 3px; color: #005; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#south-or-southeast .front h1        { font-size: 18px; }
body#south-or-southeast .front ol        { margin-top: 10px; font-size: 9px; }
body#south-or-southeast .front li        { line-height: 11px; }
html>body#south-or-southeast .front li   {      height: 11px;  }
body#south-or-southeast .startDate       { display: none; }
body#south-or-southeast .front li#song20 { margin-top: 10px; }
body#south-or-southeast .back .notes     { padding-top: 10px; }
body#south-or-southeast .back p          { margin: 10px 10px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#songs-to-sleep-by   .front,
body#songs-to-sleep-by-2 .front    { border: 1px solid #ddd; }
body#songs-to-sleep-by   .front h1,
body#songs-to-sleep-by-2 .front h1 { font-size: 18px; }
body#songs-to-sleep-by   .front li,
body#songs-to-sleep-by-2 .front li { line-height: 1.3em; font-size: 75%; }

body#songs-to-sleep-by   .front li .startDate,
body#songs-to-sleep-by-2 .front li .startDate,
body#in-the-margins      .front li .startDate,
body#renewal             .front li .startDate,
body#re-treat            .front li .startDate,
body#convenience         .front li .startDate,
body#back-up             .front li .startDate { display: none; }

body#in-the-margins .front h1 { font-size: 20px; }

body#sunday-sampler .front h1       { letter-spacing: 2px; font-size: 20px; font-style: italic; font-family: "Times New Roman", Times, serif; }
body#sunday-sampler .front h1 .date { padding-right: 6px; float: right; position: relative; top: -22px; letter-spacing: 0; font-size: 16px; }
body#sunday-sampler .front ol       { margin-top: 10px; font-size: 14px; font-family: "Times New Roman", Times, serif; }
body#sunday-sampler .front li       { line-height: 16px; }
html>body#sunday-sampler .front li  {      height: 16px; }
body#sunday-sampler .front li .date { display: none; }
body#sunday-sampler .front li#song9,
body#sunday-sampler .front li#song10,
body#sunday-sampler .front li#song11,
body#sunday-sampler .front li#song12,
body#sunday-sampler .front li#song13,
body#sunday-sampler .front li#song14,
body#sunday-sampler .front li#song15,
body#sunday-sampler .front li#song16 { position: relative; top: -128px; left: 200px; }
body#sunday-sampler .back            { background: url(../images/sunday-sampler-godislove.jpg) 320px 390px no-repeat !important; }
body#sunday-sampler .back .notes     { padding-top: 10px; }
body#sunday-sampler .back p          { line-height: 13px; font-size: 11px; font-family: "Courier New", Courier, mono; }
html>body#sunday-sampler .back li    {      height: 13px; }
body#sunday-sampler .back p.note     { margin-bottom: 15px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#sunday-sampler .back p.date     { margin: 0 5px; float: right; }
body#sunday-sampler .back p.sig      { margin-left: 150px; }

body#dads-picks .front h1                { margin: 93px 0 17px 54px; letter-spacing: 1px; font-size: 24px; font-family: "Times New Roman", Times, serif; }
body#dads-picks .front h1 .date          { padding-right: 6px; position: absolute; top: 225px; right: 10px; letter-spacing: 0; font-size: 16px; }
body#dads-picks .front ol                { margin: 10px 105px 10px 20px; padding: 5px 0; border: 1px solid #000; font-size: 11px; font-family: "Courier New", Courier, mono; }
body#dads-picks .front li                { line-height: 15px; }
html>body#dads-picks .front li           {      height: 15px; }
body#dads-picks .front li .songName      { padding: 0; width: 240px;}
body#dads-picks .front li .songTime      { padding: 0; width: 30px; }
html>body#dads-picks .front li .songTime { margin-top: -16px; display: block; position: relative; left: 245px; }
body#dads-picks .front li .date          { display: none;}
body#dads-picks .back .notes             { margin-right: 135px; padding-top: 10px; }
body#dads-picks .back p                  { margin-top: 7px; line-height: 10px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
html>body#dads-picks .back li            {      height: 10px; }
body#dads-picks .back p.note             { margin-bottom: 10px; font-size: 10px; }
body#dads-picks .back p.date             { margin: 0 8px; float: right; }
body#dads-picks .back p.sig              { margin: -5px 10px 0; float: right; }
body#dads-picks .back p b                { color: #a00; }

body#so-so,
body#so-on,
body#so-long { }

body#baby-steps .front h1      { text-align: right; }
body#baby-steps .front li      { text-align: right; font-size: 9px; }
html>body#baby-steps .front li { height: 12px;  }
body#baby-steps .back h3       { margin-left: 4px; }
body#baby-steps .back p        { margin-left: 4px; width: 325px; }

body#baby-talk .front h1        { text-align: right; }
body#baby-talk .front li        { text-align: right; font-size: 10px; }
html>body#baby-talk .front li   { height: 13px;  }
body#baby-talk .back .copyright { font-size: 9px; }

body#schmocial .front h1      { padding: 88px 10px 140px 20px; text-align: center; font-size: 20px; }
body#schmocial .front li      { padding-right: 112px; text-align: right; font-size: 9px; line-height: 12px; }
html>body#schmocial .front li { height: 12px;  }
body#schmocial .back          { padding-top: 17px; }
body#schmocial .back p        { padding: 0 7px; font-family: Arial, "Times New Roman", Times, serif; font-size: 12px; }
body#schmocial .back h3       { padding: 140px 0 0 7px; }
body#schmocial .back .date    { color: #060; }

body#brroom .front h1       { margin: 0 -10px 0 0; padding-bottom: 150px; font-size: 22px; }
body#brroom .front h1 span  { margin-left: 92px; }
body#brroom .front li       { margin-left: 45px; font-size: 10px; text-align: left; }
html>body#brroom .front li  { height: 13px;  }
body#brroom .front li .date { font-size: 9px; font-weight: normal; }
body#brroom .back .notes    { padding-top: 15px; }
body#brroom .back p         { padding: 0 10px; text-align: center; font-size: 14px; line-height: 1.1em; }
body#brroom .back h3        { text-align: center; }
body#brroom .back .date     { color: #060; }

body#chuckadee .front h1                 { margin: 18px 0 0 19px; padding: 0; font-size: 19px; }
body#chuckadee .front ol                 { margin: 0 0 0 -1px; padding: 0; width: 265px; position: relative; font-size: 8px; }
body#chuckadee .front li                 { line-height: 11px; }
body#chuckadee .front li span.songName   { margin-left: -12px; }
body#chuckadee .front li span.date       { font-weight: normal; font-style: normal; font-size: 7px; white-space: nowrap; }
html>body#chuckadee .front li            { height: 11px;  }
html>body#chuckadee .front span.songName { margin-left: -5px; }
body#chuckadee .front li#song8,
body#chuckadee .front li#song9,
body#chuckadee .front li#song10,
body#chuckadee .front li#song11,
body#chuckadee .front li#song12          { position: relative; left: 192px; top: -76px;  }
body#chuckadee .back p                   { margin: 10px 10px 15px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#disco-hike .front li       { letter-spacing: 1px; }
body#disco-hike .front li .date { color: #083; font-size: 9px; font-weight: normal; }
body#disco-hike .back .notes    { padding: 15px 5px 0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#disco-hike .back h3        { font-size: 11px; }
body#disco-hike .back .date     { color: #060; }
body#disco-hike .back .gear     { color: #630; }

body#extra-extra .front ol       { margin-top: 10px; }
body#extra-extra .front li .date { color: #083; font-size: 9px; font-weight: normal; }
body#extra-extra .back .notes    { padding: 15px 5px 0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#extra-extra .back h3        { font-size: 12px; }

body#coma-pill .front ol       { margin-top: 10px; }
body#coma-pill .front li .date { font-size: 9px; font-weight: normal; }
body#coma-pill .back .notes    { padding: 12px 5px 0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#coma-pill .back p         { margin-bottom: 6px; }
body#coma-pill .back h3        { font-size: 12px; }
body#coma-pill .back p.break   { margin-top: 90px; }

body#ourboretum .front h1       { margin-top: 4px; text-align: center; }
body#ourboretum .front ol       { margin: 8px 5px; text-align: right; font-size: 11px; }
body#ourboretum .front li       { line-height: 14px; }
html>body#ourboretum .front li  { height: 14px;  }
body#ourboretum .front li .date { position: relative; top: -1px; font-size: 9px; font-weight: normal; }
body#ourboretum .back .notes    { padding-top: 10px; }
body#ourboretum .back p         { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#ourboretum .back b         { color: #008;  }

body#jaminy .front h1       { margin-top: 4px; text-align: center; }
body#jaminy .front ol       { margin: 8px 5px; text-align: right; font-size: 11px; }
body#jaminy .front li       { line-height: 14px; }
html>body#jaminy .front li  { height: 14px;  }
body#jaminy .front li .date { position: relative; top: -1px; font-size: 9px; font-weight: normal; }
body#jaminy .back .notes    { padding-top: 45px; }
body#jaminy .back p         { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#jaminy .back b         { color: #008;  }

body#padden-drift .front h1       { margin-top: 4px; text-align: right; }
body#padden-drift .front ol       { margin: 8px 5px; text-align: right; font-size: 10px; }
body#padden-drift .front li .date { position: relative; top: -1px; font-size: 9px; font-weight: normal; }
body#padden-drift .back .notes    { padding-top: 5px; }
body#padden-drift .back p         { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#gorilla-love .front h1         { margin-top: 4px; text-align: right; }
body#gorilla-love .front ol         { margin: 6px 8px; text-align: right; font-size: 10px; }
body#gorilla-love .front li .date   { position: relative; top: -1px; font-size: 9px; font-weight: normal; }
body#gorilla-love .front .startDate { display: none; }
body#gorilla-love .back .notes      { padding-top: 8px; }
body#gorilla-love .back #noseFlair  { float: right; width: 250px; height: 310px; }
body#gorilla-love .back p           { margin-left: 15px; margin-right: 15px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#gorilla-love .back p#gear      { margin-right: 0; }
body#gorilla-love .back .date       { color: #060; }
body#gorilla-love .back .gear       { color: #006; }

/* aminals and vegibles (shared styles) */
body#aminals  .front h1,
body#vegibles .front h1       { margin: -4px 0 0 80px; height: 20px; letter-spacing: 1px; font-size: 170%; }
body#aminals  .front ol,
body#vegibles .front ol       { margin: 0; position: absolute; left: 15px; top: 400px; }
body#aminals  .front li,
body#vegibles .front li       { line-height: 11px; font-size: 75%; }
html>body#aminals  .front ol,
html>body#vegibles .front ol  { xmargin-top: 373px; }
body#aminals  .front li .date,
body#vegibles .front li .date { display: none; }
body#aminals  .back,
body#vegibles .back           { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* aminals only */
body#aminals .front li#song6,
body#aminals .front li#song7,
body#aminals .front li#song8,
body#aminals .front li#song9,
body#aminals .front li#song10 { position: relative; left: 145px; top: -55px;  }
body#aminals .front li#song11,
body#aminals .front li#song12,
body#aminals .front li#song13,
body#aminals .front li#song14,
body#aminals .front li#song15 { position: relative; left: 290px; top: -110px;  }
body#aminals .back .notes     { padding: 54px 93px 0 0; }
html>body#aminals .front li   { height: 11px; }

/* vegibles only */
body#vegibles .front ol        { left: 0; }
body#vegibles .front li        { line-height: 13px; font-size: 10px; font-family: Arial, Verdana, sans-serif; }
body#vegibles .front li#song5,
body#vegibles .front li#song6,
body#vegibles .front li#song7,
body#vegibles .front li#song8  { position: relative; left: 102px; top: -52px; }
body#vegibles .front li#song9,
body#vegibles .front li#song10,
body#vegibles .front li#song11,
body#vegibles .front li#song12 { position: relative; left: 204px; top: -104px; }
body#vegibles .front li#song13,
body#vegibles .front li#song14,
body#vegibles .front li#song15,
body#vegibles .front li#song16 { position: relative; left: 330px; top: -156px; }
body#vegibles .back .strike    { color: #808; }
body#vegibles .back .note      { color: #025; }
body#vegibles .back .sig       { margin-top: 15px; text-align: right; }
body#vegibles .back #spacer1   { float: right; width: 90px;  height: 100px; }
body#vegibles .back #spacer2   { float: right; width: 210px; height: 35px; }
body#vegibles .back #spacer3   { float: right; width: 225px; height: 140px; }
html>body#vegibles .front li   { height: 13px; }

body#fruitine .front h1         { margin: 40px 20px 0 0; text-align: right; font-size: 22px; }
body#fruitine .front h1 .date   { margin: 5px 0; display: block; }
body#fruitine .front ol         { margin: 0; position: absolute; left: 10px; top: 240px;  }
body#fruitine .front li         { padding-top: 1px; font-size: 11px; }
body#fruitine .front .startDate { display: none; }
body#fruitine .back .notes      { padding: 5px; line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#fruitine .back p           { margin-bottom: 8px; }
body#fruitine .back .p4         { width: 260px; }
body#fruitine .back .p5,
body#fruitine .back .p6,
body#fruitine .back .p7         { width: 225px; }
body#fruitine .back .p8         { margin-top: 15px; }

body#dignored .front h1         { margin: -3px auto 5px; padding-bottom: 3px; letter-spacing: 5px; text-align: center; background: #cdf; border-bottom: 1px solid #000; font-size: 20px; }
body#dignored .front h1 .date   { display: none; }
body#dignored .front ol         { margin: 3px 0 0 -10px; width: 240px; text-align: right; }
body#dignored .front li         { line-height: 11px; font-size: 9px; }
body#dignored .front li .date   { font-weight: normal; }
body#dignored .front .startDate { display: none; }
body#dignored .front li#song7,
body#dignored .front li#song8,
body#dignored .front li#song9,
body#dignored .front li#song10,
body#dignored .front li#song11,
body#dignored .front li#song12,
body#dignored .front li#song13  { position: relative; left: 222px; top: -66px; }
body#dignored .back .notes      { padding: 2px; line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#dignored .back p           { margin-bottom: 8px; }
body#dignored .back #p2         { width: 240px; }
body#dignored .back #p3         { width: 110px; }
html>body#dignored .front li    { height: 11px; }

body#miner .front h1         { margin: -3px auto 14px; padding-bottom: 3px; letter-spacing: 5px; text-align: right; font-size: 20px; }
body#miner .front h1 .date   { display: none; }
body#miner .front ol         { margin: 3px 0 0 -10px; width: 240px; text-align: right; }
body#miner .front li         { line-height: 11px; font-size: 9px; }
body#miner .front li .date   { font-weight: normal; }
body#miner .front .startDate { display: none; }
body#miner .front li#song8,
body#miner .front li#song9,
body#miner .front li#song10,
body#miner .front li#song11,
body#miner .front li#song12,
body#miner .front li#song13,
body#miner .front li#song14  { position: relative; left: 222px; top: -78px; }
body#miner .back .notes      { padding: 15px 2px 2px 2px; width: 155px; line-height: 1.1em; font-size: 13px; font-family: Times New Roman, Times, serif; }
body#miner .back p           { margin-bottom: 15px; }
body#miner .back #p2         { width: 120px; }
body#miner .back #p3         { width: 95px; }
body#miner .back #p4         { width: 90px; }
body#miner .back #p5         { width: 80px; }
body#miner .back #p6         { width: 80px; }
html>body#miner .front li    { height: 11px; }

body#mouseculine .front h1         { margin: 0 auto 14px; padding-bottom: 5px; letter-spacing: 5px; text-align: center; border-bottom: 1px solid #678; font-size: 20px; }
body#mouseculine .front h1 .date   { display: none; }
body#mouseculine .front ol         { margin: 0 3px; text-align: right; }
body#mouseculine .front li         { line-height: 11px; font-size: 75%; }
body#mouseculine .front li .date   { color: #060; white-space: nowrap; font-weight: normal; }
body#mouseculine .front .startDate { display: none; }
body#mouseculine .back .notes      { padding: 10px 2px 2px; line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#mouseculine .back p           { margin-bottom: 10px; }

body#yata .front h1         { margin: 0 auto 14px; padding-bottom: 5px; letter-spacing: 5px; text-align: center; border-bottom: 1px solid #678; font-size: 20px; }
body#yata .front h1 .date   { display: none; }
body#yata .front ol         { margin: 0 3px; text-align: right; }
body#yata .front li         { line-height: 1.2em; font-size: 11px; }
body#yata .front li .date   { color: #060; white-space: nowrap; font-weight: normal; }
body#yata .front .startDate { display: none; }
body#yata .back .notes      { padding: 10px 6px 2px; line-height: 1.1em; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#yata .back p           { margin-bottom: 10px; }

body#zipit .front h1         { margin: 0; padding: 0; position: absolute; left: 28px; top: 180px; color: #ddf5ff; letter-spacing: 2px; font-size: 22px; }
body#zipit .front h1 .date   { margin: 0; padding: 0; position: absolute; left: 158px; top: 220px; color: #6ba; letter-spacing: 0; font-size: 12px; }
body#zipit .front .startDate { display: none; }
body#zipit .front ol         { margin: 363px 0 0 5px; }
body#zipit .front li         { line-height: 12px; font-size: 10px; font-family: Arial, Verdana, sans-serif; }
body#zipit .front li .date   { font-size: 10px; }
body#zipit .front li#song8,
body#zipit .front li#song9,
body#zipit .front li#song10,
body#zipit .front li#song11,
body#zipit .front li#song12,
body#zipit .front li#song13  { position: relative; left: 255px; top: -72px; }
html>body#zipit .front ol    { padding-top: 2px;}
html>body#zipit .front li    { height: 12px; }
body#zipit .back             { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#zipit .back .notes      { margin: 0 5px; padding: 10px 6px 2px; line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#zipit .back .date       { color: #060; }
body#zipit .back p           { margin: 0 0 8px 0; }
body#zipit .back p#p1        { margin-right: 30px; }
body#zipit .back p#p2        { margin-right: 30px; }
body#zipit .back p#p3        { margin-right: 70px; }
body#zipit .back p#p6        { margin: 65px 0 8px 100px; }

body#sixawon .front .date          { color: #070; }
body#sixawon .front h1             { margin: -4px 0 0 75px; height: 20px; letter-spacing: 1px; font-size: 170%; }
body#sixawon .front ol             { margin: 356px 0 0 28px; padding: 0; position: relative; left: -154px; }
body#sixawon .front li             { margin: 0; padding: 0; color: #223; text-align: center; line-height: 13px; font-size: 9px; font-family: Arial, Verdana, sans-serif; }
body#sixawon .front .songName      { margin-left: -11px; color: #000; font-size: 11px; font-weight: normal; }
body#sixawon .front .songTime      { margin-left: -1px; }
body#sixawon .front .startDate     { display: none; }
body#sixawon .front li#song6,
body#sixawon .front li#song7,
body#sixawon .front li#song8       { position: relative; left: 147px; top: -65px; }
body#sixawon .front li#song9,
body#sixawon .front li#song10,
body#sixawon .front li#song11,
body#sixawon .front li#song12,
body#sixawon .front li#song13      { position: relative; left: 299px; top: -130px; }
body#sixawon .front li#song7,
body#sixawon .front li#song8       { margin-top: 13px; }
html>body#sixawon .front ol        { margin: 358px 0 0 25px; }
html>body#sixawon .front li        { min-height: 13px; }
html>body#sixawon .front .songName { margin-left: -6px; }
body#sixawon .back                 { line-height: 12px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }

body#halfdosin .front h1         { margin: 0; padding: 0; position: absolute; left: 56px; top: 48px; letter-spacing: 2px; font-size: 22px; }
body#halfdosin .front h1 .date   { margin: 0; padding: 0; position: absolute; left: 266px; top: 147px; color: #044; letter-spacing: 0; font-size: 18px; }
body#halfdosin .front .startDate { display: none; }
body#halfdosin .front ol         { margin: 280px 0 0 0; }
body#halfdosin .front li         { margin: 0 0 0 35px; padding: 0 0 1px; line-height: 14px; font-size: 11px; font-family: Arial, Verdana, sans-serif; }
body#halfdosin .front li .date   { font-size: 10px; font-weight: normal; }
body#halfdosin .front li#song12,
body#halfdosin .front li#song13,
body#halfdosin .front li#song14  { position: relative; left: 245px; top: -45px; }
body#halfdosin .back             { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#halfdosin .back .notes      { margin: 0 5px; padding: 10px 6px 2px; line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#halfdosin .back .date       { color: #060; }
body#halfdosin .back p           { margin: 0 0 8px 0; }

body#whatcom-home .front h1             { margin-top: 13px; text-align: center; }
body#whatcom-home .front .startDate     { display: none; }
body#whatcom-home .front ol             { margin: 16px 0 0 31px; font-size: 11px; }
body#whatcom-home .front li             { padding-bottom: 1px;  }
body#whatcom-home .front li .date       { font-size: 9px; font-weight: normal; font-family: Arial, Verdana, sans-serif; }
body#whatcom-home .front li#song8,
body#whatcom-home .front li#song9,
body#whatcom-home .front li#song10,
body#whatcom-home .front li#song11,
body#whatcom-home .front li#song12,
body#whatcom-home .front li#song13,
body#whatcom-home .front li#song14      { position: relative; left: 218px; top: -105px; }
html body#whatcom-home .front .songName { margin-left: -10px; } /* IE */
html>body#whatcom-home .front .songName { margin-left: -5px; }  /* non-IE */
html body#whatcom-home .front li        { margin-left: 4px; line-height: 14px; }  /* IE */
html>body#whatcom-home .front li        { margin-left: 0; height: 16px; }         /* non-IE */
body#whatcom-home .back                 { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#whatcom-home .back .notes          { margin: 0 5px; padding: 10px 6px 2px; line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#whatcom-home .back .date           { color: #060; }
body#whatcom-home .back p               { margin: 0 0 8px; }
body#whatcom-home .back p#p3            { margin-right: 270px; }
body#whatcom-home .back p#p4            { margin-right: 220px; }
body#whatcom-home .back p#p5            { margin-right: 175px; }
body#whatcom-home .back p#p6            { margin-right: 130px; }
body#whatcom-home .back p#p7            { margin-right: 125px; }
body#whatcom-home .back p#p8            { margin-right: 125px; }

body#what-roses .front h1             { margin-top: 13px; text-align: center; font-size: 21px; }
body#what-roses .front .startDate     { display: none; }
body#what-roses .front ol             { margin: 16px 0 0 40px; font-size: 11px; }
body#what-roses .front li .date       { position: relative; top: 0; font-size: 10px; font-weight: normal; font-family: Arial, Verdana, sans-serif; }
body#what-roses .front #song8,
body#what-roses .front #song9,
body#what-roses .front #song10,
body#what-roses .front #song11        { position: relative; left: 235px; top: -105px; }
html body#what-roses .front .songName { margin-left: -10px; } /* IE */
html>body#what-roses .front .songName { margin-left: -5px; }  /* non-IE */
html body#what-roses .front li        { margin-left: 4px; line-height: 15px; }  /* IE */
html>body#what-roses .front li        { margin-left: 0; min-height: 15px; }         /* non-IE */
body#what-roses .back                 { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#what-roses .back p               { margin: 0 0 7px 102px; }
body#what-roses .back #p1             { margin-right: 200px; margin-top: 238px;  }
body#what-roses .back #p2             { margin-right: 200px; }
body#what-roses .back #p3             { margin-right: 140px; }
body#what-roses .back #p4             { margin-right: 80px; }
body#what-roses .back #p5             { margin-right: 30px; }
body#what-roses .back #p6             { margin-right: 20px; }

body#pho-kit .front h1         { margin: 20px 18px; padding: 0; letter-spacing: 2px; font-size: 25px; }
body#pho-kit .front h1 .date   { margin-left: 90px; display: block; color: #060; }
body#pho-kit .front .startDate { display: none; }
body#pho-kit .front ol         { margin: 0; position: absolute; left: 3px; top: 325px; }
body#pho-kit .front li         { line-height: 16px; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
body#pho-kit .front li .date   { color: #060; font-size: 10px; }
body#pho-kit .front li#song8,
body#pho-kit .front li#song9,
body#pho-kit .front li#song10,
body#pho-kit .front li#song11,
body#pho-kit .front li#song12,
body#pho-kit .front li#song13  { position: relative; left: 220px; top: -112px; }
html>body#pho-kit .front ol    { padding-top: 2px;}
html>body#pho-kit .front li    { height: 16px; }
html>/**/body#pho-kit .front li#song8 { margin-top: 3px; }
body#pho-kit .back             { line-height: 1.1em; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#pho-kit .back .notes      { margin: 0 5px; padding: 12px 5px 2px 7px; line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#pho-kit .back .date       { color: #060; }
body#pho-kit .back p           { margin: 0 0 8px 0; }
body#pho-kit .back .footer     { left: auto; right: 15px; top: 268px; bottom: auto; text-align: right; font-weight: normal; }
body#pho-kit .back .website    { left: auto; bottom: auto; right: 0; top: -13px; color: #008; }

body#composed-pile .front h1           { margin: 10px auto; padding: 0 0 0 6px; text-align: center; font-size: 20px; }
body#composed-pile .front h1 .date     { margin: 0; padding: 0; color: #042; display: block; width: 100%; position: absolute; right: 0; bottom: 9px; text-align: center; font-size: 20px; }
body#composed-pile .front .startDate   { display: none; }
body#composed-pile .front ol           { margin: 0; padding: 0; width: 413px; position: absolute; left: 0; top: 201px; }
body#composed-pile .front li           { margin: 0; padding: 0; position: relative; font-size: 10px; font-family: Arial, Verdana, sans-serif; }
body#composed-pile .front li .songName { padding-left: 2px; }
body#composed-pile .front li .date     { position: absolute; right: 0; color: #052; font-size: 10px; }
html     body#composed-pile .front li  { margin-left: 71px; }
html>/**/body#composed-pile .front li  { margin-left: 66px; }
body#composed-pile .back               { line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#composed-pile .back .notes        { margin: 0 7px; padding: 12px 6px 2px; line-height: 1.1em; }
body#composed-pile .back .date         { color: #060; }
body#composed-pile .back p             { margin: 0 0 6px; }
body#composed-pile .back .footer       { position: absolute; left: 230px; bottom: 10px; width: 200px; }
body#composed-pile .back .website      { margin: 0 0 0 13px; padding: 0; position: static; display: block; }

body#decomposed-pie .front h1           { margin: 25px auto; padding: 0; text-align: center; font-size: 24px; }
body#decomposed-pie .front h1 .date     { margin: 0; padding: 0; display: block; position: absolute; left: 235px; top: 147px; color: #060; font-size: 18px; }
body#decomposed-pie .front .startDate   { display: none; }
body#decomposed-pie .front ol           { margin: 0; padding: 0; width: 240px; position: absolute; left: 210px; top: 200px; }
body#decomposed-pie .front li           { margin: 0; padding: 0; position: relative; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
body#decomposed-pie .front li .songName { margin-left: -10px; padding-left: 0; }
body#decomposed-pie .front li .songTime { padding-left: 2px; font-size: 11px; }
body#decomposed-pie .front li .date     { position: absolute; right: 0; }
body#decomposed-pie .front li#song6     { margin-top: 90px; }
html     body#decomposed-pie .front li  { margin-left: 40px; padding-left: 0; }
html>/**/body#decomposed-pie .front li  { margin-left: 36px; padding-left: 5px; }
body#decomposed-pie .back               { line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#decomposed-pie .back .notes        { margin: 0 7px; padding: 12px 5px 2px; line-height: 1.1em; }
body#decomposed-pie .back .date         { color: #060; }
body#decomposed-pie .back p             { margin: 0 0 6px; }
body#decomposed-pie .back #p3           { margin-top: 50px; }
body#decomposed-pie .back #p3,
body#decomposed-pie .back #p4,
body#decomposed-pie .back #p5           { margin-right: 168px; }
body#decomposed-pie .back #p6           { margin-right: 159px; }
body#decomposed-pie .back #p7           { margin-right: 140px; }
body#decomposed-pie .back .website      { margin: 0; padding: 0 0 5px; position: static; display: block; color: #00a; text-decoration: underline; font-weight: normal; }

body#swaddlicious .front h1           { margin: 15px auto; padding: 0; text-align: center; font-size: 24px; }
body#swaddlicious .front .startDate   { display: none; }
body#swaddlicious .front ol           { margin: 0; padding: 0; width: 260px; position: absolute; left: 183px; top: 55px; }
body#swaddlicious .front li           { margin: 0; padding: 0; position: relative; font-size: 11px; }
body#swaddlicious .front li .songName { margin-left: -10px; padding-left: 0; }
body#swaddlicious .front li .songTime { padding-left: 2px; font-size: 10px; }
body#swaddlicious .front li .date     { position: absolute; right: 0; }
html     body#swaddlicious .front li  { margin-left: 40px; padding-left: 0; }
html>/**/body#swaddlicious .front li  { margin-left: 36px; padding-left: 5px; }
body#swaddlicious .back               { line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#swaddlicious .back .notes        { margin: 81px 15px 0; padding: 12px 5px 2px; line-height: 1.1em; }
body#swaddlicious .back .date         { color: #060; }
body#swaddlicious .back p             { margin: 0 0 5px; }
body#swaddlicious .back #p4           { margin-top: 108px; }
body#swaddlicious .back .footer       { position: absolute; bottom: 20px;  }
body#swaddlicious .back .website      { color: #00a; text-decoration: underline; font-weight: normal; }

body#lost-train .front h1           { margin: 20px 20px; padding: 0; text-align: left; font-size: 22px; }
body#lost-train .front h1 .date     { display: block; position: absolute; left: 360px; top: 148px; color: #046; }
body#lost-train .front ol           { margin: 0; padding: 0; position: absolute; left: 10px; top: 250px; }
body#lost-train .front li           { margin: 0; padding: 0; position: relative; font-size: 11px; }
body#lost-train .front li .songName { margin-left: -10px; padding-left: 0; }
body#lost-train .front li .date     { color: #050; font-weight: normal; }
html     body#lost-train .front li  { margin-left: 40px; padding-left: 0; }
html>/**/body#lost-train .front li  { margin-left: 36px; padding-left: 5px; }
body#lost-train .back               { line-height: 1.1em; }
body#lost-train .back .notes        { margin: 0 15px; padding: 12px 0 2px; line-height: 1.04em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#lost-train .back .date         { color: #060; }
body#lost-train .back p             { margin: 0 0 5px; }
body#lost-train .back #p1           { margin: 90px 240px 100px 0; }
body#lost-train .back .footer       { padding: 0 5px; width: 456px; }
body#lost-train .back .website      { color: #00a; text-decoration: underline; font-weight: normal; }

body#out-the-margins .front h1            { margin: 15px 15px; padding: 0; text-align: right; font-size: 20px; }
body#out-the-margins .front ol            { margin: 0; padding: 0; position: absolute; right: 20px; top: 49px; text-align: right; font-size: 9px; }
body#out-the-margins .front li            { margin: 0 0 0 50px; padding: 0; }
body#out-the-margins .front li .songName  { margin-left: -10px; padding-left: 0; }
body#out-the-margins .front li .date      { margin-left: 5px; color: #050; font-weight: normal; }
body#out-the-margins .front li .startDate { font-weight: bold; }
body#out-the-margins .front li#song3,
body#out-the-margins .front li#song4,
body#out-the-margins .front li#song5,
body#out-the-margins .front li#song7,
body#out-the-margins .front li#song20,
body#out-the-margins .front li#song22     { margin-top: -1px; padding-top: 7px; }
html     body#out-the-margins .front li   { padding-left: 0; }
html>/**/body#out-the-margins .front li   { margin-top: 0 !important; padding-left: 5px; }
body#out-the-margins .back .notes         { margin: 0 15px; padding: 12px 0 2px; line-height: 1.04em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#out-the-margins .back p              { margin: 0 0 8px; }
body#out-the-margins .back #p4,
body#out-the-margins .back #p5,
body#out-the-margins .back #p6            { margin-right: 80px; }
body#out-the-margins .back .footer        { text-align: right; left: 0; }
body#out-the-margins .back .copyright     { margin-right: 10px; }
body#out-the-margins .back .website       { right: 10px; top: -14px; color: #00a; text-decoration: underline; font-weight: normal; }

body#redebut .front h1            { margin: 25px 0; text-align: center; }
body#redebut .front h1 .date      { margin: 10px 0; padding: 0; display: block; }
body#redebut .front ol            { margin: 0; padding: 0; position: absolute; left: 79px; top: 175px; text-align: center; font-size: 10px; }
body#redebut .front li            { margin: 0 0 0 50px; padding: 0; }
body#redebut .front li .songName  { margin-left: -10px; padding-left: 0; }
body#redebut .front li .startDate { display: none; }
html     body#redebut .front li   { padding-left: 0; }
html>/**/body#redebut .front li   { margin-top: 0 !important; padding-left: 5px; }
body#redebut .back .notes         { margin: 0; padding: 20px 30px 0; line-height: 1.2em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#redebut .back .notes p       { margin: 0 0 10px; }
body#redebut .back .notes #p3     { padding-right: 32px; }

body#reprogression .front h1            { margin: 15px 0; text-align: center; }
body#reprogression .front ol            { margin: 0; padding: 0; position: absolute; left: 20px; top: 215px; text-align: right; font-size: 10px; }
body#reprogression .front li            { margin: 0 0 0 65px; padding: 0; }
body#reprogression .front li .date      { font-weight: normal; }
body#reprogression .front li .songName  { margin-left: -10px; padding-left: 0; }
html     body#reprogression .front li   { padding-left: 0; }
html>/**/body#reprogression .front li   { margin-top: 0 !important; padding-left: 5px; }
body#reprogression .back .notes         { margin: 0; padding: 7px 10px 0; line-height: 1.1em; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body#reprogression .back .notes p       { margin: 0 0 6px; }
body#reprogression .back .notes #p3     { padding-right: 32px; }

/*
.back .spacer { border: 1px dashed #f00; }
*/

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