/* music site stylesheet */

body, p, th, td, a, li, h1, h2, h3, h4, alert  {
	font-family: verdana, arial, sans-serif;
/* see Color section below for bg image and color */
}
body {
    margin: 0.5em 1em 1em 1em;
    }
table.centerit {
    text-align: center;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 20em;
}
table.content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
table.inner {
    margin-left: 2em;
}
table.main_table{
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 40em;
}
table.interview{
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
}
table.description {
     font-size: small;
}
th.title {
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    padding: 0 0 0.5em 0;
    letter-spacing: 0.6em;
}
th.metrics {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    font-size: small;
    padding: 0.2em 0.6em 0.2em 0.6em;
    }
th.metricsDate {
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    font-size: small;
    padding: 0.2em 0.6em 0.2em 0.6em;
    }
td {
    font-size: small;
    text-align: left;
}
td.metrics {
    vertical-align: top;
    text-align: right;
    font-size: small;
    padding: 0.2em 0.6em 0.2em 0.6em;
    }
td.range {
    vertical-align: top;
    }
td.headerLinks {
    padding: 0.2em;
    text-align: center;
    border-top: 1pt solid;
    border-bottom: 1pt solid;
    }
td.contentCenter {
    padding: 0 1em 0 1em;
    text-align: center;
}
td.content {
    padding: 0em 1em 0 1em;
}
td.mainContentPadding {
    padding: 1em 0 1em 0;
}
td.ipndownloadL {
    padding: 1em 0 1em 0;
    text-align: right;
    vertical-align: top;
    width: 35%;
}
td.ipndownloadR {
    padding-left: 1em;
    text-align: left;
}
.ipndownloadMsg {
    padding-left: 1em;
    text-align: left;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
h1 {
     font-size: 150%;
     margin-top: 0;
     margin-bottom: 0;
}
h1.store {
    font-size: 150%;
    margin-bottom: 0em;
    }
h2.storeItem {
    font-size: 120%;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 0em;
    }
h2.scoreTitle {
     font-size: 140%;
     font-weight: bold;
     font-style: italic;
     margin-top: 0;
     margin-bottom: 0;
}
h3 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 0em; }
h4 {
    font-size: 100%;
    margin-bottom: 0.5em;
}
p, p.error {
    font-size: small;
    text-align: left;
}
p.messageError, p.messageSuccess {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid  #009999;
    font-weight: bold;
    width: 30em;
    text-align: center;
    padding: 0.5em 0 0.5em 0;
}
ul.toc {
    list-style-type: circle;
    }
li.toc {
    font-size: small;
    margin-left: 1em;
}
ul.charts {
    margin-top: 4px;
    margin-bottom: 4px;
    list-style-type: circle;
    }
li.charts {
    font-size: small;
    margin-left: 0.5em;
    }
a {
    font-size: 90%;
}
a.news, a.news:hover {
    font-size: 95%;
}
a, a.headerNav, a.news, a.tiny, a:hover, a.headerNav:hover, a.news:hover, a.tiny:hover {
    font-weight: bold;
}
a.headerNav, a.headerNav:hover {
    text-decoration: none;
}
a.headerNav  {
    font-size: x-small;
    margin: 0 0.4em 0 0.4em;
    padding: 0.2em 0.4em 0.2em 0.4em;
    }
a.tiny { 
    font-size: 80%; 
    }
a.to_top { 
    font-size: x-small;
    margin-bottom: 0em; 
    }
img.lvl20, img.lvl30, img.lvl35 {
    margin-top: 1em;
    border: 1px solid;
}
img.pageTop {
    float: right;
    margin: 0 0 0.6em 0.8em;
    border: 1px solid #000;
}
img.pageTopL {
    float: left;
    margin: 0 0.8em 0.6em 0;
    border: 1px solid #000;
}
img.pageTopC {
    margin: 0 0 0.6em 0;
    border: 1px solid #2E1B0D;
}
.align_top { vertical-align: top; }
.align_topcenter { vertical-align: top; text-align: center; }
.align_topright { vertical-align: top; text-align: right; }
.align_topleft { vertical-align: top; text-align: left; }
.align_bottomleft { vertical-align: bottom; text-align: left; }
.align_bottomright { vertical-align: bottom; text-align: right; }
.align_centerleft { vertical-align: middle; text-align: left; }
.align_centerright { vertical-align: middle; text-align: right; }
.alert {
    font-size: small;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    }
.tinyital, .donateremark{
    font-size: 80%;
    padding: 0.5em 1.5em 0.5em 1.5em;
    text-align: center;
    }
.tinyital{
    font-style: italic;
    padding: 0;
    }
.author, .quote  {
    font-size: 80%;
    }
.quote  {
    margin: 1.5em auto 0 auto;
    padding: 0 1em 0 1em;
    }
.author {
    padding: 0.5em 1.5em 0.5em 1.5em;
    font-style: italic;
    }
div.donate {
    padding-top: 1.25em;
    }
.bioSubhead {
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    }
.bio_text, .store_text, .store_text2 {
    margin-left: 1em;
    font-size: small; 
    }
.emailheader {
    font-size: 90%;
    font-weight: bold; 
    margin-bottom: 0.2em;
    }
.emailField {
    margin: 0.2em 0 0.6em 0;
    }
.free {
    font-size: small;
    font-weight: bold;
    font-style: normal;
    padding: 0 0.2em 0 0.2em;
    }
