body    
{
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;  
color: #d2d2d2; 
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em; 
background-color: #3F4142; 
text-align: center 
}

h1, h2, h3, h4, h5, h6, h7 {
color: #d2d2d2;
line-height: 1.2em;
}

a {
color: #73c2f0;
}

a:visited 
 { border: 0; }

div#wrapper     
{ 
background-color: #3F4142; 
margin-top: 0;
padding-top: 0;
margin-right: auto; 
margin-left: auto; 
width: 970px;
}

div#wrapper2     
{ 
background-color: #3F4142; 
margin-top: 0;
padding-top: 0;
margin-right: auto; 
margin-left: auto; 
width: 800px;
}

div#wrapper3     
{ 
background-color: #3F4142; 
margin-top: 0;
padding-top: 0;
margin-right: auto; 
margin-left: auto; 
width: 950px;
}

div#copy  { 
font-size: 1.1em; 
line-height: 1.2em; 
text-align: left; 
margin-top: 2em; 
margin-right: 10em; 
margin-left: 10em; 
text-align: left 
}


div#copybox  { 
font-size: 1.1em; 
line-height: 1.2em; 
text-align: left; 
margin-top: 2em; 
margin-right: 1em; 
margin-left: 1em; 
}


div#popbox  { 
line-height: 1.1em; 
text-align: left; 
margin-top: 2em; 
margin-right: 1em; 
margin-left: 1em; 
}

.big
{font-size: 115%;
}

table#devnav {
width: 60%;
font-size: 1.1em;
}

table#loggedinbar {
width: 80%;
font-size: .8em;
background-color: #d2d2d2;
}

/* Input box in nav - just a bit smaller. */
input.nav
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, arial, helvetica, serif;
	background-color: #d2d2d2;

}


