@charset "utf-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bkgd/blueParchment.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

h2  {
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:  #036;
	line-height:24px;
	border-bottom: #036 thin solid;
	margin-top:20px;
}

h3 {
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color: #FF9;
	line-height:24px;
	border-bottom:#039 double;
	background-color: #996;
}

.indent {
	text-indent:20px;
	line-height:21px;
	margin-bottom:2px;
}

a img { 
	border: none;
}

a:link {
	color: #009;
	font-weight:400;
	text-decoration: underline; 
}

a:visited {
	color: #009;
	font-weight:400;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #39F;
	font-weight:600;
}

.downloads {
	width:425px;
	margin-left:25px;
	padding:18px 0 15px 0;
	background-color:#FFC;
	border:#0C6;
	border-style:groove;
}

a.helene:link {
	color: #039;
	font-size:16px;
	font-weight:400;
	text-decoration: underline;
	margin-left: 10px;
	padding:10px 10px 10px 10px;
}
a.helene:visited {
	color: #009;
	font-weight:400;
	text-decoration: underline;
}
a.helene:hover, a:active, a:focus { 
	text-decoration: none;
	background-color:#000;
	color: #FF0;
	font-weight:600;
}

a.playlist:link, a.playlist:active, a.playlist:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #FFF;
	text-decoration: none;
	background-color: #09C;
	border:none;
}

a.playlist:hover {
	color:#000;
	font-weight:800;
	text-decoration: none;
	background-color: #FFF;
	border:none;
}

.container {
	width: 80%;
	max-width: 1000px;
	min-width: 900px;
	background-image: url(images/bkgd/sandBkgd.jpg);
	margin: 0 auto;
	margin-top:25px;
	overflow: hidden; 
	border:#009;
	border-style:solid;
	border-width:thin;
}

.mainContent {
	padding: 10px 0;
	width: 75%;
	float: left;
}

.sidebarL {
	float: left;
	width: 175px;
	padding-bottom: 10px;
}

.sidebarR {
	float: right;
	width: 15%;
	min-height:300px;
	padding-bottom: 10px;
	background-color:#FCC;
}

.header {
	position:relative;
	width: 100%;
	height:90px;
	background-image: url(images/bkgd/header.jpg);
	padding: 10px 0px 20px 16px;
}

.header-helene {
	position:relative;
	width: 100%;
	height:90px;
	background-image: url(images/bkgd/header_helene.jpg);
	padding: 10px 0px 20px 16px;
}

.footer  {
	float:left;
	width: 100%;
	height:50px;
	background-image:url(images/bkgd/footer2.jpg)
}

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


.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.bio {
	width: 100%;
	max-width: 650px;
	min-width: 400px;
	background-image: url(images/bkgd/bkgd_169.jpg);
	margin: 0 auto;
	margin-top:25px;
	padding:20px;
	overflow: hidden; 
	border:#06F groove;
	color: #003366;
	letter-spacing: 1.5px;
	line-height: 18px;
	text-align:left;
}

.bio ul  {
	margin-left:35px;
}

.bio li  {
	list-style-type: circle;
	color: #0066FF;
	font-size:16px;
	letter-spacing:2px;
	line-height:1.3em;
	margin-left: 18px;
	margin-right:25px;
}

.toolkit {
	width: 100%;
	max-width: 650px;
	min-width: 400px;
	background-image: url(images/bkgd/bkgd_169.jpg);
	margin: 0 auto;
	margin-top:25px;
	padding:20px;
	overflow: hidden; 
	border:#06F groove;
	color: #003366;
	letter-spacing: 1.5px;
	line-height: 18px;
	text-align:left;
}

.toolkit ul  {
	margin-left:35px;
}

.toolkit li  {
	list-style-type: circle;
	color: #0066FF;
	font-size:16px;
	letter-spacing:2px;
	line-height:1.3em;
	margin-left: 18px;
	margin-right:25px;
}

.mainContent ul, .mainContent ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background-image:url(images/btns/navBtns.jpg);
	background-repeat:no-repeat;
	color: #FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-image:url(images/btns/navBtnsHvr.jpg);
	background-repeat:no-repeat;
	color:#FF0;
}

