/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 

body {
	background: url(../images/bg.jpg) repeat-x #615D55;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}

a:link, a:visited {
	color:#777B67;
	}
	
a:hover {
	color:#F2A042;
	}

p {
	margin-bottom:10px;
	}

/*#index p {
	font-size:11px;
	}	
*/
/* class
 * ------------------------------------------------------------------------- */
 .clear {
 	clear:both;
	height:.01em;
	overflow:hidden;
	}

.small-banner {
	padding-bottom:10px;
	}
	
.banner {
	margin:10px auto;
	text-align:center;
	z-index:-1;
	}

.small-text {
	font-size:10px;
	}
	
.center {
	text-align:center;
	}

.raquo {
	font-size:14px;
	color:#877B67;
	}
	
.interviewer {
	color: #090;
}

/* framework
 * ------------------------------------------------------------------------- */

#container {
	background:url(../images/container-bg.gif) repeat-y;
	width:760px; 
	margin:0 auto;
	}
	
#header {
	background:url(../images/header.jpg) no-repeat;
	height:167px;
	}
	
	#header h1 {
		display:none;
		}
	
#column-container {
	padding:0 20px;
	}
	
#column-left {
	width:520px;
	padding-right:10px;
	float:left;
	}

#google-horiz {
	text-align:center;
	}
	
#featured-show {
	background:url(../images/featured-show-bg.jpg) no-repeat 0px 22px;
	text-align:center;
	}	
	
#featured-show-title {
	background:url(../images/featured-show.jpg) no-repeat;
	height:22px;
	}
	
	#featured-show-title h2, #botm-title h2, #mp3-otw-title h2, .local-spotlight h2, #about-new-sdp-title h2, .featured-show-title h2 {
		display:none;
		}

	#featured-show img, #mp3-otw img, #botm img {
		border:1px solid #000000;
		margin:10px 0 3px 0;
		}
	
	#featured-show p {
		padding:0 50px;
		}
	
#mp3-otw {
	background:url(../images/botm-mp3-bg.jpg) no-repeat 0px 22px;
	float:left;
	width:255px;
	padding-right:10px;
	text-align:center;
	}
	
#mp3-otw-title {
	background:url(../images/mp3-otw-title.jpg) no-repeat;
	height:22px;
	}
	
#botm {
	background:url(../images/botm-mp3-bg.jpg) no-repeat 0px 22px;
	float:left;
	width:255px;
	text-align:center;
	}
	
#botm-title {
	background:url(../images/botm-title.jpg) no-repeat;
	height:22px;
	}
	
	
.featured-show {
	background:url(../images/featured-show-bg.jpg) no-repeat 0px 22px;
	padding-bottom:10px;
}

.featured-show-title {
	background:url(../images/featured-show.jpg) no-repeat;
	height:22px;
	padding-bottom:10px;
}
	
.local-spotlight {
	background:url(../images/featured-show-bg.jpg) no-repeat 0px 22px;
	padding-bottom:10px;
	}	
	
#about-new-sdp {
	background:url(../images/featured-show-bg.jpg) no-repeat 0px 22px;
	}	

.local-spotlight-title {
	background:url(../images/local-spotlight-title.jpg) no-repeat;
	height:22px;
	padding-bottom:10px;
	}
	
#about-new-sdp-title {
	background:url(../images/about-new-sdp-title.jpg) no-repeat;
	height:22px;
	padding-bottom:10px;
	}
	
	.local-spotlight img, #about-new-sdp img, .featured-show img {
		margin:0px 10px;
		border:1px solid #000000;
		float:left;
		}

#ad-page-bg {
	background:url(../images/featured-show-bg.jpg) no-repeat;
	padding:5px;
	}

#column-right {
	width:180px;
	padding-left:10px;
	float:left;
	}
		
		
		
#footer-palms {
	background:url(../images/footer-palms.jpg) no-repeat;
	height:58px;
	}
		
#footer {
	padding:6px 0;
	text-align:center;
	}

#footer ul {
    margin: 0 0 3px 0;
   	padding: 0;
    }

 	#footer li {
    	margin: 0;
    	padding: 0 7px 0 10px;
    	display: inline;
    	border-left: 1px solid #fff;
    	font-size: 11px;
    	background: none;
		color:#fff;
	   }

		#footer li.first { 
    		border: none;
    		}

	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:none;
		}

	 #footer a:hover {
	 	color:#F2A042;
		text-decoration:none;
		}


#subpage-bg {
	background:url(../images/featured-show-bg.jpg) no-repeat 0px 22px;
	}
	
#subpage-container {
	padding:5px;
	}

/* SPRITE NAVIGATION */
#menu {
	background: url(../images/nav.jpg) top left no-repeat;					
	width: 760px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 37px;		/* Height of entire image */
	margin-bottom:10px;
	z-index:1;
}
#menu span { display: none; }
#menu li { 
	position: relative;
	float: left;
	list-style: none;
}
#menu li, #menu a { 
	height: 37px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-01 {left: 27px; width: 65px;}
#menu-02 {left: 27px; width: 75px;}
#menu-03 {left: 27px; width: 66px;}
#menu-04 {left: 27px; width: 73px;}
#menu-05 {left: 27px; width: 100px; z-index:1;} /*Placing its contents on the top layer of screen */
#menu-06 {left: 27px; width: 91px; z-index:1;}
#menu-07 {left: 27px; width: 91px;}
#menu-08 {left: 27px; width: 60px; z-index:1;}
#menu-09 {left: 27px; width: 86px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/nav.jpg)    -27px -37px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/nav.jpg) -92px  -37px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/nav.jpg) -167px -37px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/nav.jpg) -233px -37px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/nav.jpg) -306px -37px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/nav.jpg) -406px -37px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/nav.jpg) -497px -37px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/nav.jpg) -588px -37px no-repeat;}
#menu-09 a:hover {background: transparent url(../images/nav.jpg) -648px -37px no-repeat;}


/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #000000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#menu li ul li {
	height: 20px;				/* Height of each drop down menu item */
	border-bottom: 1px solid #ffffff; 
}

#menu li ul li.last {
	border-bottom:none; 
}

#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#menu li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-05 ul a:hover, #menu-06 ul a:hover, #menu-08 ul a:hover { 
	background-image: none;
	background-color: #FFA239; 
}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-05 ul, #menu-05 li { width: 90px; }		
#menu-06 ul, #menu-06 li { width: 110px; }		
#menu-08 ul, #menu-08 li { width: 80px; }