/*Placement and sizing*/


/*General*/

body	{
	margin:0px;
	padding:0px;
	background-color: #000000;
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 12pt;
	height:100%;
	width:100%;
	text-align:center;
	}

#container{
	position:relative;
	top:10px;
	left:0px;
	width:750px;
	height:auto;
	margin:0px auto;
	background-color:#000000;
	color:#fff;
	text-align:left;
	}
#container h1 span {display:none}

#skiplink a, #skiplink a:hover, #skiplink a:visited  
  { 
  position:absolute; 
  left:0px; 
  top:-500px; 
  width:1px; 
  height:1px; 
  overflow:hidden;
  } 
  
#skiplink a:active 
  { 
  position:static; 
  width:auto; 
  height:auto; 
  }	


#header    {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:156px;
	z-index:51;
	}
#tjgg	{
	position:absolute;
	left:310px;
	top:0;
	height:68px;
	width:429px;
	margin:0;	
	padding:0;
	background:  url(images/tjgg.gif) no-repeat top left;
	z-index:53;
	}

#ptm	{
	position:absolute;
	left:370px;
	top:50px;
	height:34px;
	width:255px;
	margin:0;	
	padding:0;
	background:  url(images/ptm.gif) no-repeat top left;
	z-index:54;
	}

#tjgg h1 span, #ptm h1 span {display:none}

#generic, #generic2   {
	width:750px;
	left:0px;
	height:15px;
	background: #83a5a4;
	color: #83a5a4;
	margin:0 0 10px 0;
	float:left;
	}
#legal        {
	position:absolute;
	top:425px;
	left:0px;
	width:750px;
	height:auto;
	text-align:center;
	z-index:2;
	}

#pagebanner  {
	position:absolute;
	left:0px;
	top:130px;
	width:353px;
	height:75px;
	z-index:90;
	}
#joshpic   {
	position:absolute;
	top:160px;
	left:400px;
	clear:right;
	width:350px;
	height:600px;
	z-index:0;
	}
.flowleft  {
     	 float:left;
     	 clear: left;
    	  margin: 0 0 0 8px;
    	 }
.flowright  {
      	float:right;
     	 clear: right;
     	 margin: 0 8px 0 0;
    	 }

.inv   {visibility:hidden}

#bottom,  #bottom1, #bottom2, #bottom3, #bottom4, #bottom5, #bottom6, #bottom7, #bottom8, #bottom9, #bottom10, #bottom11, #bottom12, #bottom13, #bottom14, #bottom15, #bottom16  {
	position:absolute;
	width:750px;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:18px;	
	}
#bottom   {top:1610px}
#bottom1 {top:1380px}
#bottom2 {top:850px}
#bottom3 {top:2600px}
#bottom4 {top:730px}
#bottom5 {top:1620px}
#bottom6 {top:4080px}
#bottom7 {top:2270px}
#bottom8 {top:1820px}
#bottom9 {top:5300px}
#bottom10 {top:910px}
#bottom11 {top:2260px}
#bottom12 {top:2890px}
#bottom13 {top:2140px}
#bottom14 {top:3750px}
#bottom15 {top:2900px}
#bottom16 {top:3100px}






/*Main Menu Page*/

#content   {
	position:absolute;
	top:156px;
	left:0px;
	width:750px;
	height:780px;
	z-index:0;
	}
#whois h1 { 
	background:  url(images/whois.gif) no-repeat top left; 
	width: 400px; 
	height: 34px; 
	margin-bottom:-5px;
	}
#whois h1 span {
	display:none
	}
#facts h1 { 
	background:  url(images/qf.gif) no-repeat top left; 
	width: 353px; 
	height: 34px; 
	margin-bottom:-5px;
	}
#facts h1 span {
	display:none
	}
#news h1 { 
	background:  url(images/news.gif) no-repeat top left; 
	width: 353px; 
	height: 34px; 
	margin-bottom:-5px;
	}
#news h1 span {
	display:none
	}

#footer      {
	position:absolute;
	top:890px;
	left:0px;
	width:750px;
	height:auto;
	z-index:1;
	}
