/* default.css 
.* this was formally Audibles-1.css */

body{
	width: 800px; /*647px; */
	color: #333333;
	margin:  0 auto 0 auto; /*33px*/
	background: #CCDEDE; /*#005073;#a4c2c2 #005073; */
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 80%;
/*	padding: 0 53px;*/
	text-align: center;
}


hr {
    height:1px;
    width:90%;
    /*background:#22ff44; #446791;*/
	color:#666666;/*#33FF00;*/
    /*margin: 4px 20px 2px 20px;  */
   }

p {
	font-size: 90%; 
	line-height:150%
}

h1 {
	font-size:125%;
}
h2 {
	font-size:115%;
}
h3 {
	font-size:105%;
}

/**************************/
/* Layout                 */
/**************************/

#theContainer {
	width: 647px; /*800pixels*/
/*	height: 600px;*/
	margin:12px auto 10px auto;
	padding: 0px;
	text-align: left;
	background: #444444;
	border-bottom: thin groove #556699;
	border-bottom-width:1px;
}


#pageHeader{
/*	background-image: url(../assets/images/electrasonic/pgHdr-electrasonic.1.1.jpg);*/
	background-color: #444444;
	height:157px;
	width:auto;
	width:647px;
	margin:0 auto;
	position:relative;
}

#PictureShow1{
/*	background-image: url(../assets/images/electrasonic/pgHdr-electrasonic.1.1.jpg);*/
	background-color: #CCDEDE; /*#A7D7D7;*/
/*	height:360px;*/
	width:216px;
/*	width:647px;*/
	margin:0 auto;
}

#pageSummary{
	font-family: Helvetica, Arial, sans-serif;
	/*background:   url(assets/images/entryBck.1.jpg) 0 100% repeat;*/
	background-color: #CCDEDE;
	color: #226666 /*#333333; */
	margin 2em 0 1.5em 0;
	padding: 10px 10px; 
	h1 color: #336666;
	h2 color: #336699; 
	border-top: thin groove #556699;

}

p#pageSummary  {display: inline;}

.summaryTitle { 
	font: italic normal 9pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-right: 15px; 
	color: #663333;
	}

#itemPanel{

	width:647px; 
	height: 480px;  /*340px; was 380 */
	background-color: #CCDEDE; /*#A7D7D7;  orig: #99AF9E #99CCCC ?CBF5F4   #CCDEDE */
    margin:0 15 0 15;
	color: #003333;
	overflow: auto;
	padding: 2px 0 0px 0; /*10px 10px;*/
	text-align: left;
	clear:left;

	border-right-style:inset;
	border-right-color:#33FF00;
	border-right-width:thin;
	border-left-style:inset;
	border-left-color:#33FF00;
	border-left-width:thin;
	border-bottom:groove;
	border-bottom-color:#003300;
	border-top-style:inset;
	border-top-color:#33FF00;
	border-top-width:thin;
	
}


div#itemPanel h1,h2 {color:#336666;}

.itemEntry{
	font-family: "Verdana", "Geneva", "Arial", sans-serif;
	font-size:90%;
/*	font-family: "Gill Sans", "Lucinda Grande", "Lucinda Sans Unicode", sans-serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #CCDEDE; /*#A7D7D7;  /*99AF9E; */
	color: #555753; /*#003366 */
	margin 0,0; /*2em*/
	padding: 0px 20px 0px 20px; /*0 0 3px 7px;  */
/*	border-bottom: thin groove #556699; 
	border-bottom-width:1px; */
}

div.itemEntry h1,h2 {
	font-family: "Verdana", "Geneva", "Arial", sans-serif;
	font-size:90%;
	background-color: #CCDEDE; /*#99AF9E; */
	color: #555753; 
	margin 0px 20px 0px 20px;
	padding: 0px 20px 0px 20px;
	}

/* div.itemEntry p {padding: 0px 10px 0px 10px; */

.itemTitle { 
	font: italic normal 9pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-right: 15px; 
	padding: 0px 0px 0px 10px;
	color: #663333; /*#663333;*/
	filter:alpha(opacity=50);
	-moz-opacity:.50;opacity:.50;
}

.itemDescription {
	display: none;
}

#itemEntry .rollover a {
/*text-decoration: none;*/
color: #663333;
/*background-image: url(./assets/images/btn.1.dn.jpg);*/
}
#itemEntry .rollover a:hover {
color: #99FF99;
}
#itemEntry .rollover a:active {
color: #FFFF99;
}
/*#itemEntry .rollover a:visited {
color: #FFFFFF#CCFFFF;
}*/

.audioPanel{
	width:647px;
	height:25px;
	background: #CCDEDE; /*99AF9E*/
    /*margin:10px auto 5px auto; */
    margin:0px auto 2px auto; 
	color: #555753;  
	padding: 2px 0 0px 0; 
/*	border-color: #CC0000; 
	border-bottom: thin groove #556699;
	border-top: thin inset #556699;
	border-width:1px 1px 1px 1px;*/ 
	border-bottom: thin inset #556699;
	border-bottom-width:1px; 
	clear: both;

}

.audioPlayer {
	font: italic normal 7pt georgia;
	display: inline;
	height:auto;/*24px;*/
	/*width:70%;*/

	position:relative;
	float: right;
	right: 10px; /*	left:40%; this works also...*/
	padding: 0 2px 2px 0;
}
/*	font: italic normal 7pt georgia;
	display: inline;
	height:auto;24px;
	clear: both;
	position:relative;
	width:70%;
	
	position:relative;
	left:50%;*/


.isPlaying {
	font: italic normal 8pt georgia;
	display: inline;
	height:25px;/*auto;*/
	/*	width:70%;*/
	position:relative;
	float:left;
/*	vertical-align: top;	float:right;*/
	padding: 0 0 2px 18px;
}
/*	font-size:85%;
	display: inline;
	height:auto;
	/*position:relative;
	float:left;
	padding: 0 0 2px 3px;
	margin: 0 0 3px 5px;
	vertical-align: top;	float:right;
}*/

#siteInfo{
	/*9font: italic 7pt georgia; 4%/16pt*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	color: green; /*#006699;*/
	/*margin 1px,0;*/
	padding: 1em 1px 1.5em 10;
	border-top: medium groove #556699;
	h1, h2 color: #336666;
	float:left;
	text-align: left;
	display: inline;
}

div#siteInfo a {color: #33CC99;}

.dropcap {
	font: bold 90% sans-serif;
	color: teal;
	width 14 pt;
	float: left;
	}
/* Example: <p><Span class="dropcap">F</Span> asdf... /*


/**************************/
/* CROSSFADER                  */
/**************************/
#wrapper {
	width: 647px;
/*	margin: 0px auto;
	text-align: left;*/
}

#content {
	font-size: 1.2em;
	line-height: 1.8em;
}
	
div.cf_wrapper
{
	position: relative;
}

div.cf_element
{
	width: 647px;
	height: auto; /*157px;*/
/*	background-color: #eee;
	border:  1px solid #ccc;*/
}

div.cf_element div.content
{
	padding: 0px;
}

div.cf_element div.content h3
{
	padding-top: 0;
	margin-top: 0;
}