/* _____________________________________________________________________
   
                 SS-kfsdradio.css ~ "Tahoma'n'Turquoise"
     XGB Web and Software Design ~ www.xgbdesign.com ~ rev. 2009.09.07
   _____________________________________________________________________
*/

/* All pages: ________________________________________________________________ */

body {
	/* Height specified locally */
	color: White;
	background-color: #05494C;
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

img#header {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 825px;
	height: 162px;
	margin-left: -422px;
}
/*
img#header {
	position: absolute;
	left: 90px;
	top: 15px;
}*/

div#content {
	/* Height specified locally */	
	color: #053030;
	background-color: White;
	width: 825px;
	position: absolute;
	top: 192px;
	left: 50%;
	margin-left: -422px;
	padding: 0;
}
/*
div#content {
	/* Height specified locally *	
	color: #053030;
	background-color: White;
	width: 825px;
	position: absolute;
	left: 90px;
	top: 202px;
	padding: 0;
}*/

/* Vertical navigation: */

div#nav-vertical {
	width: 148px;
	height: 175px;
	position: absolute;
	top: 14px;
	left: 15px;
}

div#nav-vertical a {
	display: block;
	width: 138px;
	font-size: 9pt;
	font-weight: bold;
	margin: 3px 0 3px 0;
	padding: 2px 0 2px 10px;
	text-align: left;
	text-decoration: none; 
}
div#nav-vertical a:link    { color: White; background-color: #05B6BE; }
div#nav-vertical a:visited { color: White; background-color: #05B6BE; }
div#nav-vertical a:active  { color: White; background-color: #05B6BE; }
div#nav-vertical a:hover   { color: White; background-color: #10DBE0; }

/* Horizontal navigation: */

div#nav-horizontal {
	display: inline;
	width: 635px;
	height: 30px;
	position: absolute;	/* Top and left specified locally */
	text-align: left;
}

div#nav-horizontal a { font-size: 9pt; text-decoration: none; }
div#nav-horizontal a:link    { color: #CC6600; background-color: White; }
div#nav-horizontal a:visited { color: #CC6600; background-color: White; }
div#nav-horizontal a:active  { color: #CC6600; background-color: White; }
div#nav-horizontal a:hover   { color: #FF9900; background-color: White; }

div#nav-horizontal span {
	padding: 0 1px 0 4px;
	color: #05494C;
	background-color: White;
}

img#club {
	position: absolute;
	top: 201px;
	left: 15px;
	border: 0;
}

/* Header styles: */

h1, h2 {
	font-weight: normal;
	font-variant: small-caps;
	text-align: center;
}

h1 {
	font-size: 19pt;
	margin-top: 0;
	color: #05494C;
	background-color: White;
}

h2 {
	font-size: 11pt;
	margin-top: -10px;
	color: #CC6600;
	background-color: White;
	letter-spacing: 1px;
}

/* General link style: */
a { text-decoration: underline; }
a:link    { color: #05494C; background-color: White; }
a:visited { color: #05494C; background-color: White; }
a:active  { color: #05494C; background-color: White; }
a:hover   { color: #CC6600; background-color: White; }

img#footer {
	position: absolute;
	left: 50%;	/* Top specified locally */
	margin-left: -422px;
}
/* 
img#footer { 
	position: absolute; 
	left: 90px; 
}	Top specified locally */


/* Home page: ____________________________________________________________ */		

div#homeof {
	width: 440px;
	height: 350px;
	position: absolute;
	top: 170px;	/* From 27 */
	left: 207px;
}

div#met2007 {
	width: 440px;
	position: absolute;
	top: 27px;
	left: 207px;
}

div#homeof img { float: right; margin: 5px 0 0 5px; }
div#homeof p, div#met2007 p { font-size: 10pt; }

div#traffic {
	position: absolute;
	top: 17px;
	left: 690px;
	height: 500px;
}

/* Footer for credits and validation: */

div#done-by {
	position: absolute;
	top: 883px;  /* From 768 */
	left: 50%;
	width: 826px;
	height: 80px;
	margin-left: -423px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: italic;
	text-align: center;
	color: #FF9900;
	background-color: inherit;
}
/*
div#done-by {
	position: absolute;
	top: 903px;  /*From 768*
	left: 90px;
	width: 826px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: italic;
	text-align: center;
	color: #FF9900;
	background-color: inherit;
}*/

/* Footer link styles: */

a.xgb { text-decoration: none;  }
a.xgb:link, a.xgb:visited, a.xgb:active { color: #FFC000; background-color: #05494C; }
a.xgb:hover { color: White; background-color: #05494C; font-weight: bold; }

div#done-by a#w3c {
	position: absolute;
	top: 35px;
	left: 373px;
	color: inherit;
	background-color: #05494C;
}
/*
a#w3c {
	position: absolute;
	top: 945px;		/* From 810 *
	left: 460px;
	color: inherit;
	background-color: #05494C;
}*/


/* About page: ___________________________________________________________________ */

div#about {
	width: 605px;
	height: 480px;
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#about p { font-size: 10pt; margin-top: 1.6em; }
div#about img { float: right; border: 0; margin: 5px 0 0 18px; }


/* "What Did I Hear?" page: ______________________________________________________ */

div#what {
	width: 605px;
	height: 350px;
	position: absolute;
	top: 30px;
	left: 190px;
	text-align: justify;
}