#left	{
	position:absolute;
	top:0px;
	left:0px;
	width:154px;
	height:830px;
	text-align:center;
	background-image: url(images/leftback.gif);
	background-position:top left;
	background-repeat:repeat-y;
	z-index:2;
	overflow:visible;
	}
#skip a, #skip a:hover, #skip a:visited,#skip a:active   
  { 
  position:absolute; 
  left:10px; 
  top:130px; 
  width:130px; 
  height:auto; 
  overflow:visible;
  font-family:Arial, sans-serif;
font-size:10pt;
text-align:center;
z-index:200;
  } 
  

#menu       {
	position:absolute;
	top:25px;
	left:15px;
	width:156px;
	height:830px;
	font-family:Arial, sans-serif;
	font-size:10pt;
	text-align:left;
	z-index:2;
	}
.mybutton   {
	display:block;
	border:1px solid;
        	border-color: #ffffff;
        	background-color:#a79c98;
	color:#ffffff;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
        	text-decoration: none;   
       	width: 130px;
	height:16px;
	text-align: center;
	margin: 0;
	}

#caruso	{
	position:absolute;
	top:0px;
	left:165px;
	width:585px;
	height:400px;
	z-index:2;
	}
#VU            {
	position:absolute;
	top:0px;
	left:165px;
	width:225px;
	height:200px;
	z-index:3;
	}
#whois	{
	position:absolute;
	top:410px;
	left:165px;
	width:585px;
	height:150px;
	z-index:2;
	color:#ffffff;
	background-color:#000000;
	}
#facts	{
	position:absolute;
	top:570px;
	left:165px;
	width:585px;
	height:200px;
	z-index:2;
	}
#hands	{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:220px;
	z-index:2;
	}
#news       {
	position:absolute;
	top:0px;
	left:310px;
	width:440px;
	height:380px;
	z-index:2;
	}
#linkbar    {
	position:absolute;
	top:380px;
	left:0px;
	width:750px;
	text-align:center;
	z-index:2;
	}
#divider    {
	position:absolute;
	top:350px;
	left:0px;
	width:750px;
	height:15px;
	background-color: #83a5a4;
	color: #83a5a4;
	z-index:2;
	}
ul 	{
	font-family: Arial, sans-serif;
	color: #ffffff;
	background-color: #000000;
	font-size: 12pt;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0 0 0 5px;
	margin-left:10px;
	margin-top:-5px;
	}




/*Quotes Page*/

#pointpic {
	position:absolute;
	top:2050px;
	left:0px;
	width:271px;
	height:362px;
	z-index:0;
	}
#pagecontent  {
	position:absolute;
	top:200px;
	left:0px;
	width:750px;
	z-index:100;
	}





/*Discography Page*/


#leftdisc  {
	position:absolute;
	top:50px;
	left:0px;
	width:104px;
	height:1000px;
	text-align:center;
	}

#centerdisc {
	position:absolute;
	top:80px;
	left:104px;
	width:542px;
	height:1000px;
	text-align:center;
	}
	
#rightdisc  {
	position:absolute;
	top:50px;
	left:646px;
	width:104px;
	height:1000px;
	text-align:center;
	}
#leftdisc img, #rightdisc img {border:0}

#discinfo  {
	position:absolute;
	top:10px;
	left:10px;
	width:520px;
	height:878px;
	text-align:left;
	}
#discinfo img  {
	float:right;
	margin:0 0 10px 10px;
	}




/*Lyrics Page*/

#ldisplay1  {
	position:absolute;
	width:370px;
	top:150px;
	left:0px;
	height:450px;
	padding:0 0 0 5px;
	border:0px white solid;
	}

#ldisplay1 img {border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	border-top:1px solid #999;
	border-left:1px solid #999;}

#ldisplay2{
	position:absolute;
	height:800px;
	width:370px;
	top:660px;
	left:0px;
	font-size:12px;
	padding:0 0 0 5px;
	border:1px solid #999;
	}
