/*	=========	© 2005 Steve Raskin	=========	*/

/*	====== NORMAL THE BOARD ======	*/

html, body, img, div, p,
h1, h2, h3, h4,
table, td, tr,
form, input, select, option	{ margin: 0; padding: 0; border: 0; }

ul, li		{ margin: 0; padding: 0; border: 0; list-style: none; }
ol li			{	list-style-type: decimal; }

a		{ margin: 0; padding: 0; border: 0; text-decoration: none; }

h1, h2, h3		{ font-family: Georgia, Serif; letter-spacing: 0.18em; font-weight: bold; text-align: left; }

div.clear	{ clear: both; }

/*	=========================================================================================================	*/

/*	=========	POSITION MAIN BOXES	=========	*/

html,
body {
	font-family: verdana, tahoma, arial, "trebuchet MS", sans-serif;
	color: #333;
	font-size: 90%;
	text-align: center;	/*	centers the container div	*/
	}

body	{
	background: #b4c38a;	/*	pea soup	*/
	background: #961b1b;	/*	tomato	*/
	background: #cf1b1b;	/*	tomato	*/
	background: #de4206;	/*	burnt orange	*/
	background: #003c78;	/*	base blue	*/
	background: #fff;
	}

* html body	{
	font-size: 88.5%;	/*	for IE (both Win & Mac)	*/
	/*\*/
	font-size: 78%;	/*	only for IE Win	*/
	/**/
	}

/*	========================================================================
		thank you Holly B (http://www.positioniseverything.net/explorer/peekaboo.html)
		- the above combo of the 'star html' fiter (feeding only IE Mac & Win)
			with IE Mac filter (backslash-in-comment-tag, to HIDE from IE Mac)
			to, in effect, feed only IE Win
	========================================================================	*/

div#container	{
	width: 791px;	/*	manuscript mast img = 789px + 2px for borders	*/
	width: 791px;	/*	manuscript mast img = 789px + 2px for borders	*/
	margin: 15px auto;
	font-size: 1em;
	text-align: left;
	background: #fff;
	border: 0px solid #000;
	background: #fff url(/images/bassclef9_315x375.gif) 18px 120px no-repeat;
	}

/*	WinIE inherits "text-align: center;" from body, html - thus centering div#mast ...
		all others - mysteriously! - position div#mast left ...
		so, either lose the width declaration from div#mast or add text-align: left; to div#container
*/

div#mast	{
	margin-bottom: 15px;
	background: #fff url(/images/mast/src_manu_inv_789x90.jpg) left top no-repeat;
	background: #fff url(/images/mast/src_manu2_789x90.jpg) left top no-repeat;
	width: 789px;
	height: 90px;
	border: 1px solid #fff;
	border-bottom: 14px solid #ccc;
	}

div#sidebar	{
	float: left;
	width: 315px;
	margin-left: 15px;	/*	align left edge of sidebar with left edge of mast graphic	*/
	padding-bottom: 45px;
	font-size: 0.975em;
/*	text-align: center;	*/
	color: #666;
	border-right: 3px double #757575;
	border-left: 3px double #757575;
/*	background: transparent url(/images/bassclef9_315x375.gif) 0 0 no-repeat;	*/
	background: transparent;
 	}

div#content	{
/*	sidebar width = 315px + left margin (15px) = 330px + left padding (15px)+ borders right/left (6px) = 351px	*/
	margin-left: 348px;
	margin-left: 351px;
	padding: 1.8em;
	padding-top: 0;
	}

/*	============	SIDEBAR & SIDEBAR SWITCHES	============	*/	
/*	============	SIDEBAR & SIDEBAR SWITCHES	============	*/	

#sidebar div		{ margin-top: 15px; display: none; }

body#about		div#default,
body.music		div#jukebox-div,
body#credits	div#default,
body#services	div#default,
body.etc			div#etc,
body#video		div#video-div,
body.contact	div#contact-div		{ display: block; }


/*	============	SIDEBAR MENU STYLES	============	*/	

/*	common styles	*/
#sidebar ul					{	padding-bottom: 1.2em; text-align: center; border-bottom: 3px double #757575; }
#sidebar ul li a		{ display: block;	/*	required	*/ padding: 0.15em; }

