@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:14px;
	font-weight:500;
	margin-left:20px;
	margin-top:10px;
}

h1  {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-size:17px;
	text-align:center;
	padding-top: 1px;
	padding-left: 25px;
	padding-right:25px;
	font-weight: 500;
	line-height:1.55em;
	letter-spacing: 3px;
	background-image: url(media/images/h1Bar.jpg);
	margin-top: 0px;
}

h2  {
	color: #000099; 
	font-size: 13px;
	font-style:italic;
	text-align:center; 
	line-height:17px;
	padding-top:8px;
	padding-bottom:8px;
	}
	
h3  {
	color: #006699; 
	font-size: 14px; 
	text-align:center;  
	}
	
h4  {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-size:17px;
	text-align:center;
	padding-top: 1px;
	padding-left: 25px;
	padding-right:25px;
	font-weight: 500;
	line-height:1.55em;
	letter-spacing: 3px;
	background-image: url(media/images/PNG/h4Bar.png);
	margin-top: 0px;
	}
	
h5  {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-size:24px;
	text-align:center;
	padding-top: 1px;
	padding-left: 25px;
	padding-right:25px;
	font-weight: 500;
	line-height:1.7em;
	letter-spacing: 3px;
	background-image: url(media/images/bkgd_videoBar.jpg);
	margin-top: 0px;
}
	
p {
	color: #003366;
	letter-spacing: 1.5px;
	line-height: 18px;
	margin-left:35px;
	margin-right:35px;
}

.indent  {
	text-indent:15px;
	margin-left:10px;
	margin-right:15px;
	margin-top:-10px;
	}
	
.indent2  {
	text-indent:15px;
	margin-left:10px;
	margin-right:15px;
	margin-top:5px;
	}
	
.p1:first-letter {
	font-weight:800; 
	font-size:20px;
	color: #006666;
	}
	
.p2 {
	margin-top:-7px;
	clear:both;
	}

.value {
	font-style:oblique;
	color:#0066FF;
	margin-left:60px;
	margin-right:45px;
	text-align:center;
	margin-top:-10px;
	}
	
ul {
	margin-top: -12px;
	margin-bottom:0px;
	}
	
li {
	list-style-type: circle;
	color: #0066FF;
	font-size:14px;
	letter-spacing:1px;
	line-height:1.2em;
	margin-left: 18px;
	margin-right:25px;
	padding-left:6px;
	padding-top: 3px;
	}
	
#playVideo li {
	list-style-type: circle;
	color: #FFFF00;
	font-size:14px;
	letter-spacing:1px;
	line-height:1.2em;
	margin-left: 18px;
	margin-right:25px;
	padding-left:6px;
	padding-top: 3px;
	}
	
#mainTextP1 li {
	list-style-type: circle;
	color: #FFFF00;
	font-size:14px;
	letter-spacing:1px;
	line-height:1.2em;
	margin-left: 18px;
	margin-right:25px;
	padding-left:6px;
	padding-top: 3px;
	}

.p3{ 
	color: #FF0000; 
	font-size:13px;
	font-weight: 500;
	margin-top:-15px;
	margin-left: 42px;
}

.p6{
	color: #006666;
	font-size:13px;
	font-weight: 500;
	text-align:center;
	padding-left: 225px;
	padding-right: 0px;
	margin-top:-10px;
}

.p7{
	color:#FF0000;
	font-size:11px;
	font-style:italic;
	line-height: 1.4em;
	margin-top: 5px;
	padding-left:29px;
	}
	
.p8{
	color:#0066FF;
	font-size:13px;
	font-style: normal;
	font-weight:600;
	font-style: normal;
	text-align:center;
	padding-top:7px;
	padding-left: 225px;
	padding-right: 5px;
	}
	
.p9{
	color: #006666;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	padding-left: 25px;
	padding-right: 25px;
	margin-top:-10px;
}

.p10{
	color: #FFFF99;
	font-weight:500;
	padding-left:80px;
	top:110px;
	width: 585px;
}

.bio {
	color: #003366;
	letter-spacing: 1.5px;
	line-height: 18px;
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
}
	
.gearListHeaders{
	color: #00CC00;
	font-size:15px;
	text-align:left;
	line-height:18px;
	font-weight:600;
	padding-left:5px;
	padding-right:5px;
	padding-top: 1px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 10px;
}

.gearListItems{
	color: #FFFF00;
	font-weight:300;
	font-size:13px;
	line-height:16px;
	text-align: left;
	padding-left:5px;
	padding-right:1px;
	padding-top: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-right: 1px;
}