.greenbar, .noGreenbar {
    font-size: small;
    font-weight: normal;
    color: #000000;
    background-color: #D9D3C3;
    text-align: left;
    padding: 0 1em 0 0;
}
.noGreenbar {
    background-color: #E6E2D7;
}
.hLevel {
    margin-left: 1em;
    margin-bottom: 0.2em;
    font-weight: bold;
    font-size: small;
}
.hr20, .hr30, .hr35 {
    width: 100%;
    border-bottom: 1em solid;
    margin-top:0.5em;
    margin-bottom:0.5em;
    }
.hr20, img.lvl20 {
    color: #33eebb;
}
.hr30, img.lvl30 {
    color: #3399aa;
}
.hr35, img.lvl35 {
    color: #003377;
}
.ipndownloadMsg {
    padding-left: 1em;
    text-align: left;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
.mar20 {
    margin-left: 20px;
    }
.mp3Header {
    padding: 0.2em 0.5em 0.2em 0.5em;
    margin: 1em 0 0 0;
    font-weight: bold;
}
.miscHeader {
    padding: 0.2em 0.5em 0.2em 0.5em;
    margin: 1em 0 0 0;
    font-weight: bold;
}
.miscSubHead {
    padding: 0.2em 0.5em 0.2em 0.5em;
}
.newsHeader {
    font-family: verdana, Arial, sans-serif;
    font-size: 200%;
    padding: 0.25em 0.5em 0.1em 10px;
}
.newsObit {
    text-align: center;
    font-family: verdana, Arial, sans-serif;
    font-size: 160%;
    margin-right: 0.5em;
    margin-left: 10px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.newsObitOuter {
    text-align: center;
    padding: 0.5em 0 0.5em 0;
}
.newsTitle {
    font-weight: bold;
    font-size: 100%;
    padding: 0.5em 0.5em 0.3em 10px;
}
.newsText {
    font-size: 90%;
    font-weight: normal;
    padding: 0 0.5em 1em 10px;
}
.price {
    font-weight: bold;
    padding: 0.1em 0.2em 0.1em 0.2em;
}
.store_text2 {
    margin-bottom: 1em;
    }
.subjectText {
    font-size: small;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
    padding: 0.2em 1em 0.2em 1em;
    text-align: center;
}
.tiny {
    font-size: x-small;
}


/*********** DATA ENTRY ***********/
table.dataEntry {
    text-align: center;
    margin: 0.5em auto 0 auto;
}
a.loginEdit {
}
td.dataInput {
    text-align: left;
}
td.dataCaption {
    background-color: #D4CFBC;
    border: 1px solid #8B7D5A;
    padding: 0.2em 0.5em 0.2em 0.5em;
    font-weight: bold;
    text-align: right;
    }
td.existingLoginData {
    text-align: left;
    background-color: #CAC7B8;
    padding: 0 0.5em 0 0.5em;
}
td.adminPageLinks {
    text-align: left;
    background-color: #CAC7B8;
    padding: 0.5em;
}
td.loginCaption {
    background-color: #D5D7CA;
    border: 1px solid #7B7D70;
    padding: 0.2em 1em 0.2em 1em;
    font-weight: bold;
    text-align: right;
    }
td.submitButtons {
    text-align: center;
    padding-top: 1em;
}
th.dataEntry {
    color: #F2F1EC;
    background-color: #5C342A;
    font-weight: bold;
    text-align: center;
    border: 1px solid #8B7D5A;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
th.login {
    color: #F4F3EE;
    background-color: #7B7D70;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.6em;
    padding: 0.4em 1em 0.6em 1em;
}
/********* end DATA ENTRY *********/



/* ************** COLOR *********** */

body {
    background: #354579 url(/images/bodybg2.jpg) repeat top left;
    }
table.content {
    background-color: #E6E2D7;
}
td.headerLinks {
    border-top: 1px solid #354579;
    border-bottom: 1px solid #354579;
}
a {
    color: #354579;
}
a.headerNav, a.news, a.tiny, td.headerLinks {
    color: #354579;
    background-color: #E6E2D7;
}
a:hover, a.headerNav:hover, a.news:hover, a.tiny:hover {
    color: #E6E2D7;
    background-color: #354579;
}
.mp3Header, .miscHeader {
    color: #E6E2D7;
    background-color: #09194D;
}
td.mainContentPadding {
    background-color: #E6E2D7;
}
td.ipndownloadL, td.ipndownloadR {
    background-color: #E6E2D7;
}
.ipndownloadMsg {
    color: #ffffff;
    background-color: #4C2118;
}
.newsHeader, .newsTitle, .newsText, a.news, .newsObitOuter {
    background-color: #DBD8C9;
}
.newsText, h2.scoreTitle, .subjectText, h2.storeItem, .bioSubhead {
    color: #000000;
}
.newsTitle {
    color: #4A2419;
}
.newsHeader {
    color: #AB9D7A;
}
.newsObit {
    color: #E6E2D7;
    background-color: #3E3D45;
}
.price {
    color: #ffffff;
    background-color: #354579;
}
.free {
    background-color: #D2CBB9;
    color: #000000;
}
td.metrics {
    color: #000000;
    background-color: #FDF5E6;
}
th.metricsDate {
    color: #ffffff;
    background-color: #4682B4;
}
th.metrics {
    color: #000000;
    background-color: #7FFAD4;
}
th.title {
    color: #6A5C39;
}
.quote .author {
    color: #4A2419; 
}
.alert {
    color: #ff0000;
}
h3 { 
    color: #492819; 
}
h1.store { 
    color:#000055; 
}
h1.bio { 
    color:#252A62; 
}
h1 {
     color: #09194D;
}
/* ********** END COLOR *********** */

