body {
    margin : 0;
    padding : 0;
    text-align : center;
    min-width : 800px;
    font : normal 86% Arial, Verdana, Helvetica, sans-serif;
    background : #7b2c25 url(images/bg_gradient.gif) repeat-x;
}

body#indexbody {
    background : #7b2c25 url(images/bg_gradient.gif) repeat-x;
}



/* ---------------- */
/* ----- index page */
body#indexbody #wrapper {
    width : 750px;
    height : 630px;
    border : 5px solid #fff;
    padding : 1px;
    text-align : left;
    margin : 10px auto 0 auto;
    position : relative;
    background : none;
}

/* ----- index header area */
div#indexheader {
    width : 750px;
    height : 630px;
}
div#indexheader h1 {
    margin : 0;
    padding : 0;
    width : 100%;
    height : 100%;
    position : relative;
    background : transparent url(images/unclebuzzcover.jpg) left top no-repeat;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}

/* ----- index page navigation */
#imageMenu {
    width: 242px;
    height: 200px;
    background : transparent url(images/indexNav.gif) top left no-repeat;
    position: absolute;
    right : 0px;
    top : 175px;
}
#imageMenu ul {
    list-style : none;
    margin: 0;
    padding : 0;
    width : 100%;
    position : relative;
}
#imageMenu a {
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
    overflow : hidden;
}
#imageMenu ul li {
    background : none;
    width : 110px;
    height : 50px;
    margin : 0;
    padding : 0;
    position : absolute;
    left : 0;
}
#imageMenu ul li#buzz_indexnav     { top :   0; }
#imageMenu ul li#calendar_indexnav { top :  50px; }
#imageMenu ul li#photos_indexnav   { top : 100px; }
#imageMenu ul li#about_indexnav    { top : 150px; }
#imageMenu ul li#buzz_indexnav { width : 100%; }
#imageMenu ul li a {
    text-decoration : none;
    display : block;
    width : 100%;
    height : 50px;
}

li#buzz_indexnav     a:hover { background: transparent url(images/indexNav.gif) -242px    0px no-repeat; }
li#calendar_indexnav a:hover { background: transparent url(images/indexNav.gif) -242px  -50px no-repeat; }
li#photos_indexnav   a:hover { background: transparent url(images/indexNav.gif) -242px -100px no-repeat; }
li#about_indexnav    a:hover { background: transparent url(images/indexNav.gif) -242px -150px no-repeat; }

#imageMenu ul li a span.hotspot {
    text-indent : 0;
    position : absolute;
    top : 200px;
    left : 70px;
    width : 180px;
    height : 180px;
}
#imageMenu ul li#calendar_indexnav a span.hotspot { top : 150px; }
#imageMenu ul li#photos_indexnav   a span.hotspot { top : 100px; }
#imageMenu ul li#about_indexnav    a span.hotspot { top :  50px; }
#imageMenu ul li#buzz_indexnav     a:hover span.hotspot { background : transparent url(images/CD-surface_Uncle_Buzz.gif) no-repeat; }
#imageMenu ul li#photos_indexnav   a:hover span.hotspot { background : transparent url(images/CloseupColor.jpg) no-repeat; }
#imageMenu ul li#calendar_indexnav a:hover span.hotspot { background : transparent url(images/dig.jpg) no-repeat; }
#imageMenu ul li#about_indexnav    a:hover span.hotspot { background : transparent url(images/lookingsmall.jpg) no-repeat; }


div#emaillist {
    width: 242px;
    height: 73px;
    position : absolute;
    top : 560px;
    right : 105px;
    background : transparent url(images/join-email-list.gif) top left no-repeat;
    padding : 0;
    margin : 0;
    /* hide image-replaced text */
    color : #000;
    font-size : 1px;
    text-indent : -9999px;
    overflow : hidden;
}
div#emaillist a {
    text-decoration : none;
    display : block;
    width : 100%;
    height : 25px;
    position : relative;
    top : 48px;
    padding : 0;
    margin : 0;
    color : #fff;
}
div#emaillist a:hover {
    background : transparent url(images/join-email-list.gif) -242px -48px no-repeat;
}


/* ----- index footer */
div#homefooter {
    margin : 0;
}
div#homefooter p {
    text-align : center;
    color : #777;
    padding : 10px 0;
}
div#homefooter a {
    color : #222;
    text-decoration : none;
}
div#homefooter a:hover {
    border-bottom : 1px dotted #222;
}

/* -------------------- */
/* ----- interior pages */
#wrapper {
    background : #fff url(images/LyricFlowers.jpg) right bottom no-repeat;
    text-align : left;
    width : 880px;
    margin : 10px auto 25px auto;
    padding : 0;
    border : 5px solid #e7d7d6;
}

/* ----- header logo */
div#header {
    width : 880px;
    height : 120px;
    margin : 15px 0 3px 0;
}
div#header h1 {
    margin : 0;
    padding : 0;
    width : 880px;
    height : 120px;
    position : relative;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    overflow : hidden;
}
div#header h1 a {
    background : transparent url(images/marvandrindy.gif) top center no-repeat;
    position : absolute;
    width : 100%;
    height : 100%;
    text-decoration : none;
}