/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Select in nav is a bit smaller, because it makes them look even better 8). */
select.nav
 { color: #000000; font-size: 9pt; font-family: Verdana, arial, helvetica, serif; background-color: #d2d2d2 }

.charcoal        { font-size: 0.8em; background-color: #4d5861; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

.charcoal a  { color: #d2d2d2; }

.charcoal1          { font-size: 0.8em; line-height: 100%; background-color: #4d5861; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

.charcoal1 a  { color: #d2d2d2; }

.bigcharcoal  { font-size: 0.9em; background-color: #4D5861; }

.bigcharcoal a  { color: #d2d2d2; }

.notice {
text-align: left;
font-size: 1.4em;
color: #f1d679
}


.cd_blurb    { padding-right: 20px; padding-bottom: 5px; padding-left: 20px }

.lggd {
font-size: .8em;
color: #f1d679
}

.mediumlggd {
font-size: .9em;
color: #f1d679
}


.tinylggd {
font-size: 9px;
line-height: 14px;
color: #f1d679
}

.indiestylead {
font-size: 9px;
}

.italic {
font-style: italic;
}

.indented  { margin-left: 12px }

.smallpadded  { font-size: 0.8em; padding-right: 1em; padding-left: 1em }

.mediumfont {

font-size: 12px;}

.smallright {
font-size: 9px;
text-align: right;
}

.smallright a {
font-size: 9px;
text-align: right;
text-decoration: none;
}

.smallright a:hover {
font-size: 9px;
text-align: right;
text-decoration: underline;
}

.homeheader  
  { font-size: 1.1em; line-height: 1.2em; text-align: left;}
  
  .genreheader  
  { text-align: left;}

.rateit {
margin-right: auto; 
margin-left: auto; 
text-align: center;
font-size: 1em;
}

.gray  { background-color: #989685; }

.graytwo  { background-color: #787467; }

.bckgrnd { background-color: #3F4142; }
 
.darkgray   { color: #3f4142; font-size: 4px }

.memberinfo {
background-color: #101010;
margin-right: 1em; 
margin-left: 1em; 
font-size: .9em;
text-align: center;
}



.store {color: #000000; font-size: .7em}

.storebig {color: #000000; }



.navbar     { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #616f7a; margin: 0; padding: 0; border-top: 1px solid #7E919F; border-right: 1px solid #242424; border-bottom: 1px solid #242424; }


.realsmall {
font-size: .5em;
}

.medsmall {
color: white; font-size: .8em;
}


.realsmall a {
font-size: .5em;
}

.semismall a {
font-size: .6em;
}

.semismall {
font-size: .6em;
}

.medlarge {
font-size: .9em;
}

.bigyellow { color: #f1d679;
font-size: 1.2em;
}

.bigyellow a { color: #f1d679;
}

.bigger {
font-size: 1.3em;
}

table#newest            { color: white; font-size: 0.8em; background-color: #616f7a; padding: 0 0 0 1%; width: 540; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

table#newest a    { color: white; }

table#videos            { color: white; font-size: 0.8em; background-color: #615B78; padding: 0 0 0 1%; width: 540; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

table#videos a    { color: white; }

.headtohead            { color: white; font-size: 0.8em; background-color: #616f7a }

.headtohead a    { color: white; }

.htohresults         { color: white; font-size: 0.8em; background-color: #4d5861 }

.shadow { background-color: #616F7A; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

.shadow a    { 
color: white; }

.shadow2 { color: black; border-right: 2px solid #242424; border-bottom: 2px solid #242424 }

.shadow2 a { color: #366B9B; }

.green {color: #B2FD98;}

.green a {color: #B2FD98;}

.gold {color: #FDDF96;}

.gold a {color: #FDDF96;}


.tracklist         { color: white; font-size: 0.8em; background-color: #616f7a; b: 0; padding: 0 0 0 1%; }

.tracklist a    { 
color: white; }


.tracks         { color: white; font-size: 0.8em; background-color: #616f7a; width: 500; b: 0   }

.tracks a    { 
color: white;

}

.adfooter         { color: white; font-size: 0.9em; b: 0   }

.adfooter a        { color: white; font-size: 0.9em; b: 0   }

.acct         { color: white; font-size: 0.8em; background-color: #616f7a; width: 700; border-right: 2px solid #242424; border-bottom: 2px solid #242424; b: 0   }

.results         { color: white; font-size: 0.8em; background-color: #616f7a; width: 600; b: 0   }

.results a    { 
color: white;

}

.import         { color: white; font-size: 0.8em; b: 0   }

.playlists       { color: white; font-size: 0.8em; background-color: #616f7a; b: 0   }

.playlists a       { color: white; }

.comments          { color: #d2d2d2; background-color: #3f4142; padding: 4px 6px 4px 8px }

.friend a {
text-decoration: none
}

tr.sm_spacer {
height: 10px

}

tr.gray_spacer {
height: 10px;
background-color: #707070;
}

tr.tny_spacer {
height: 10px;
}

.artist         { color: #d2d2d2; font-size: 18pt; font-weight: bold; line-height: 32pt }

.genre         { font-size: 20pt; font-weight: bold; line-height: 22pt }
.genre a  { font-size: 20pt; font-weight: bold; line-height: 22pt; text-decoration: none; color: #d2d2d2 }
.genre a:hover  { font-size: 20pt; font-weight: bold; line-height: 22pt; text-decoration: underline; color: #d2d2d2 }



.subgenre    { font-size: 12pt; font-weight: bold; line-height: 16pt }
.subgenre a  { font-size: 12pt; font-weight: bold; line-height: 16pt; text-decoration: none; color: #d2d2d2 }
.subgenre a:hover  { font-size: 12pt; font-weight: bold; line-height: 16pt; text-decoration: underline; color: #d2d2d2 }

.grayed {color: #4D5861;}


.error  { color: red; }


span.current_sub  { color: #999999; font-size: 12pt;  }


p.footer  { 
font-size: 0.8em; 
}
.readmore  { margin-right: 1em; margin-left: 1em; padding-right: 1em; padding-left: 1em }


.listnames    { color: #3f4142; font-size: medium; font-weight: bold; background-color: #8396a5; padding: 5px 10px }

.listnames a  { color: #3F4142; }

.yellow {color: #f1d679;}

.yellow a {color: #f1d679;}