body {margin: 0; padding: 0; background: url(images/bg.gif); font-size: 76%; font-family:Arial, Helvetica, sans-serif; }
.design-note {background-color: yellow; padding: 0.5em;}

/* GENERAL FORMATING */
p, td, th, li, h1, h2, h3, h4, div {color: #308; line-height: 135%;}
h1, h2, h3, h4 {line-height: normal;}
h1 {font-size: 225%; font-weight: normal}
h2 {font-size: 150%; margin-top: 2em;}
h3 {font-size: 125%;}
h4 {font-size: 100%}
.box {border: 1px solid #308; padding: 0.5em;}
li {margin-bottom: 1.25em;}
div.clear {clear: both;}
.sub {font-size: x-small;}
dd, li {line-height: normal;}

/* IMAGES */
.image-left {float: left; margin: 0 1em 1em 0;}
.image-right {float: right; margin: 0 0 1em 1em;}

/* HORIZ RULE */
div.rule {height: 1px; margin: 2em 0; border-top: 1px solid #ddd;}
.rule {border-top: 1px solid #ddd;}

/* SIDEBAR */
.sidebar * {color: #66a;}
.sidebar {float: right; width: 33%; margin: 0 0 4em 2em; padding: 0.5em; border-left: solid 3px #66a; background-color: #eef;}
.sidebar h2 {margin-top: 0;}

/* QUOTES */
.quote {font-weight: bold; font-style: italic; color: #66a;}
.quote-credit {color: #aaa;}

/* LINKS */
a:link {color: #d40; font-weight: bold;}
a:visited {color: #d40; font-weight: bold;}
a:hover {color: #a20; font-weight: bold;}

/* BACKGROUND GRAPHICS */
div#top, div#bottom {position: relative; width: 100%; height: 83px;}
div#top {margin-top: 12px;}
#mc1, #mc2 {position: absolute; width: 95px; height: 83px;}
#mc1 {left: 12px;}
#mc2 {right: 12px;}
#wave {position: absolute; left: 50%; margin-left: -245px; top: 36px; width: 490px;}

/* LOGO */
div#logo {margin-bottom: 2em;}

/* NAVIGATION */
div#nav {width: 8em; position: absolute; top: 102px; left: 10px;}
div#nav td {padding: 0.3em 0; border-bottom: 1px solid #308; vertical-align: middle; font-weight: bold; color: #ea5; line-height: normal;}
div#nav a {display: block;}
div#nav a:link {text-decoration: none;}
div#nav a:visited {text-decoration: none;}
div#nav a:hover {text-decoration: none;}

/* MAILING LIST */
div#subscribe {margin: 2em 0;}
div#subscribe input {width: 100%; margin-top: 0.5em; font-size: 80%;}
div#subscribe {display: block;}

/* BODY */
div#main {position: relative; margin: 0 auto; width: 75%; padding: 12px 12px 24px 12px; border: 4px solid #d40; background-color: #fff;}
div#content {margin-left: 12em;}

/* CD DETAIL PAGES */
div#cd-cover {width: 200px; float: left;}
div#track-list {margin-left: 240px;}

/* APPEARANCES PAGE LIST */
table#cal-list {}
table#cal-list th {text-align: left; vertical-align: bottom; padding-bottom: 1em; font-size: x-small;}
table#cal-list td {padding: 0.5em 1em 1em 0; vertical-align: top; border-top: 1px dotted #ea5;}

/* FOOTER */
div#footer {position: relative; margin: 0 auto; width: 75%; padding: 8px 12px; border: 4px solid #d40; border-top-width: 0; background-color: #fff;}