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

/* ---------------- */
/* ----- index page */
body#indexbody #wrapper {
    width : 840px;
    height : 592px;
    border : none;
    padding : 1px;
    text-align : left;
    margin : 10px auto 0 auto;
    position : relative;
    background : transparent url(images/RindyElsinore.jpg) left top no-repeat;
}

/* ----- index header area */
div#indexheader {
    width : 609px;
    height : 592px;
}
div#indexheader h1 {
    margin : 0;
    padding : 0;
    width : 100%;
    height : 100%;
    position : relative;
    background : none;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}

/* ----- index page navigation */
#imageMenu {
    width: 190px;
    height: 295px;
    background : transparent url(images/indexNav.gif) top left no-repeat;
    position: absolute;
    right : 0px;
    top : 170px;
}
#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 : 190px;
    height : 50px;
    margin : 0;
    padding : 0;
    position : absolute;
    left : 0;
}
#imageMenu ul li#calendar_indexnav { top :   0px; }
#imageMenu ul li#photos_indexnav   { top :  50px; }
#imageMenu ul li#buzz_indexnav     { top : 100px; }
#imageMenu ul li#about_indexnav    { top : 150px; }
#imageMenu ul li#maillist_indexnav { top : 200px; }
#imageMenu ul li#facebook_indexnav { top : 250px; }
#imageMenu ul li a {
    text-decoration : none;
    display : block;
    width : 190px;
    height : 50px;
}

li#calendar_indexnav a:hover { background: transparent url(images/indexNav.gif) -242px    0px no-repeat; }
li#photos_indexnav   a:hover { background: transparent url(images/indexNav.gif) -242px  -50px no-repeat; }
li#buzz_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; }
li#maillist_indexnav a:hover { background: transparent url(images/indexNav.gif) -242px -200px no-repeat; }
li#facebook_indexnav a:hover { background: transparent url(images/indexNav.gif) -242px -250px no-repeat; }


/* ----- index footer */
div#homefooter {
    margin : 0;
}
div#homefooter p {
    text-align : center;
    color : #777;
    padding : 10px 0;
}
div#homefooter a {
    color : #999;
    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 : 620px;
    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 : 34px;
    width : 200px;
    display : block;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
    overflow : hidden;
}
#sideNav a {
    text-decoration : none;
}
#sideNav #buzz_nav, #sideNav #buzz_nav             a { top :   0px; height : 28px; }
#sideNav #calendar_nav                               { top :  28px; }
#sideNav #photos_nav                                 { top :  62px; }
#sideNav #about_nav                                  { top :  95px; }
#sideNav #cdbaby_nav, #sideNav #cdbaby_nav         a { top : 142px; height : 39px; }
#sideNav #itunes_nav, #sideNav #itunes_nav         a { top : 180px; height : 43px; }
#sideNav #amazon_nav                                 { top : 223px; }
#sideNav #facebook_nav,   #sideNav #facebook_nav   a { top : 273px; width : 90px; height : 37px; }
#sideNav #googleplus_nav, #sideNav #googleplus_nav a { top : 273px; left : 90px; width : 110px; height : 37px;  }
#buzz_nav       a:hover { background : transparent url(images/sideNav.gif) -200px    0px no-repeat; }
#calendar_nav   a:hover { background : transparent url(images/sideNav.gif) -200px  -28px no-repeat; }
#photos_nav     a:hover { background : transparent url(images/sideNav.gif) -200px  -62px no-repeat; }
#about_nav      a:hover { background : transparent url(images/sideNav.gif) -200px  -95px no-repeat; }
#cdbaby_nav     a:hover { background : transparent url(images/sideNav.gif) -200px -142px no-repeat; }
#itunes_nav     a:hover { background : transparent url(images/sideNav.gif) -200px -180px no-repeat; }
#amazon_nav     a:hover { background : transparent url(images/sideNav.gif) -200px -223px no-repeat; }
#facebook_nav   a:hover { background : transparent url(images/sideNav.gif) -200px -273px no-repeat; }
#googleplus_nav a:hover { background : transparent url(images/sideNav.gif) -290px -273px 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;
}