.lyricsTitle  {
	color: #FFFF00;
	font-size:14px;
	font-weight:700;
	text-align: center;
	line-height:24px;
	padding-top: 5px;
	}

.lyrics  {
	color: #00FF00;
	font-weight:300;
	font-size:13px;
	line-height:16px;
	text-align: center;
	padding-top: 1px;
	}
	
.rssTitle {
	color: #000066;
	font-weight:600;
	font-size:15px;
	line-height:19px;
	text-align: left;
	padding-top: 1px;
	}

.rssDescription {
	color: #006699;
	font-weight:300;
	font-size:14px;
	line-height:16px;
	text-align: left;
	margin-top:-5px;
	}
	
.rssLink {
	color: #006699;
	font-weight:300;
	font-size:14px;
	line-height:16px;
	text-align: left;
	padding-top: 1px;
	}
	
.positionMP3  {
	margin-left:100px;
	margin-top:30px;
	}
	
.positionVideo  {
	margin-left:90px;
	margin-top: 7px;
	}	
	
.positionVideo550x400  {
	margin-left:30px;
	margin-top: 30px;
	}	
	
.positionVideo600x500  {
	margin-left:30px;
	margin-top: 30px;
	}	
	
.positionPodcast  {
	margin-left:90px;
	margin-top: 33px;
	}	
	
.positionArtshow {
	margin-left:120px;
	margin-top:98px;
	}

.style1 {
	font-size:13px;
	color: #000000;
	font-weight: bold;
}

.style2 { 
	font-size:11px;
	color: #000000;
	font-weight: bold;
}

.style3 {
	font-size:14px;
	color:#0066CC;
	}

.style4 {
	color: #FF0000;
	font-weight:500;
	font-style:oblique;
}

.style5 {
	color:#FF0000;
	font-size:11px;
	font-style:italic;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	}
	
.buttonText {
	margin-top:25px;
	text-align:left;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-size:14px;
	font-weight:500;
	}
	
.blackBkgd {
	margin-top:25px;
	text-align:left;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-size:14px;
	font-weight:500;
	}
	
.lyricsCopyright {
	color:#FF0000;
	font-size:11px;
	font-style:italic;
	line-height:2em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	}

.copyright { 
	font-size:13px;
	color: #FFFF00;
	font-weight: 300;
	text-align:center;
	font-style:normal;
}

.nextBtn {
	position:absolute;
	left:375px;
	top:340px;
}

.previousBtn {
	position:absolute;
	left:-35px;
	top:340px;
	}

.bioNextBtn {
	position:absolute;
	left:355px;
	}

.bioPreviousBtn {
	position:absolute;
	left:-35px;
	}
	
.aboutMeBtn {
	position:absolute;
	left: 35px;
	top: 245px;
	margin-left:0;
	margin-right:0;
	}
	
.playVideoBtn {
	position:absolute;
	left: 150px;
	top: 218px;
	margin-left:0;
	margin-right:0;
	}
	
.gotoExamplesBtn {
	position:absolute;
	left: 265px;
	top: 245px;
	margin-left:0;
	margin-right:0;
	}
	
.goMobileBtn {
	position:absolute;
	left:180px;
	top:320px;
	}
	
table.indexBtns {
	position:absolute;
	left:30px;
	top:275px;
	width:410px;
	border:none;
	}
	
.imgFigure  {
	float:left;
	padding:15px;
	border:0;
	}
	
img.figureBorder {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:10px;
	border:2px solid  #006699;
	background-color: #FFFFFF;
	padding:10px;
	z-index:1;
}

img.figureRight {
	float:right;
	margin-right:0px;
	margin-bottom:-2px;
	background-color:#FFFFCC;
	padding:10px;
	z-index:1;
}

img.figureNoBorder {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	padding:5px;
	z-index:1;
}

img.figureDrop  {
	float:left;
	padding:5px;
	z-index:1;
}

img.figureCenter {
	padding:10px;
	border:2px solid #33CC33;
	z-index:1;
}

img.figureCenterNoBorder {
	padding:10px;
	z-index:1;
}

img.logoLinks {
	padding:10px;
	margin-left:10px;
}

a {
	color: #0000FF;
	line-height:18px;
	font-weight:500;
	padding-top: 2px;
	}

a:link {
	text-decoration: underline;
	color: #0066CC;
	}
	
a:visited { 
	color: #0066CC;
	}
	
a:hover, a:active {
	text-decoration: underline;
	font-weight:600;
	color: #FF0000;
	}
	
a.musicMix {
	color: #FFFF00;
	line-height:18px;
	font-weight:500;
	padding-top: 2px;
	}

a.musicMix:link {
	text-decoration: underline;
	color: #FFFF00;
	}
	