#ldisplay3 {
	position:absolute;
	height:1453px;
	width:358px;
	top:150px;
	left:385px;
	padding:0 0 0 5px;
	border:1px solid #999;
	overflow:hidden;
	}
.album     {
	width:90px;
	height:110px;
	float:left;
	background-color: #000000;
	color: #ffffff;
	text-align:center;
	font-size:12px;
	}
.album img {
	border:0px; 
	margin:5px 15px;
	}

.eng, .french, .spanish, .italian {
	width:25px;
	height:18px;
	border:1px white solid;	
	font-family:arial, sans-serif;
	color:white;
	font-size:16px;	
	font-weight:bolder;
	text-align:center;
	padding:1px 0 0 0;
	float:left;
	margin:0 0 0 10px;
	}
.eng	{background-color:#a79c98;}
.italian	{background-color:#669999;}
.french	{background-color:#9999cc;}
.spanish	{background-color:#717b96;}

.e1, .f1, .s1, .i1 {
	width:25px;
	height:18px;
	border:1px white solid;	
	font-family:arial, sans-serif;
	color:white;
	font-size:16px;	
	font-weight:bold;
	text-align:center;
	padding:2px 0 0 0;
	float:left;
	margin:0 0 0 8px;
	}
.e1, .eng a:link, .eng a:visited	{background-color:#a79c98;}
.i1, .italian a:link, .italian a:visited	{background-color:#669999;}
.f1, .french a:link, .french a:visited	{background-color:#9999cc;}
.s1, .spanish a:link, .spanish a:visited	{background-color:#717b96;}
.eng a:link, .french a:link, .spanish a:link, .italian a:link,.eng a:visited, .french a:visited, .spanish a:visited, .italian a:visited  {	
	display:block;
	height:100%;
	width:100%;
	border:0px;
	color:white;
	}


.eng a:hover, .french a:hover, .spanish a:hover, .italian a:hover, .eng a:active, .french a:active, .spanish a:active, .italian a:active  {	
	display:block;
	height:100%;
	width:100%;
	border:0px;
	background:black;
	color:white;
	}
.chartrow  {
	height:auto;
	width:370px;
	padding:0px;
	margin:2px 0px;
	float:left;
	clear:left;
	}
.legendrow {height:26px;
	width:91px;
	padding:0px;
	margin:0px;
	font-size:11px;
	text-align:left;
	float:left;
	}	
.songtitle   {
	font-family:arial, sans-serif;
	font-size:14px;
	color:white;
	background-color: #000000;
	text-align:left;
	height:auto;
	width:200px;
	float:right;
	padding:3px 0 0 10px;
	clear:right;
	}
.blankcell1, .blankcell2, .blankcell3  {
	width:25px;
	height:auto;
	border:1px black solid;	
	text-align:center;
	padding:2px 0 0 0;
	float:left;
	margin:0 0 0 10px;
	}
#lyrics	{
	position:absolute;
	left:10px;
	top:0px;
	}







/*Tour Page*/

a.tourbar:link, a.tourbar:visited, a.tourbar:active {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 11pt;
	text-decoration: none;
	display:block;
	width:100px;
	height:13px;
	background-color: #9999cc;
	padding:4px 0px;
	margin:5px;
	text-align:center;
	float:left;
	}	

a.tourbar:hover {
	font-family: Arial, sans-serif;
        	color: #ffffff;
	display:block;
        	font-size: 11pt;
	text-decoration: none;
	background-color: #a79c98;
	text-align:center;
	float:left;
	}
.tourbar
	{
	width:330px;
	float:left;
	margin:5px 0px 15px 0px;
	border:0px white solid;
	font-family: Arial, sans-serif;
        	color: #ffffff;
	background-color: #000000;
	font-size: 14pt;
	text-align:center;
	}
#tourwrap {
	position:absolute;
	top:330px;
	left:0px;
	width:400px;  
	margin-left:0px;
	margin-top:10px; 
	text-align:center;

		}





/*Media Page*/


#mediaframe	{
	float:right;
	width:570px;
	margin: 15px 0 0 0;
	overflow:visible;
	}


#content {
	clear: left;
	color: #ccc;
	background-color: #000000;
	}



#mediawrap  {
	width:750px;
	text-align:center;
	}

#mediamenu       {
	float:left;
	width:156px;
	height:1500px;
	margin: 15px 0 15px 0;
	font-family:Arial, sans-serif;
	font-size:10pt;
	text-align:left;
	z-index:2;
	background-image: url(images/leftback.gif);
	background-position:top left;
	background-repeat:repeat-y;
	padding:10px 0 0 20px;
	}

#clips {	position:absolute;
	top:0px;
	left:0px;
	width:570px;
	
	}
#clips table {
	align:left;
	width:550px;
	border:0;
	background:#999;
	}

