body
{
margin: 0px;
padding: 15px;
border: none;
background-color: Black;
}

img
{
border: 0px;
}

/* default fonts.  We should only have to do this on body, but some browsers
   don't carry style properties into tables and other elements. */
body, p, td, th, div, blockquote, dl, ul, ol 
{
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: White;
}

p { margin-top: 0px;}

/* link styling. */
a:link, a:visited
{ color : #00f6ff; text-decoration: none;}

a:hover, a:active
{ color : #ffffff; text-decoration: none;}

a.navbar:link, a.navbar:visited
{ color: white; text-decoration: none; }
	
a.navbar:hover, a.navbar:active  
{ color: #ffb400; text-decoration: none; }

a.copy:link, a.copy:visited
{ color: #0400b1; text-decoration: none; }
	
a.copy:hover, a.copy:active
{ color: #0072ff; text-decoration: none; }

a.homecopy:link, a.homecopy:visited
{ color: #00b4ff; text-decoration: none; }
	
a.homecopy:hover, a.homecopy:active
{ color: #00e4ff; text-decoration: none; }

a.footer:link, a.footer:visited
{ color: white; text-decoration: none; }
	
a.footer:hover, a.footer:active
{ color: yellow; text-decoration: none; }

/*
a.subnav:link, a.subnav:visited
{ color: #0400b1; text-decoration: none; }
	
a.subnav:hover, a.subnav:active
{ color: #0072ff; text-decoration: none; }
*/


/* headings */
h1, h2, h3, h4, h5  { font-weight: bold; }
h1 { font-size: 16px; line-height: 18px; }
h2 { font-size: 14px; line-height: 16px; }
h3 { font-size: 12px; line-height: 14px; }
h4 { font-size: 11px; line-height: 13px; }
h5 { font-size: 10px; line-height: 12px; }


/* main page layout, and default left and right divs */
.main { width: 770px; margin: 0 auto; padding: 0px; position:relative; }
div.left { float: left; width: 65%; position:relative; } 	 
div.right { float: right; width: 30%; padding:5px; position:relative; }

/* Main header styles */
div.hdr { margin-bottom: 5px; border-bottom:solid 1px #666;}
div.hdr a:link, div.hdr a:visited, div.hdr a:hover, div.hdr a:active { color: Blue; }
div.hdr #signup { font-size: small; }
div.hdr em { font-style: normal; font-weight: bold; }
span.tagline { color:Blue; font-variant:small-caps; font-size:14px; font-weight:bold; font-family:Garamond; }


/* Main page title */
div.hdr h1 { margin: 5px 0; font-size: large; }

/*
 * Footer.
 */
div.ftr { width: 770px; margin: 0 auto; padding-top: 5px; position:relative; text-align: center; font-size: 11px; line-height: 16px; color: white; border: solid 0px gray;}















































/* Center everything on this page. */
#main
{
width: 783px;
margin: 0px auto;
padding: 0px;
border: none;
border: none;
}

/* new resizable page fits 800x600 screens without using scroll bars */ 
.mainnew
{
width: 760px;
margin: 0 auto;
padding: 0px;
border: solid 0px white;
}

/* for pages with two "main" ids (i.e. ringtonesent has main in faceplate and gray panel) */
.main
{
width: 783px;
margin: 0px auto;
padding: 0px;
border: none;
}

#header 
{
position: relative; /* force this to set coordinates for children */
padding: 0px;
background: url(../html/images/faceplatewithlogo.jpg); 
margin: 0px;
height: 163px;
}

/* new resizable page faceplate background */
.header
{
position: relative; /* force this to set coordinates for children */
padding: 0px;
background: url(../html/images/defaultfaceplatenew.jpg); 
background-repeat: no-repeat;
margin: 0 auto;
height: 159px;
border: solid 0px orange;
}

#headertext
{
position: absolute;
top: 35px;
left: 48px;
width: 400px;
height: 100px;
padding: 0px 1em;
overflow:hidden;
}

/* new resizable page faceplate */

.headertext
{
position: absolute;
top: 35px;
left: 48px;
width: 400px;
height: 100px;
padding: 0px 1em;
overflow:hidden;
}

#header h1
{
/* explicitly set position to avoid IE weirdness */
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border: none;
z-index: 2;         /* layer over the shadow */
color: white;
font-size: 18px;
line-height: 19px;
}

/* new resizable page faceplate */

.header h1
{
/* explicitly set position to avoid IE weirdness */
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border: none;
z-index: 2;         /* layer over the shadow */
color: white;
font-size: 18px;
line-height: 19px;
}

#header h1.shadow
{
/* position just below and to the right of H1 */
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: #444444;
}

/* new resizable page faceplate */

.header h1.shadow
{
/* position just below and to the right of H1 */
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: #444444;
}

#header h2
{
position: absolute;
top: 30px;
left: 0px;
width: 410px;
z-index: 2;
color: white;
font-size: 11px;
line-height: 12px;
}

/* new resizable page faceplate */

.header h2
{
position: absolute;
top: 30px;
left: 0px;
width: 410px;
z-index: 2;
color: white;
font-size: 11px;
line-height: 12px;
}

#expandabletable
{
position: relative;
width: 783px;
background: #666666;
margin: 0px;
padding: 0px;
border: 0px;
}

/* Main page table */

/* new resizable page panel */

.tabletop       { width: 100%; height: 28px; background: url(../html/images/tabletopnew.jpg); border: solid 0px yellow;}
.tablemiddle      { width: 760px; margin: 0 auto; background: url(../html/images/tablemiddlenew.jpg) repeat; border: solid 0px red;}   
.tablebody      { width: 700px; font-size: 10px; margin: 0 auto; border: solid 1px #666666;} /* w/o overflow:auto, FF doesn't contain child divs */
/*#tablebody h1   { text-decoration: none; margin: 0px; font-size: 16px; }*/
.tablebottom    { clear: both; width: 760px; height: 18px;
                  background: url(../html/images/tablebottomnew.jpg); border: solid 0px purple;}


/* other pages */

#tabletop       { width: 100%; height: 28px;
                  background: url(../html/images/tabletop.jpg); }
#tablemiddle    { width: 783px; background: #666666; }
#tableleft      { float: left; width: 45px;
                  background: url(../html/images/tableleft.jpg) repeat; }
#tableright     { float: right; width: 45px;
                  background: url(../html/images/tableright.jpg) repeat; }      
#tablebody      { font-size: 10px; overflow:auto; } /* w/o overflow:auto, FF doesn't contain child divs */
/*#tablebody h1   { text-decoration: none; margin: 0px; font-size: 16px; }*/
#tablebottom    { clear: both; width: 783px; height: 18px;
                  background: url(../html/images/tablebottom.jpg); }
                  
/* for FAQ page (very tall side borders)*/
#tableleft2      { float: left; width: 45px;
                  background: url(../html/images/tableleft2.jpg) repeat; }
#tableright2     { float: right; width: 45px;
                  background: url(../html/images/tableright2.jpg) repeat; }
                 

#rightbar
{
float: right;
border-left: solid 1px #a3a3a3;
width: 200px;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 12px;    
height: 80%;
}


.rightbar
{
float: right;
border-left: solid 1px #a3a3a3;
width: 200px;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 12px;    
height: 80%;
}











.space  { width: 10px; float:left; }
.clear  { clear: both; }



/* featured artist areas */
div#fa                        { clear: both; }
div.featured_artist           { margin-bottom: 10px; margin-left: 0; float: left; width: 48%; border-bottom: solid 1px gray;}
div.left                      { float:left;  }
div.right                     { float:right; }
div.featured_artist img       { float: left; padding: 0px 10px 5px 0px;}
div.featured_artist h3        { padding: 0px; margin: 0px; }
div.featured_artist p         { text-align: left; }
div.featured_artist p img     { padding: 0px; float:none; }
div.horizontalline            { border-bottom: solid 1px gray; width: 48%; }     

#faq h2     {color: #FFFFFF; font-size: 14px; line-height: 16px; font-weight: bold;}
#faq ul     {color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: normal;}
#faq li     {color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: normal;}
#faq li p.q {color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: bold;}
#faq li p   {color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: normal;}
#faq ol     {color: #FFFFFF; font-size: 12px; line-height: 14px; font-weight: normal;}
#faq hr     {width: 100%; height: 1px; margin-bottom: 10px;}