/*	link styles for all lists except MAIN MENU	*/
#sidebar ul li a:link,
#sidebar ul li a:visited	{ color: #ffa400; }
#sidebar ul li a:hover		{ color: #0087b4; }

/*	link styles for MAIN MENU	*/
div#menu								{	margin-top: 0; display: block; }
div#menu ul							{ margin-right: 51%; text-align: right; }
#menu ul li a:link,
#menu ul li a:visited		{ color: #87b400; }
#menu ul li a:hover			{ color: #003c78; }


div#jukebox-div			{}
#jukebox-div ul			{ margin-bottom: 15px; margin-left: 51%;	text-align: left; }
#jukebox-div p a:link,
#jukebox-div p a:visited		{ color: #87b400; }
#jukebox-div p a:hover			{ color: #003c78; }



div#video-div				{	padding-left: 0.9em; text-align: left; }
div#video a:link			{ color: #ffa400; border-bottom: 1px solid #fff; }
div#video a:hover			{ color: #000; border-bottom: 1px solid #000; }

div#etc									{	}
#etc ul									{ margin-left: 51%;	text-align: left; }


/*	============	SIDEBAR TEXT STYLES	============	*/	

div#default	p.quote		{	margin-left: 51%; padding: 0 1.2em 15px 0; border-bottom: 3px double #818181; }

#jukebox-div h3				{ margin-left: 51%; color: #6969cc; color: #999; }

#jukebox-div p#warning		{ color: red; }

#jukebox-div p				{ padding: 15px; border-bottom: 3px double #818181; }
#jukebox-div p.left		{ margin-right: 51%; padding-right: 0; text-align: right; }
#jukebox-div p.right	{ margin-left: 51%; padding-left: 0; text-align: left; }


/*	============	MAIN MENU: 'YOU ARE HERE'	============	*/
/*	step one: body#page	li#page-link a	*/

li span				{ color: #fff; padding-right: 3px; }
a:hover span	{ color: #0087b4; }

body#about		li#about-link a,
body.music		li#jukebox-link a,
body#video		li#video-link a,
body#credits	li#credits-link a,
body#services	li#services-link a,
body#contact	li#contact-link a,
body.etc			li#etc-ix-link a,	
body#scoring		div#jukebox-div ul li#scoring-link a,
body#tv-themes	div#jukebox-div ul li#tv-themes-link a,
body#tv-scoring	div#jukebox-div ul li#tv-scoring-link a,
body#spots			div#jukebox-div ul li#spots-link a,
body#ambient		div#jukebox-div ul li#ambient-link a,
body#beats			div#jukebox-div ul li#beats-link a,
body#jazz				div#jukebox-div ul li#jazz-link a,

body#resume			li#resume-link a,
body#comments		li#comments-link a,
body#cine				li#cine-link a,
body#links			li#links-link a			{
	font-weight: bold;
	color: #0087b4;
	border-bottom: 1px dotted #0087b4;
	letter-spacing: 0.15em;
	}

/*	============	SIDEBAR DIV: HEADERS / TEXTS / IMAGES	============	*/	

#sidebar h1,
#sidebar h2,
#sidebar h3		{ margin-bottom: 0.9em; color: #273087; /* color: #78a52d; */ font-size: 1em; }

/*
#sidebar p					{	clear: both; margin-bottom: 0.9em; text-align: left; }
#sidebar p.quote		{	border: 1px dotted #fff; margin: 1.5em; padding: 1.5em; text-align: justify; }
*/

/*	right margin causes problem; use right padding instead	*/
#sidebar p.alignright		{ float: right; margin-bottom: 9px; padding-right: 9px; text-align: right; }

#sidebar img							{	margin: 3px 0 9px 0; padding: 3px; border: 1px solid #999; }
#sidebar img.float-left		{	float: left;	margin: 0 6px 6px 0; }
#sidebar img.float-right	{	float: right;	margin: 0 15px 6px 9px; }


/*	============	CONTENT DIV: HEADERS / TEXTS / IMAGES	============	*/	

#content h1	{ margin-bottom: 0.9em; font-size: 1.8em; color: #b4b4b4; }
#content h2	{ padding-left: 3px;	/*align w/floated img padding*/ font-size: 1.35em; color: #273087; }

#content p						{ margin-bottom: 1.8em; text-align: justify; line-height: 1.8em; }
#content p.floated		{ float: left; text-align: left; }

#content img					{	padding: 3px; border: 1px solid #999; }

#content img.float-left		{	float: left;	margin: 0 12px 3px 0; }
#content img.float-right	{	float: right; margin: 0 15px 3px 12px; }


/*	============	CONTENT DIV: LINKS	============	*/	
/*	============	CONTENT DIV: LINKS	============	*/	

#content a:link,
#content a:visited		{
	font-weight: bold;
	color: #87b400;
	border-bottom: 1px dotted #87B400;
	}