.exampleL {
	margin-top:40px;
	float:left;
	width:185px;
}

.exampleR {
	margin-top:40px;
	float:left;
	width:450px;
}

ul.exBtn {
	list-style:none;
}

ul.exDesc {
	margin-left:5px;
	list-style-position:outside;
	list-style-image: url(images/bullets/0189b_arrow.jpg);
	padding-left:25px;

}

li.exDesc {
	padding:8px 0 30px 10px;
	color: #069;
	font-weight:600;
	font-style:italic;
}


ul.exBtn a, ul.exBtn a:visited {
	font-size:16px;
	font-weight:400;
	padding: 7px 5px 14px 25px;
	display: block;
	color: #FFF;
	background-image:url(images/btns/exBtn.jpg);
	background-repeat:no-repeat;
	width:105px;
	height:19px;
	text-decoration: none;
	margin-bottom: 20px;
}

ul.exBtn a:hover, ul.exBtn a:active, ul.exBtn a:focus {
	color: #FFF;
	font-weight:600;
	background-image: url(images/btns/exBtnHvr.jpg);
	background-repeat:no-repeat;
}

/*image placements*/

img.homeNav { 
	padding-left: 25px;
}

img.quarks  {
	float:left;
	border:0;
	}

img.fltLeft  {
	float:left;
	border: #06F inset;
	padding: 10px;
	margin:5px 15px 10px 10px;
	background-color: #963;
	}
	
img.fltRight  {
	float:right;
	border: #06F inset;
	padding: 10px;
	margin:5px 5px 10px 10px;
	background-color: #963;
	}
	
img.animation {
	padding:8px;
	margin-left:150px;
	border:#CFF medium outset;
}

/*video divisions */

.playVideo {
	background-image: url(images/bkgd/bkgdGreen3.jpg);
	background-repeat:repeat;
}

#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:120px;
	top:90px;
	width: 565px;
	height: 500px;
	}
	
#playVideo {
	position:absolute;
	left:0px;
	top:27px;
	width: 533px;
	height: 375px;
	background-color: #000000;
	}
	
#playVideo_500x280 {
	position:absolute;
	background-color:#000000;
	left:120px;
	top:90px;
	width: 540px;
	height: 390px;
	}
	
#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_500x280 {
	position:absolute;
	left:135px;
	top:85px;
	width: 540px;
	height: 312px;
	background-image: url(images/bkgd/xybornautWebTVBkgd_500x280.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:46px;
	}
	
#playStobeVideo_500x375 {
	margin-left:20px;
	margin-top:20px;
	width: 520px;
	height: 420px;
	background-image:url(images/bkgd/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;
	}
	
#placeVideo700x394 {
	margin:5px;
	width:700px;
	padding:35px;
	background-image:url(images/vidPoster/goldLeaf.jpg);
	background-repeat:repeat;
	border: #600 10px double;
}

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

#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;*/
}

#placejsQAudio {
	width:750px;
	margin: 10px 0 20px 135px;
}

#placeFrame-cedar {
	border: #600 10px double;
	float: left;
	margin: 15px 0px 15px 50px;
}

#listBox-jsQAudio {
	width: 510px;
	border: #960 thin solid;
	margin: 35px;
	padding: 0 0 25px 25px;
}

.jpPlayer {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:500;
	font-size: 16px;
	letter-spacing:.12em;
	line-height:1.4em;
	margin: 12px 0 15px 5px;;
	text-align:center;
	color: #FFF;
	}
	
.jpPlayer-selector {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:600;
	font-size: 20px;
	letter-spacing:.12em;
	line-height:1.4em;
	margin: 12px 0 15px 5px;;
	text-align:center;
	color: #FFF;
	}	
	
#lyricsText_jsAudio  {
	float:left;
	margin:10px 10px 10px 288px;
	padding: 20px 10px 10px 10px;
	width: 500px;
	border:#633 medium double;
	text-align:center;
	}