a.musicMix:visited { 
	color: #FFFF00;
	}
	
a.musicMix:hover, a:active {
	text-decoration: underline;
	font-weight:600;
	color: #FF0000;
	}
	
a.playIntro {
	color: #FFFFFF;
	line-height:18px;
	font-weight:500;
	padding-top: 2px;
	}

a.playIntro:link {
	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.playIntro:visited { 
	color: #FFFFFF;
	}
	
a.playIntro:hover, a:active {
	text-decoration: underline;
	font-weight:600;
	color: #FF0000;
	}
	
a.cosmoListen {
	color: #019897;
	line-height:18px;
	font-weight:500;
	padding-top: 2px;
	}

a.cosmoListen:link {
	text-decoration: underline;
	color: #019897;
	}
	
a.cosmoListen:visited { 
	color: #019897;
	}
	
a.cosmoListen:hover, a:active {
	text-decoration: underline;
	font-weight:600;
	color: #FF0000;
	}
		
td img {
	display: block;
	}
	
#containerWTF?? { 
	width: 600px;  
	background: #66FF66;
	margin: 0 auto;
	margin-top:25px;
	border: 1px solid #000000;
	text-align: left; 
	} 
	
#container  {
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid  #CCFFFF;
	text-align: left; 
	}

#mainText {
	position:absolute;
	left:171px;
	top:112px;
	width:533px;
	height:403px;
	z-index:1;
	visibility: visible;
	background-color: #FFFFCC;
	overflow:auto;
	}
	
#mainTextIndex {
	position:absolute;
	left:171px;
	top:112px;
	width:533px;
	height:403px;
	background-color: #FFFFCC;
	overflow:auto;
	}
	
#mainTextP1 {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}

#contactText {
	position:absolute;
	left:220px;
	top:114px;
	width:544px;
	height:276px;
	z-index:1;
	}

#gearListLeft {
	position:absolute;
	left:90px;
	top:165px;
	width:350px;
	height:330px;
	padding-top:0px;
	z-index:4;
	}

#gearListMid {
	position:absolute;
	left:325px;
	top:180px;
	width:220px;
	height:330px;
	padding-top:0px;
	z-index:4;
	}

#gearListRight {
	position:absolute;
	left:440px;
	top:165px;
	width:350px;
	height:330px;
	padding-top:0px;
	z-index:4;
	}

#indexAutoSlideshow {
	position:absolute;
	left:221px;
	top:121px;
	width:510px;
	height:375px;
	z-index:1;
	}

#footerCopyright {
	position:absolute;
	left:170px;
	top:520px;
	width:537px;
	height:18px;
	z-index:2;
	}

#playFlashMP3  {
	position:absolute;
	left:0px;
	top:27px;
	width: 516px;
	height: 340px;
	background-color:#000000;
	}
	
#playPodcast  {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}
	
#placeVideo {
	position:absolute;
	left:20px;
	top:112px;
	width:794px;
	height:700px;
	z-index:1;
	visibility: visible;
	background-image:url(media/images/bkgd_video1.jpg);
	background-repeat:repeat;
	background-color:#000066;
	overflow:auto;
	border-color:#CCCC33;
	border-style:inset;
	border-bottom-width:3px;
	border-left-width:3px;
	border-right-width:3px;
	}
	
#playIntroVideo {
	position:absolute;
	background-color:#000000;
	left:60px;
	top:90px;
	width: 700px;
	height: 700px;
	}
	
#playVideo {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}
	
#playDropVideo {
	position:absolute;
	left:60px;
	top:60px;
	width: 680px;
	height: 600px;
	background-color: #000000;
	}
	
#playStobeVideo {
	position:absolute;
	left:75px;
	top:85px;
	width: 640px;
	height: 480px;
	background-color: #000000;
	}
	
#playStobeVideo_500x375 {
	position:absolute;
	left:135px;
	top:85px;
	width: 540px;
	height: 465px;
	background-image:url(media/images/xybornautWebTVBkgd_strobe.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:46px;
	}
	
#playStobeVideo_700x394 {
	position:absolute;
	left:30px;
	top:85px;
	width: 722px;
	height: 440px;
	background-image:url(media/images/xybornautWebTVBkgd_strobeHD.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:46px;
	}
	
#vidText {
	margin-top:7px;
	font:Verdana, Geneva, sans-serif;
	color: #CC6;
	font-size:18px;
	text-align:center;
}
	
#playHydrogen {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}
	
#playVideoBtn {
	position:absolute;
	left:0px;
	top:27px;
	width: 100px;
	height: 35px;
	background-color: #000000;
	}
	