div#what p { font-size: 10pt; margin-top: 1.6em; }
div#what img { float: right; border: 0; margin: 0 0 0 25px; }


/* Events page: __________________________________________________________________ */

div#events {
	/* Height specified locally */
	width: 605px;
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#events p { font-size: 8pt; margin-top: 1.6em; }
		

/* Met Opera page: _______________________________________________________________ */

div#opera {
	width: 605px;
	height: 350px;
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#opera p { font-size: 10pt; margin-top: 1.6em; }
div#opera img { float: right; border: 0; margin: 5px 0 5px 18px; }


/* Advertisers page: _____________________________________________________________ */

div#ads {
	width: 604px;
	height: 370px;
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#ads img {
	float: right;
	border: 7px solid black;
	margin: 40px 30px 0 0;
}
div#ads div#container {
	width: 350px;
	height: 335px;
	position: absolute;
	top: 30px;
	left: 5px;
}

div#ads div#container p {
	font-size: 10pt;
	margin-top: 1.6em;
	margin-left: 25px;
}

div#ads div#container ul {
	font-size: 10pt;
	list-style: square;
	margin-top: 7px;
}

div#ads div#container li { line-height: 1.3em; }


/* KFSD Classical Music Club page: _______________________________________________ */

div#kfsd-club {
	width: 605px;
	height: 445px;
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#kfsd-club p { font-size: 10pt; }

div#kfsd-club h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #CC6600;
	background-color: inherit;
	text-align: center;
	text-decoration: underline;
}

div#kfsd-club div.level {
	position: absolute;
	width: 270px;
	height: 100px;
}	

div.level span {
	font-size: 11pt;
	font-weight: bold;
	color: #CC6600;
	background-color: inherit;
	padding-left: 25px;
}

div.level ul {
	font-size: 9pt;
	list-style: square;
	margin-top: 7px;
}

div.level li { line-height: 1.3em; }


/* "Contact Us" Page: ____________________________________________________________ */		

div#contacts {
	width: 560px;
	height: 310px;
	position: absolute;
	top: 25px;
	left: 212px;
}

div#contacts div#address {
	width: 298px;
	height: 140px;
	position: absolute;
	top: 70px;
	left: -10px;
	text-align: center;
}

div#address span {
	display: block;
	font-size: 15pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #CC6600;
	background-color: inherit; 
	margin-bottom: 4px;
}

div#contacts img {
	position: absolute;
	top: 60px;
	left: 310px;
	border: 1px solid #CC6600;
}

div#contacts div#where {
	position: absolute;
	top: 245px;
	width: 560px;
	height: 65px;
	text-align: left;
}

div#where span { position: absolute; left: 125px; }
	

/* Requests page: ________________________________________________________________ */

div#lrf {
	width: 605px;
	height: 430px;	/* Temporary */
	position: absolute;
	top: 25px;
	left: 190px;
	text-align: justify;
}

div#lrf p { font-size: 9pt; margin-top: 1.6em; }

div#lrf div#link-container {
	width: 120px;
	height: 250px;
	float: right;
}

div#link-container a {
	display: block;
	float: right;
	width: 102px;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	padding: 10px 0 10px 0;
	text-decoration: none;
}	

div#link-container a:link    { color: #BE3900; background-color: #FFA850; }
div#link-container a:visited { color: #BE3900; background-color: #FFA850; }
div#link-container a:active  { color: #BE3900; background-color: #FFA850; }
div#link-container a:hover   { color: #EE4800; background-color: #FFB870; }
	
div#link-container select#nav {
	color: #9F3000;
	background-color: #FFA850;
	font-size: 9pt;
	float: right;
	margin-top: 18px;
}


/* Listener Request Friday archival pages: _______________________________________ */

div#archive {
	width: 605px;
	height: 300px;
	position: absolute;
	top: 25px;
	left: 190px;
}
	
div#archive div#birthdays {
	position: absolute;
	top: 75px;		/* left specified locally */
	width: 350px;
	height: 200px;
}	

div#program {
	position: absolute;
	left: 15px;		/* top specified locally */
	width: 794px;
	height: 360px;
}

div#birthdays span {
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #053030;
	background-color: inherit;
	padding-left: 25px;
}

div#birthdays ul {
	font-size: 9pt;
	list-style: square;
	margin-top: 7px;
}

div#birthdays li { line-height: 1.3em; }

div#program h3 {
	color: #BE3900;
	background-color:#FFA850;
	font-size: 10pt;
	font-variant: small-caps;
	text-align: left;
	padding: 1px 0 1px 5px;
	margin: 1.4em 0 0.4em 0;
}

div#program span.composer {
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
}

div#program span.work { font-size: 9pt; }
div#program span.recording { font-size: 10pt; font-variant: small-caps; }