#content a:hover	{	color: #003c78; border-bottom: 1px solid #003c78; }


/*	============	style the reel frames	============	*/	

h4	{
	margin: 0;
	padding: 0.9em;
	padding-left: 0;
	text-align: left;
	font-size: 1.2em;
	color: #ff6333;
/*	border-top: 2px solid #0f7896;
	border-left: 2px solid #0f7896;	*/
	}

/*	the H4, OBJECT and OL are all conatained herein	*/

ol.reel	{
	width: auto;
	margin: 1.8em 0;
	padding: 3.6em; 		/*	IE excludes list-style from width of ol, so it requires 	*/
	margin: 0;
	padding-top: 1.5em;
	text-align: left;
	}

ol.reel li	{ font-size: 0.9em; line-height: 1.2em; }

/*	for the add'l <p> bits on the MUSIC MENU page	*/
body.mp3s p		{ text-align: justify; line-height: 1.5em; }


/*	============	FOOTER	============	*/	
/*	============	FOOTER	============	*/	

div#footer	{
	clear: both;
	padding: 3em 15px;
	text-align: center;
	font-size: 81%;
	color: #666;
	}

hr	{ color: #999; height: 1pt; }

#footer p	{ margin-bottom: 0.9em; }

#footer a:link,
#footer a:visited		{ color: #666; border-bottom: 1px dotted #666; }
#footer a:hover			{ color: #333; border-bottom: 1px solid #333; }

#footer ul		{ margin-bottom: 1.2em; }

#footer ul li		{
	display: inline;
	margin-right: 0.75em;
	padding: 0 1.5em 0 0.75em;
	border-right: 1px solid #333;
	}

/*	"* html" selector used to feed only to IE, both mac and Win, all v5.0 +	*/
/*	and btw, it won't validate :(	*/

* html #footer ul li	{ margin: 0; padding: 0 1.5em; }

#footer ul li.first		{ padding-left: 0;  }
#footer ul li.last		{	border: 0; }

#footer p#copyright					{ margin: 0 9em; padding: .9em; color: #f30; display: none; }
body.music #footer p#copyright	{ display: block; }




/*	notes:
		- text-align takes in the <ul> but not in the <li>; but in this case, since the footer is centered, the ul doesn't
			require it
		- width is n/a when using display: inline;
*/

/*
	background: #66968d;
	background: #b77b33;	/*	gold	*/
/*	background: #c090c9;	/*	lite prpl	*/
/*	background: #27c078;	/*	bright green	*/
/*	background: #eaeaea url(http://www.rhona.com/img/mast_0804/tile_prpl_12x12.gif) left top repeat;
	background: #87d2c6;	/*	lite sage	*/
/*	background: #b4c027;	/*	gold-green	*/
/*	background: #c090c9;	/*	lite purple	*/
/*	background: #CF99FF;	/*	lite purple	*/
/*	background: #CFDBA2;	/*	pea soup-green ... hmmm	*/

/*
div.vidBlock	{ border: 0px solid #999; }
div#content div.vidBlock img a					{ border: 0; }

img.still			{ padding: 3px; border: 1px solid #999; }
p.caption			{ text-align: left; color: #666; }
*/


/*
It is amazing what you can accomplish if you do not care who gets the credit. 
Harry S Truman (1884 - 1972)

The supreme accomplishment is to blur the line between work and play. 
Arnold Toynbee (1889 - 1975)

There is real magic in enthusiasm. It spells the difference between mediocrity and accomplishment. 
Norman Vincent Peale (1898 - 1993)

Cherish your visions and your dreams as they are the children of your soul; the blue prints of your ultimate achievements. 
Napoleon Hill


We can't take any credit for our talents. It's how we use them that counts. 
Madeleine L'Engle (1918 - )


*/