#clips table h4 {color:#fff}

#clips table table {
	align:left;
	width:550px;
	background:#000;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	font-size:9pt;
	margin:10px 0 0 0;
	}
#clips table table h4 {font-size:10pt; color:#9999cc;}

#clips table table img {margin: 0 5px 0 0;}

#clips table table p {font-size:9pt;}

#clips table table a {font-size:9pt;}

#clips table table strong {color:#a79c98; font-size:9pt;font-weight:normal;}

.claim   {
	display:block;
	border:1px solid;
        	border-color: #ffffff;
        	
	color:#ffffff;
	font-family:Arial,sans-serif;
	font-size:8pt;
	text-decoration: none;   
       	width: 120px;
	text-align: left;
	margin: 0;
	padding:5px;
	}

.myspace   {
	display:block;
	border:1px solid;
        	border-color: #ffffff;
        	color:#ffffff;
	background:#a79c98;
	font-family:Arial,sans-serif;
	font-size:10pt;
	text-decoration: none;   
       	width: 120px;
	text-align: left;
	margin: 0;
	padding:5px;
	}
.myspace a:link, .myspace a:active, .myspace a:visited {color:#fff}
.myspace a:hover {color:#000}



/*Biography Page*/

#closeup {
	position:absolute;
	top:1170px;
	left:0px;
	width:200px;
	height:400px;
	z-index:0;
	}
#closeup2 {
	position:absolute;
	top:2295px;
	left:0px;
	width:218px;
	height:400px;
	z-index:0;
	}


#aol	{
	position:absolute; 
	top:2610px; 
	left:500px; 
	width:250px; 
	height:321px; 	
	z-index:4;
	}

#youngjosh  {
	position:absolute; 
	top:1150px; 
	left:0px; 
	width:209px; 
	height:362px; 	z-index:4;
	}



/*Mailing List Page*/

#mailform {
	width:450px;
	border:1px white solid;
	padding:20px 10px;
	margin-left:150px;
	text-align:center;
	}




/*Links Page*/

#joshpic2  {
	position:absolute; 
	top:2000px; 
	left:425px; 
	width:252px; 
	height:326px; 
	z-index:10;
	}



/*Related Artists Page*/

#artleft     {
	position:absolute;
	top:120px;
	left:0px;
	width:310px;
	text-align:left;
	}
#artright	{
	position:absolute;
	top:120px;
	left:310px;
	width:440px;
	text-align:left;
	}
#artleft img {
	float:left; 
	clear:left;
	border:1px solid #9999cc;
	margin:0 8px 10px 0}

#artright iframe {float:left;clear:left;}

.artist	{
	width:300px;
	height:100px;
	float:left;
	clear:left;
	margin:10px 0;
	}




/*Trivia Page*/

#omigod   {	
	position:absolute;
	top:980px; 
	left:550px;	
	width:116px; 
	height:143px; 
	z-index:0;
	}
#uhoh	{
	position:absolute; 
	top:1865px; 
	left:0px; 	
	width:289px; 
	height:273px; 
	z-index:0;
	}
#sillyleft  {position:absolute;
	top:230px;
	left:0px;
	width:200px;
	color: #669999;
        	font-size: 12pt;
	line-height:160%;
	font-weight:bold;
	clear:left;
	background-color: transparent;
	}
