/* screen styles for www-kirstymaccoll-com */
/* copyright Alan Officer 2005 */
/* tropical styles */

#advertbox
{
	float:right; 
	width: 185px; 
	padding: 4px;
}

#amazon
{
	background-color: #FFFFCC;
	float: right; 
	padding:1em 0 1em 3em; 
	border: thin solid; 
	width: 50%; 
	margin-left: 4em; 
}

#badgeregion /* context sensitive badge for navigating to one level up in the hierarchy */
{ 
	background-color: #013D0A;
	position:absolute; 
	z-index:51; 
	right: 2%; 
	top: 1%; 
} 

#branding /* freeworld logo */
{
	margin-left: 5%; 
	border:solid thin;
}
		
#collage
{
	float: left;
}

#contentregion /* main page content */
{
	position: absolute;
	z-index:50;
	left: 155px;
	color: #660033;
	background-image: url(http://www.kirstymaccoll.com//nav/clr-parrot.gif) ;
	padding-left: 20px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	top: 47px;
}

#headerregion 
{
	margin-left: 155px;
	color: #FFFF00;
	background-color: #FF0000;
	background-image: url(http://www.kirstymaccoll.com/nav/fish1.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 20px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	top: 0px;
}

#inset 
{
		background-color: #FFFF99;
}

#pageinfo
{
    position:absolute; 
	z-index:7; 
	left: 0%; 
	top: 1%; 
	width: 150px;
	background-image: url(../nav/parrot2.gif);
	background-repeat: no-repeat;
}

#pageinfo a 
{
	color: #FFF;
	font-size: 90%;
}

#pageinfo form label
{ 
	color: #FFF;
}

#pageinfo p
{
	color: #FFFF00;
}

#pageinfo .songtitle, #pageinfo .albumtitle /* used to highlight all song titles */
{ 
	color: #FFF;
	font-weight: bold; 
	font-style: italic; 
}

#photoregion /* used in photo page */
{ 	
	background-color: #000;
	position:absolute; 
	z-index:8; 
	left: 2%; 
	top: 25%; 
	width: 96%; 
} 

#photocredit  /* used in photo page ????????? */
{ 
	background-color: #000;
	position:absolute; 
	z-index:4; 
	right: 2%; 
	top: 2%; 
} 

#printheader /* only appears when printed */
{ 
	display: none; 
}

a
{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

a.chords
{
	font-size: 80%;
	color: #630031;
	background-color: #FFE708;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-decoration: none;
}

a.chords:hover
{
	font-size: 80%;
	color: #FFF;
	background-color: #FF0000;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

a.homebold /* used for the header in the info pane */
{ 
	font-weight: bold; 
	color: #FFF; 
	text-decoration: none;
	margin-left: 0;
	padding: 0; 
}

a.homebold:hover /* used for the header in the info pane */
{ 
	color: #00FFFF;
	text-decoration: underline;
}

a.lyrics
{
	font-size: 80%;
	color: #FFE708;
	background-color: #630031;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

a.lyrics:hover
{
	font-size: 80%;
	color: #FFF;
	background-color: #FF0000;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

a.real:hover
{
	font-size: 80%;
	color: #FFF;
	background-color: #FF0000;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS"; 
	font-size: 92%;
	color: #FF0000;
	background-color: #008000;
	
	/* yellow for the info panel was #FFB
	   - the white is overlayed by the content style */
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.clearabove
{
	clear:both;
	padding-top: 2em;
}

div.clearabove h2
{
	margin: 0px;
	padding: 0px;
}

div.clearabove p, div.newrow p
{
	margin: 0px;
	padding: 0px;
}

div.discog
{
	margin: 0 0 1em 0;
	clear:both;
	border-top: thin solid;
}

div.discog p
{
	margin: 0px;
	padding: 0px;
}

div.newrow
{
	clear:both;
}

div.newrow h2
{
	margin: 0px;
}

div.panel_fw /* used on alan page */
{ 
	color: #CC33CC;
	font-family: "Comic Sans MS";
	font-size:105%;
	background-color: #FFF9BF;
	

	margin-left: 10em; 
	padding: 1em 1em 1em 5em; 

	border: 1px solid black; 
}

div.panel_blue /* used on news page to highlight stuff */
{ 
  	color: #000000; 
	background-color: #CCFFFF;

	margin: 0px; 
	padding: 15px; 

	border: 1px solid black; 
}

div.panel_pink /* used on news page to highlight stuff */
{ 
  	color: #000000; 
	background-color: #FAFFD7; 

	margin: 0px; 
	padding: 15px; 

	border: 1px solid black; 
}

div.songindex
{
}

div.songindex h2
{
	background-color:#FFFFCC;
	margin: 1em 0 0 0;
	padding: 0;
}

div.songindex p, div.unreleasedsongindex p
{
	margin: 0;
	padding: 0;
}

div.unreleasedsongindex h2
{
	background-color:#FFECF1;
	margin: 1em 0 0 0;
	padding: 0;
}

form label
{ 
	color: #0000FF;
}

h1 
{ 
	font-size: 124%; 
	font-weight: 600; 
	color: #0000FF;
	margin: 20px 0 10px; 
	padding: 4px 2px; 
}

h2 
{
	font-size: 105%;
	font-weight: 600;
	color: #0000FF;
	margin-top: 0em;
}

h2.date
{
	padding: 0.1em 0 0.1em 0;
	margin: 0;
	color: #00FFCC;
	background-color: #000075;
}

h2.homepage
{
	margin: 0 0 0 1.5em;
}

h2.overline 
{
	color: #0000FF;
	margin-top: 20px;
	padding-top: 6px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #660033;
	clear:both;
	padding-bottom: 6px;
}

h3 
{ 
  	font-size: 96%; 
  	font-weight: 600; 
  	margin: 0px; 
  	padding: 0px; 
}

h4 
{ 
  	font-size: 92%; 
  	font-weight: 600; 
  	margin: 0px; 
  	padding: 0px; 
}

hr
{
	color: #E8E800;
	clear: both;
}
	
img.advert
{
	border: 0;
	float:right; 
	padding-bottom: 1em;
	margin-bottom: 10px;
}	

img.center 
{
	border: 1px solid;
	clear: both;
	background-position: center;
	margin: 0px;
}

img.left 
{
	border: 1px solid;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

img.realaudio
{
	border: none;
	margin: 0px 10px;
}

img.right 
{
	border: 1px solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
}

ol 
{ 
	margin: 0 0 0 1em; 
	padding: 0 0 0 1em; 
}

ol.sounds li
{
	padding-bottom: 2em;
}

p.date
{
	padding-top: 0;
	margin-top: 0;
	color: #FFF; 
}

p.infopane
{
		margin-top: 9em;
}

ul.sitemaplist a 
{
	font-size: 110%;
	background-color: #FFFFCC;
	height: 35px;
	width: 120px;
	vertical-align: middle;
	text-align: center;
}

ul 
{ 
	list-style-type: square; 
}

ul.homeJFK
{
	clear: both;
}

ul.homeJFK li
{
	clear: both;
	padding-top: 1em;
}

ul.menulist 
{ 
/*	font-size: 85%;  */

	margin: 0px; 
	padding: 0px; 

	list-style-type: none; 
	list-style-position: outside; 
}

ul.menulist li
{
	margin: 0.25em 0 0 0; 
}

ul.nobullet 
{ 
	text-indent: 0px; 

	list-style-type: none; 
	list-style-position: outside; 
}

ul.remixes 
{}

ul.remixes li
{
	padding-bottom: 10px;
}

ul.sounds 
{
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
}

.albumtitle /* used to mark album titles */
{ 
	font-weight: bold; 
	color: #660066;
}

.alphabet
{
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #FFF; 
	margin: 0px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #660033;
} 

.alphabet a
{
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #FFF; 
	margin: 0px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #660033;
} 

.alphabet a:hover
{
	color: #660033;
	background-color: #FFFFFF;
} 

.block_blue 
{
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 50px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #003399;
} 

.block_green 
{
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 50px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #006633;
} 

.block_red 
{
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 50px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #CC0033;
} 

.block_yellow
{
	font-weight: bold;
	color: #FFFF00;
	margin: 0px 0px 0px 50px;
	text-indent: 2px;
	padding: 0px 5px;
	background-color: #000000;
} 

.breadcrumb  /* used in navigation strip */
{ 
	font-size: 90%; 

	margin: 0px; 
	padding: 0px; 
	text-indent: 2px; 
}

.breadcrumb a 
{
	color: #FFF;
}

.chords {
	font-family: "Courier New", Courier, mono;
}

.clearall /* replaces br clear="all" to start next content underneath an image or floated element */
{
	clear:both;
	padding-top: 1em;
}

.freeworld 
{ 
	font-size: 110%; 
	font-weight: bold; 
	color: #00FFCC;
	
	margin: 0px 0px 1px; 
	text-indent: 2px; 
	padding: 0px; 
} 

.home /* used for the header in the info pane */
{ 
	font-size: 90%;
	color: #FFF; 

	margin: 0 0 0 0.2em; 
	padding: 0; 
}

.homebold /* used for the header in the info pane */
{ 
	font-weight: bold; 
	color: #FFF; 

	margin: 0.25em 0 0.5em 0.2em; 
	padding: 0; 
}

.homebold1 /* used for the header in the info pane */
{ 
	margin: 9em 0 0.5em 0.2em; 
}

.infopane /* used for the header in the info pane */
{ 
	font-weight: bold; 
	color: #FFF; 

	margin: 10px 0px 1px; 
	padding: 0px; 
}

.newsdate /* used on News Page */
{
	font-size: 92%;
	color: #666;
	padding: 0px;
	margin: 0 0 0.5em 0;
}

.nospacing /* used on Cuba Series lists */
{
	padding: 0px;
	margin: 0 0 0.5em 0;
}

.notext
{
}

.quot /* used for highlighting all quotations */
{ 
	color:#FF0033;
}

.relatedpages /* text with top border to mark end of main content */
{ 
	font-size: 110%; 
	font-weight: bold; 
	color: #660033; 
	margin: 10px 0px 1px; 
	margin-top: 20px; 
	padding: 0px; 
	padding-top: 6px; 
	text-indent: 2px; 
	border-top-width: thin;
	border-top-style: solid; 
	border-top-color: #660033;
	clear:both;
} 

.songtitle /* used to highlight all song titles */
{ 
	color: #FF3366;
	font-weight: bold; 
}

.textonly
{
	display: none;
}

#invisible /* only shows up when style sheets are disabled */
{
	visibility: hidden;	
}


/* end of screen styles for www-kirstymaccoll-com */