/* ----- footer */
#footer {
    clear : both;
    width : 880px;
    height : 15px;
    margin : 0;
    padding : 0;
    border-top : 2px solid #fff;
    background : #eee;
}
#footer ul {
    list-style : none;
    margin : 0;
    padding : 0 0 0 13px;
}
#footer li {
    display : inline;
    float : left;
    padding : 25px 5px 0 5px;
    font-size : 11px;
    color : #fff;
}
#footer li a {
    color : #fff;
    text-decoration : none;
}
#footer p {
    clear : both;
    color : #c0d8f4;
    font-size : 11px;
    padding : 7px 0 0 18px;
    margin : 0 0 5px 0;
}


/* ----- primaryContent */
#primaryContent {
    width : 650px;
    margin : 0 0 0 20px;
    padding : 0;
    float : right;
}
body.goodbye #primaryContent {
    min-height : 1200px;
    height : auto !important;
    height : 1200px; /* min-height fast hack */
}
#primaryContent a {
    font-weight : bold;
    color : #473736;
    text-decoration : none;
}
#primaryContent a.lyriclink {
    font-weight : normal;
    text-decoration : underline;
}
#primaryContent a:hover {
    color : #5e2312;
    text-decoration : underline;
}
#primaryContent span.ymwp-track-container-class a:hover {
    text-decoration : none;
}

/* ----- side nav */
#sideNav {
    width : 200px;
    height : 620px;
    margin : 0 0 5px 0;
    float : left;
    text-align : center;
}
#sideNav img {
    margin : 10px;
    padding : 4px;
    border : 1px solid #eee;
}
#sideNav ul {
    margin : 0;
    padding : 0;
    width : 200px;
    height : 400px;
    background : transparent url(images/sideNav.gif) top left no-repeat;
    list-style : none;
    position : relative;
}
#sideNav li {
    margin : 0;
    padding : 0;
    position : absolute;
    left : 0;
}
#sideNav li, #sideNav a {
    height : 20px;
    width : 200px;
    display : block;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
    overflow : hidden;
}
#sideNav a {
    text-decoration : none;
}
#buzz_nav          { top :  18px; }
#tunings_nav       { top :  45px; }
#calendar_nav      { top :  72px; }
#photos_nav        { top : 105px; }
#about_nav         { top : 142px; }
#myspace_nav       { top : 208px; }
#cdbaby_nav        { top : 240px; }
#itunes_nav        { top : 276px; }
#amazon_nav        { top : 322px; }
#sideNav li#myspace_nav, #myspace_nav a  { height : 22px; }
#sideNav li#cdbaby_nav,  #cdbaby_nav a   { height : 31px; }
#sideNav li#itunes_nav,  #itunes_nav a   { height : 40px; }
#sideNav li#amazon_nav,  #amazon_nav a   { height : 29px; }
#buzz_nav     a:hover { background : transparent url(images/sideNav.gif) -200px  -18px no-repeat; }
#tunings_nav  a:hover { background : transparent url(images/sideNav.gif) -200px  -45px no-repeat; }
#calendar_nav a:hover { background : transparent url(images/sideNav.gif) -200px  -72px no-repeat; }
#photos_nav   a:hover { background : transparent url(images/sideNav.gif) -200px -105px no-repeat; }
#about_nav    a:hover { background : transparent url(images/sideNav.gif) -200px -142px no-repeat; }
#myspace_nav  a:hover { background : transparent url(images/sideNav.gif) -200px -208px no-repeat; }
#cdbaby_nav   a:hover { background : transparent url(images/sideNav.gif) -200px -240px no-repeat; }
#itunes_nav   a:hover { background : transparent url(images/sideNav.gif) -200px -276px no-repeat; }
#amazon_nav   a:hover { background : transparent url(images/sideNav.gif) -200px -322px no-repeat; }

/* ----- general styles */
h2 {
    font-family : Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif;
    font-size : 20px;
    color : #86312f;
    font-weight : normal;
    margin : 20px 0 15px 0;
}
h3 {
    margin : 20px 0 0 0;
    padding : 0;
    color : #5e2312;
}
h4 {
    margin : 20px 0 0 0;
    color : #496a99;
    font-size : 1.05em;
}
p {
    color : #5e2312;
    margin : 0;
    padding : 5px 30px 20px 0;
    line-height : 150%;
}
ul {
    list-style : none;
    margin : 0;
    padding : 10px 0 0 0;
}
ul li {
    padding : 0 10px 5px 0;
}
ol {
    margin : 0;
    padding : 10px 0 0 10px;
}
hr {
    margin : 0 15px 10px 0;
    color : #fec3b2;
    clear : both;
}

/* ----- specific styles */
ol.tunings {
    font-weight : bold;
}
p.tuning {
    padding : 3px 20px 5px 20px;
    font-weight : normal;
}
a.lyriclink {
    font-weight : normal;
    padding : 0 0 0 15px;
}
li.playable {
    font-weight : bold;
}
ul.songlisting {
    margin : 0 0 10px 0;
    padding : 10px 0 0 0;
    width : 280px;
    float : left;
    color : #333;
}
body.goodbye h2 {
    margin : 5px 0 0 0;
    padding : 0;
    width : 250px;
    height : 76px;
    position : relative;
    background : #fff url(images/GoodbyeUncleBuzzText.gif) left top no-repeat;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
p.purchase {
    margin : 0 0 10px 0;
    padding : 0;
}

h2.calendar {
    margin-bottom : 0px;
}
ul.calendar p {
    padding-bottom : 5px;
}