#playMusic {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}
	
#podcastList {
	position:absolute;
	left:0px;
	top:27px;
	width: 516px;
	background-image:url(media/images/blueParchment.jpg);
	background-repeat: repeat;
	}

#jungleIMG  {
	position:absolute;
	left:25px;
	top:95px;
	background-image: url(media/images/jungleRainCover.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}

#capitalIMG  {
	position:absolute;
	left:25px;
	top:330px;
	background-image: url(media/images/capitalismCover.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}
	
#watchersIMG  {
	position:absolute;
	left:25px;
	top:565px;
	background-image: url(media/images/watchersCover.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}

#rubberBandIMG  {
	position:absolute;
	left:25px;
	top:800px;
	background-image: url(media/images/rubberBandCover.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}
	
#cosmoIMG  {
	position:absolute;
	background-image: url(media/images/cosmoCover.jpg);
	left: 25px;
	top: 1035px;
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}
		
#rubberBandGlowIMG  {
	position:absolute;
	left:15px;
	top:60px;
	width: 565px;
	height: 285px;
	}
	
#christmasIMG  {
	position:absolute;
	background-image: url(media/images/playChristmas.jpg);
	left: 25px;
	top: 1270px;
	background-repeat:no-repeat;
	width: 500px;
	height: 215px;
	}
	
#bottomArrowNav {
	position:absolute;
	top: 1505px;
	width: 533px;
	height: 55px;
	}
	
#bottomIndexNav {
	position:absolute;
	top: 340px;
	width: 533px;
	height: 55px;
	}
	
#cosmoGlowIMG  {
	position:absolute;
	width: 215px;
	height: 215px;
	background-image: url(media/images/cosmoCoverGlow.jpg);
	left: 50px;
	top: 60px;
	}
	
#buyCapitalismApple {
	float:left;
	width: 215px;
	height: 175px;
	margin-left:35px;
	margin-bottom:10px;
	}
	
#buyCapitalismOther {
	float:left;
	width: 215px;
	height: 175px;
	margin-left:15px;
	margin-bottom:10px;
	}
	
#lyricsText  {
	position:absolute;
	top:352px;
	padding-left:0px;
	padding-right:0px;
	width: 516px;
	background-color:#000000;
	}

#photoCollection  {
	position:absolute;
	left:55px;
	top:300px;
	width: 467px;
	}

#photoGallerySlideshow {
	position:absolute;
	width:650px;
	height:475px;
	z-index:1;
	left: 59px;
	top: 58px;
	}
	
#photoGalleryArtshow {
	position:absolute;
	width:750px;
	height:750px;
	background-image:url(media/images/pictureGalleryFrame.jpg);
	z-index:1;
	left: 10px;
	top: 10px;
	}
	
#oldSite  {
	float:left;
	width:450px;
	margin-top:10px;
	margin-left:20px;
	}
	
#newSite  {
	float:left;
	margin-top:10px;
	}
	
#aboutNewSiteL  {
	float:left;
	width:425px;
	margin-top:10px;
	margin-left:10px;
	}
	
#aboutNewSiteR  {
	float:left;
	width:425px;
	margin-top:10px;
	margin-left:25px;
	}
	
#mobile  {
	width:455px;
	height:255px;
	background-image:url(media/images/bkgdMobile.jpg);
	padding-top:65px;
	padding-left: 22px;
}

#mobile p {
	color: #0F0;
	font-size: 18px;
	text-align: center;
}

#mobile a {
	color:#FF0;
}

#mobilePSI  {
	width:465px;
	height:170px;
	background-image:url(media/images/bkgdPSIMobile.jpg);
	padding-top:150px;
	padding-left: 18px;
}

#mobilePSI p {
	color: #0F0;
	font-size: 18px;
	text-align: center;
}

#mobilePSI a {
	color:#FF0;
}

#mobileApple  {
	width:455px;
	height:255px;
	background-image:url(media/images/bkgdMobile.jpg);
	padding-top:65px;
	padding-left: 22px;
}

#mobileApple p {
	color: #0F0;
	font-size: 18px;
	text-align: center;
}

#mobileApple a {
	color:#FF0;
}

#html5Vid  {
	width:700px;
	height:555px;
	background-image:url(media/images/bkgd_html5_sm.jpg);
	background-repeat:no-repeat;
	padding-top:50px;
	padding-left:63px;
	margin-left:20px;
	margin-top:20px;
}

#html5AppleVid  {
	width:442px;
	height:310px;
	background-image:url(media/images/bkgdAppleMobile.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:40px;
	margin-top: -10px;
	margin-left: -20px;
}