#sillyright {position:absolute;
	top:230px;
	left:210px;
	width:540px;
	color:#ffffff;
	font-size:12pt;
	line-height:160%;
	font-weight:bold;
	clear:right;
	background-color: transparent;
	}
#sillymain {position:absolute;
	top:780px;
	left:0px;
	width:750px;
	color:#ffffff;
	font-size:12pt;
	line-height:150%;
	background-color: transparent;
	}



/*Audibles Page*/

#audible1, #audible2 {float:left;
	width:365px;
	
	}

#audible2{margin:67px 0 0 20px;}

.aubox  {float:left;border:1px solid #000;width:350px;margin:4px 0;padding:5px}




/*Typography*/

h2	{
	 font-family: arial, sans-serif;   /*large purple*/
        	color: #9999cc;
        	font-size: 18pt;
        	font-weight: bold;
       	 }
h3	{
	font-family:arial, sans-serif;  /*large tan*/
	color:#a79c98;
	font-size:20px;
	line-height:110%;
	font-weight:bold;
	}

h4	{
	font-family:arial, sans-serif;  /*medium purple*/
	font-size:16px;
	color:#9999cc;
	font-weight:bold;
	text-align:left;
	}
h5	{font-family:arial, sans-serif;  /*medium tan*/
	font-weight:bold;
	font-size:16px;
	color:#a79c98;
	}

h6	{
	font-family:arial, sans-serif;   /*small tan*/
	color:#a79c98;
	font-size:14px;
	line-height:110%;
	font-weight:bold;
	}

p 	{
	 font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 16px;
	text-align:left;
	line-height:120%;
	 }

p.small	 {
	font-size: 10pt;
	text-align:left;
	}

p.tan	{
	color:#a79c98; 
	font-weight:bold;
	}
p.biotext   {
	line-height:150%;
	}
strong	{
	color: #669999;
        	font-size: 12pt;
	font-weight:bold;
	}

.legalsmall {
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:white;
	}

a:link 	{
	 font-family: Arial, sans-serif;
        	color: #9999cc;
        	font-size: 12pt;
	text-decoration: none;
	}

a:visited, a:hover, a:active	{
	color:#9999cc;
	text-decoration: none;
	}

#legal a:link 	{
	 font-family: Arial, sans-serif;
        	color: #669999;
        	font-size: 12pt;
	text-decoration: none;
	font-weight:bolder;
	}

#legal a:visited, #legal a:hover, #legal a:active	{
	color:#9999cc;
	text-decoration: none;
	font-weight:bolder;
	}

a.buttonbar:link, a.buttonbar:visited, a.buttonbar:active {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 11pt;
	text-decoration: none;
	display:block;
	width:127px;
	padding-left:5px;
	}	

a.buttonbar:hover {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 11pt;
	text-decoration: none;
	background-color: #a79c98;
		}

a.related:link, a.buttonbar:visited, a.buttonbar:active {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 11pt;
	text-decoration: none;
	display:block;
	clear:right;
	}	

a.related:hover {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 11pt;
	text-decoration: none;
	background-color: #a79c98;
		}

a.legal:link, a.legal:visited {
	font-family: Arial, sans-serif;
        	color: #ffffff;
        	font-size: 12pt;
	text-decoration: none;
	}
	

a.legal:hover, a.legal:active {
	font-family: Arial, sans-serif;
        	color: #a79c98;
        	font-size: 12pt;
	text-decoration: none;
	}

a.bio:link, a.bio:visited {
	font-family: Arial, sans-serif;
        	color: #9999cc;
        	font-size: 14pt;
	font-weight:bold;
	text-decoration: none;
	}
	

a.bio:hover, a.bio:active {
	font-family: Arial, sans-serif;
        	color: #a79c98;
        	font-size: 14pt;
	font-weight:bold;
	text-decoration: none;
	}
.lghilit	{
	color:#a79c98;
	font-size:22px;
	font-weight:bold;
	}

.highlight   {
	color:#BBC4DA;
	}