/**************************************************************
screen styles for playguitar ... 2007.01.10 ... Michael Burke
---------------------------------------------------------------
web			:	http://www.wandwords.com.au/playguitar
filepath		:	C:/FoxServ/www/playguitar/bridge/guitar.css
version		:	2007.02.01	v.02
copyright	:	(c) Burke & Bradley 2007
authors		:	Michael Burke & Warren Bradley
website		:	http://www.bearfacts.com.au & http://www.wandwords.com.au
	Warren	:	2007.01.19 v.1
	Laptop	:	2007.02.01 v.2
	Server	:	2007.02.01 v.2
tested		:	FireFox (Win/Mac), IE7, IE6, Safari
---------------------------------------------------------------
colours
#cadbff - pale blue
#5151e2 - mid blue    
#201390 - deep blue
#0f033d - black blue
#691f13 - burnt red (changed to maroon)
#9687bf - light purple
#7328bf - purple
#3b0a75 - deep purple (not used yet)
**************************************************************/

* { margin: 0;   padding: 0; }                                                                   

body { 
	font-family: 'trebuchet ms', arial, sans-serif;
	color: #0f033d;
	background: #cadbff;
	/* for IE font & centering   font-size: 100%;   text-align: center; 
	... now in ie.css file */ 
	}

/* container div */
#all { 
	margin: 2em auto 0;   
	border: 1px solid #0f033d;
	width: 90%;   
	color: #0f033d;   
	background: white;
	/* for IE centering   text-align: left;
	... now in ie.css file */ 
	}

/* header div and all headings */
#header { 
	padding: 1.5em 0 .5em 0; /* breathing space for header */
	background: url(../piccies/amp.gif) 85% 15% no-repeat; 
	}

h1 { 
	letter-spacing: .2em;   
	text-align: center;   
	font-size: 3em; 
	}

h1 span { color: maroon;   background: white; }

h2, h3 { 
	border-bottom: 1px solid;   
	padding: .5em 0 .5em 1em;
	color: #0f033d;    
	background: #cadbff;   
	letter-spacing: .2em; 
	}

h3 { font-size: 1em; } /* reduces the size a little - probably 1.2 default */

h2 span, h3 span { 
	color: maroon;   
	background: #cadbff; 
	} /* h3 added for headers on "links" page */

/* main content + links */
#main { 
	float: right;
	width: 60%;   
	margin-right: 1em;
	border: 1px solid #0f033d; 
	}

#main p { 
	margin: 1em 2em;   
	font-size: 1em;   
	line-height: 1.3;   
	padding-left: .5em; 
	}

#main p span { 
	color: maroon;   
	background: white;   
	font-weight: bold; 
	}

#main p.underline {
	margin-top: 0;
	border-bottom: 1px solid;
	padding-bottom: .5em;
	}

#main a:link, #cd_link { 
	color: #333;   
	background: #cadbff; 
	} /* make links obvious in main content 
	#cd_link added to target CD link on bad.php page */

#main a:hover { 
	color: white;   
	background: #5151e2; 
	}

#main a:active { 
	color: white;   
	background: maroon; 
	}

/* site navigation */
#links { 
	float: right;   
	padding-right: 1em;   
	padding-top: .5em;
	margin-right: 2em;
	width: 30%;   
	font-size: .9em;
	border: 1px solid #0f033d;
	background: url(../piccies/logohalf.gif) center bottom no-repeat; 
	} /* #links is the div, not the ul inside it (#site-links) */

#links ul { font-weight: bold; }

#links ul li, #main ul.links-page li { margin-top: 3px; } /* gives the links some breathing space */

#bottom-link { padding-bottom: 50px; } /* gives room for half guitar logo */

/* generic links - for site navigation */
ul { 
	list-style: none; 
	text-align: right; 
	}

/* Links across bottom of page */
#footer ul { text-align: center; }
	
#footer ul li { 
	display: inline;
	font-size: .8em;
	border-left: 1px solid;
	padding: 0 .5em;
	text-transform: lowercase;
	}
#footer ul li.no_border {
	border-left: none;
	}

a { text-decoration: none; } /* :link doesn't undo underline */

a:link, #main ul.links-page a:link { 
	text-decoration: none;   
	color: #201390;   
	background: white; 
	}

a:visited, #main ul.links-page a:visited { 
	color: #9687bf;   
	background: white; 
	}

a:hover, #main ul.links-page a:hover { 
	color: #7328bf;   
	background: white;   
	border-bottom: 1px solid; 
	}

a:active, #main ul.links-page a:active { 
	color: maroon;   
	background: white; 
	}

/* footer div */
#footer { 
	clear: both;   
	margin: 2em 1em 1em;
	padding-top: 1em;
/* background: white url(images/illy.gif) right bottom no-repeat;*/ 
	}
	
#footer p { 
	font-size: .8em;   
	font-style: italic;   
	text-align: center;
	color: #777;   
	background: white;   
	padding-bottom: 1em;
	padding-top: 1em;
	}
	
#footer p a { 
	border-top: 1px solid;   
	border-bottom: 1px solid; 
	} 

/* tidy up links in main content of "links" page */
ul.links-page { margin: .5em 0 1em 2em;   
	font-size: .9em;  
	 text-align: left; 
	 }

ul.links-page li span { 
	color: #201390;   
	background: white; 
	}

ul.links-page li.not-link { 
	font-size: .9em;
	padding-right: 1em;
	}

/* main text links in muso toolbox page */
ol { 
	list-style: none;   
	margin-left: 3em;   
	margin-right: 3em;
	border: 1px solid #0f033d;   
	padding: .5em 0 1.5em 1em;
	color: #0f033d;   
	background: #cadbff; 
	}

	ol li { padding-left: 1em; }

ol#about_illy { 
	margin-left: 1em;   
	margin-right: 1em;
	border: 1px solid #0f033d;   
	padding: .5em 1em 1.5em;
	color: #0f033d;   
	background: #cadbff;   
	text-align: center; 
	}

ol#about_illy li { padding-left: 0; }

img { margin: 1em 0 0 1em; }

img.cd { margin-top: 0; }

li.not-link span.guitar { 
	color: maroon;
	background: white;
	font-weight: bold;
	}
/* "Play Guitar" list item txt at bottom of links page  */

span.maroon {
	color: maroon;
	}

#broadband_links {

	} /* for the broadband online lesson links */
	
#broadband_links li {
	color: maroon;
	background: white;
	text-align: center;
	margin: .5em 0;
	}

#broadband_links li a {

	}