/*
Fusion Media
Designed & Coded by Johnathan Hok
----------------------------------
*/
div#wrapper {
	background: transparent url('../img/bottom_bg.gif') repeat-x bottom;
	margin: 10px auto 0px auto;
	width: 100%;
}

	div#header {
		height: 191px; width: 955px;
		margin: 0 auto; padding: 0;
	}
	
		div#header_top {
			background: transparent url('../img/header_top_bg.gif') no-repeat;
			height: 24px; width: 955px;
		}
		
		div#awesome_bar {
			background: transparent url('../img/awesome_bar_bg.gif') no-repeat;
			height: 26px; width: 955px;

		}
			
			div#awesome_bar ul {	
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				list-style: none;
				margin: 0 0 0 52px; padding: 0;
				text-transform: uppercase;
			}
			
				div#awesome_bar ul li {
					float: left;
				}
				
					div#awesome_bar ul li a {
						border: 0;
						color: #2a2a2a;
						display: block;
						padding-top: 4px;
						text-decoration: none;
					}
					
					div#awesome_bar ul li a:focus {
						outline: none;
					}
					
					div#awesome_bar ul li a:hover {
						color: #fff;
					}
					
					div#awesome_bar ul li a.listen_live {
						background: transparent url('../img/awesome_bar_listen_icon.gif') no-repeat bottom left;
						padding-left: 16px;
						padding-right: 210px;
					}
					
					div#awesome_bar ul li a.program_guide {
						background: transparent url('../img/awesome_bar_program_icon.gif') no-repeat bottom left;
						padding-left: 22px;
						padding-right: 235px;
					}
					
					div#awesome_bar ul li a.live_chat {
						background: transparent url('../img/awesome_bar_chat_icon.gif') no-repeat bottom left;
						padding-left: 22px;
						padding-right: 110px;
					}
			
				
			
		div#header_middle {
			background: transparent url('../img/header_middle_bg.gif') no-repeat;
			height: 141px; width: 955px;
			margin: 0 auto;
		}
		
			div#header_middle a {
				border: 0;
				height: 141px;
			}
			
				div#header_middle a.logo {
					float: left;
					margin-left: 6px;
				}
				
				div#header_middle a.middle_logo_text {
					float: right;
					margin-right: 6px;
				}
				
			div#header_middle a:focus {
				outline: none;
			}
	/*-end header-*/

	div#navigation {
		background: transparent url('../img/navigation_bg.gif') no-repeat;
		height: 62px; width: 955px;
		margin: 0 auto;
	}
		
		div#navigation ul {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			height: 45px;
			list-style: none;
			margin: 0 6px; padding: 0;
			text-transform: uppercase;
		}
		
			div#navigation ul li {
				float: left;
			}
						
				div#navigation ul li a {
					border: 0;
					color: #fff;
					display: block;
					padding: 13px 20px;
					text-decoration: none;
				}
				
				div#navigation ul li a:focus {
					outline: none;
				}
				
				div#navigation ul li a:hover {
					background: transparent url('../img/navigation_hover.gif') no-repeat top center;
					color: #e58e00;
				}

				div#navigation ul li a.active {
					background: transparent url('../img/navigation_hover.gif') no-repeat top center;
				}
				
			div#navigation ul li.about {
				float: right;
			}
	/*-end navigation-*/

	div#content {
		background: transparent url('../img/content_bg.png') repeat-y;
		margin: 0 auto; padding: 7px 23px;
		width: 909px;
	}
	
		div#left {
			float: left;
			width: 526px;
		}
	
		div#right {
			float: right;
			width: 371px;
		}	
			
		/* Jumbotron Buttons */
		div.jumbotron {
			list-style: none;
			margin: 0; padding: 0;
			position: relative;
			right: 14px;
			width: 938px;
		}
	
			div.jumbotron a {
				border: 0;
				float: left;
				height: 0px !important; 
				height /**/:102px; /* for IE5/Win */
				overflow: hidden;
				padding: 102px 0 0 0;
			}
			
			div.jumbotron a:focus {
				outline: none;
			}
			
			div.jumbotron a.live_chat_button {
				background: transparent url('../img/radio_live_chat.jpg') top left no-repeat;
				width: 281px;
			}
			
			div.jumbotron a.live_chat_button:hover {
				background-position: -281px 0;
			}
		
			div.jumbotron a.listen_live_button {
				background: transparent url('../img/radio_listen_live.jpg') top left no-repeat;
				width: 329px;
			}
			
			div.jumbotron a.listen_live_button:hover {
				background-position: -329px 0;
			}
			
			div.jumbotron a.programming_button {
				background: transparent url('../img/radio_programming.jpg') top left no-repeat;
				width: 327px;
			}
			
			div.jumbotron a.programming_button:hover {
				background-position: -327px 0;
			}	
	
		/* Wide Info Box */
		div.info_wide {
			margin: 0 auto;
		}
		
			div.info_wide h2.heading {
				color: #323232;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: normal;
				margin: 0;
			}
			
				div.info_wide h2.heading span {
					color: #eea606;
				}
				
			div.info_wide ul.menu {
				background: transparent url('../img/menu_bg.gif') repeat-x;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				height: 23px;
				list-style: none;
				margin: 0; padding: 0;
			}
			
				div.info_wide ul.menu li {
					float: left;
				}
					
					div.info_wide ul.menu li a {
						border: 0;
						color: #969696;
						display: block;
						padding: 5px 8px;
					}
					
					div.info_wide ul.menu li a:focus {
						outline: none;
					}
					
					div.info_wide ul.menu li a:hover {
						background: transparent url('../img/menu_hover.gif') no-repeat bottom center;
						color: #eea606;
					}
					
			div.info_wide div.info_wide_content {
				padding: 10px;
			}
					
			/* Genre Guide Box */
			div#genre_guide div.info_wide_content {
				padding: 2px;
			}
			
				div#genre_guide div.info_wide_content img {
					float: left;
				}
				
				div#genre_guide div.info_wide_content div.genre_info {
					float: right;
					margin: 0; padding: 3px 10px;
					width: 461px;
				}
				
					div.genre_info h3 {
						float: left;
						font-size: 16px;
						margin: 0;
					}
				
					div.genre_info a {
						color: #eea606;
						float: right;
						font-size: 12px;
						font-weight: bold;
						margin: 3px 0 0 0;
					}
				
					div.genre_info p {
						line-height: 18px;
						margin-top: 24px;
					}
					
		/* Narrow Info Box */
		div.info_narrow {
			width: 526px;
		}
		
			div.info_narrow h2.heading {
				color: #323232;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: normal;
				margin: 0;
			}
			
				div.info_narrow h2.heading span {
					color: #eea606;
				}
				
			div.info_narrow ul.menu {
				background: transparent url('../img/menu_bg.gif') repeat-x;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				height: 23px;
				list-style: none;
				margin: 0; padding: 0;
			}
			
				div.info_narrow ul.menu li {
					float: right;
				}
					
					div.info_narrow ul.menu li a {
						border: 0;
						color: #969696;
						display: block;
						padding: 5px 8px;
					}
					
					div.info_narrow ul.menu li a:focus {
						outline: none;
					}
					
					div.info_narrow ul.menu li a:hover {
						background: transparent url('../img/menu_hover.gif') no-repeat bottom center;
						color: #eea606;
					}

				div.info_narrow div.info_narrow_content {
					padding: 14px 21px;
				}
				
					div.info_narrow_content div.news {
						margin-bottom: 20px;
					}
					
						div.news h2 {
							font-size: 16px;
							margin: 0 0 1px 0; padding: 0;
						}
						
						div.news h3 {
							color: #909090;
							font-size: 11px;
							font-weight: normal;
							margin: 0; padding: 0;
						}
						
							div.news h3 a {
								font-weight: bold;
							}		

						div.news p {
							line-height: 18px;
							margin-top: 3px;
						}
		
		
		/* Content Narrow Box */
		div.content_narrow {
			margin: 2px 0 4px 0;
			width: 526px;
		}
		
			div.content_narrow h2.heading {
				background: transparent url('../img/content_heading_bg.gif') bottom repeat-x;
				color: #323232;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: normal;
				margin: 0; padding: 0 0 18px 0;
			}
			
				div.content_narrow h2.heading span {
					color: #eea606;
				}

				div.content_narrow div.content_narrow_content {
					padding: 0 21px;
				}
						
					div.content_narrow_content p {
						line-height: 18px;
						margin-top: 2px;
					}
		
		/* Content Wide Box */
		div.content_wide {
			margin: 2px 0 4px 0;
			width: 905px;
		}
		
			div.content_wide h2.heading {
				background: transparent url('../img/content_heading_bg.gif') bottom repeat-x;
				color: #323232;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: normal;
				margin: 0; padding: 0 0 15px 0;
			}
			
				div.content_wide h2.heading span {
					color: #eea606;
				}

				div.content_wide div.content_wide_content {
					padding: 0 21px;
				}
						
					div.content_wide_content p {
						line-height: 18px;
						margin-top: 2px;
					}
		
		ul.action_buttons {
			list-style: none;
			margin: 7px 0 0 0; padding: 0;
			width: 403px;
		}

				ul.action_buttons li a {
					border: 0;
					float: left;
					height: 0px !important; 
					height /**/:134px; /* for IE5/Win */
					overflow: hidden;
					padding: 134px 0 0 0;
					width: 371px;
				}
				
				ul.action_buttons li a.listen_live_button {
					background: transparent url('../img/listen_live_button.jpg') top left no-repeat;
				}
			
				ul.action_buttons li a.staff_blogs_button {
					background: transparent url('../img/staff_blogs_button.jpg') top left no-repeat;
				}
				
				ul.action_buttons li a.forums_button {
					background: transparent url('../img/forums_button.jpg') top left no-repeat;
				}
				
				ul.action_buttons li a:focus {
					outline: none;
				}
				
				ul.action_buttons li a:hover {
					background-position: -371px 0;
				}
				
		ul#navigate {
			list-style: none;
			margin: 27px 0 0 0; padding: 0;
			width: 403px;
		}

				ul#navigate li a {
					border: 0;
					float: left;
					height: 0px !important; 
					height /**/:33px; /* for IE5/Win */
					margin: 0 0 2px 0; padding: 33px 0 0 0;
					overflow: hidden;
					width: 363px;
				}
				
				/* Navigate buttons for Radio tab */
				ul#navigate li a.music_charts {
					background: transparent url('../img/navigate_music_charts.gif') top left no-repeat;
				}
			
				ul#navigate li a.become_a_dj {
					background: transparent url('../img/navigate_become_a_dj.gif') top left no-repeat;
				}
				
				ul#navigate li a.promo_graphics {
					background: transparent url('../img/navigate_promo_graphics.gif') top left no-repeat;
				}
				
				/* Navigate buttons for About Fusion Media tab */
				ul#navigate li a.staff_members {
					background: transparent url('../img/navigate_staff_members.gif') top left no-repeat;
				}
			
				ul#navigate li a.board_of_directors {
					background: transparent url('../img/navigate_board_of_directors.gif') top left no-repeat;
				}
				
				ul#navigate li a.about_fusion_media {
					background: transparent url('../img/navigate_about_fusion_media.gif') top left no-repeat;
				}
				
				ul#navigate li a.opportunities {
					background: transparent url('../img/navigate_opportunities.gif') top left no-repeat;
				}
				
				ul#navigate li a.resources {
					background: transparent url('../img/navigate_resources.gif') top left no-repeat;
				}
				
				ul#navigate li a:focus {
					outline: none;
				}
				
				ul#navigate li a:hover {
					background-position: -363px 0;
				}
	/*-end content-*/
				
	div#footer {
		background: transparent url('../img/footer_bg.gif') no-repeat;
		color: #fff;
		height: 26px; width: 925px;
		margin: 0 auto; padding: 17px 15px 0 15px;
	}
	
		div#footer a {
			text-decoration: none;
		}
	
		div#footer ul {
			list-style: none;
			margin: 0; padding: 0;
		}
		
			div#footer ul li {
				float: left;
				margin-right: 12px;
			}
			
				div#footer ul li a {
					color: #fff;
				}
			
			div#footer p {
				float: right;
				margin: 0; padding: 0;
			}
	/*-end footer-*/

div#music_charts div.element p,	
div#music_adds div.element2 p {	
	padding: 0; margin: 0;
}

div#show_listings_wrapper {
	margin: 0; padding: 0;
}

	div#show_listings_wrapper div.show_listings_container {
		background: transparent url('../img/show_listing_entry_bg.gif') repeat-x; padding: 0 15px 6px 15px;
	}
	
		div.show_listings_container div.left {
			float: left;
		}
		
			div.show_listings_container div.left h3 {
				margin: 0; padding: 5px 0 0 0;
				font-size: 12px;
				color: #000;
				font-weight: bold;
			}
			
			div.show_listings_container div.left span {
				color: #757575;
				font-size: 10px;
			}
		
		div.show_listings_container div.right {
			float: right;
			color: #e49601;
			font-size: 10px; padding: 5px 0 0 0;
			text-align: right;
		}
		
		div.show_listings_container p {
			color: #363636;
			font-size: 10px;
			line-height: 15px;
			margin: 0; padding: 2px 0;
		}
		
div.staff {
	border-bottom: 1px solid #e5e5e5;
	padding: 6px 5px;
}

	div.staff h2 {
		color:#323232;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:18px;
		font-weight:normal;
		margin: 0;
	}

	div.staff p {
		margin: 0 0 10px 0; padding: 0;
		color: #515151;
	}
	
	div.staff div.left {
		float: left;
	}
		
		div.staff div.left h3 {
			margin: 0; padding: 0;
			font-weight: normal;
			font-size: 15px;
		}
		
	div.staff div.right {
		float: right;
		text-align: right;
	}
	
		div.staff div.right p {
			margin: 0 0 2px 0;
		}
	
		div.staff div.right h4 {
			margin: 0; padding: 0; 
			font-size: 12px;
			font-weight: normal;
			color: #212121;
		}
		
	div.staff p.note {
		float: right;
	}
	
div.resource_container {
	padding: 4px 2px;
}

div.resource {
	background: transparent url('../img/show_listing_entry_bg.gif') repeat-x;
	font-family: Verdana, Arial;
	padding: 7px 6px 0 6px;
}

	div.resource h2 {
		font-weight: normal;
		font-size: 12px;
		margin: 0; padding: 0;
	}
	
		div.resource h2 a img {
			padding-right: 5px;	
			vertical-align: middle;
		}
		
	div.resource div.description {
		margin: 0; padding: 2px 0 4px 0;
		line-height: 16px;
		font-size: 11px;
		color: #353535;
	}
				
		div.resource div.description p  {
			margin: 0; padding: 0;
		}
		
	div.resource div.orange_button {
		margin: 0 8px 10px 0;
	}
	
	div.resource div.orange_button a:hover{
	}

div.orange_button {
	float: right;
	width: 150px;
	text-align: center
}

	div.orange_button a {
		background: #ffb611 url('../img/orange_button_bg.gif') repeat-x;
		color: #000;
		display: block;
		height: 30px;
		text-decoration: none;
		border: 0;
		float: right;
	}
			
		div.orange_button a div.left {
			background: #fff url('../img/orange_button_left.gif') no-repeat;
			float: left;
			height: 30px; width: 5px;
		}
		
		div.orange_button a div.text {
			padding: 8px 15px 0 15px;
		}
		
		div.orange_button a div.right {
			background: #fff url('../img/orange_button_right.gif') no-repeat;
			float: right;
			height: 30px; width: 6px;
		}
	
	div.orange_button a:hover {
		background: #ffb611 url('../img/orange_button_bg_hover.gif') repeat-x;
		text-decoration: none;
		border: 0;
	}
		
		div.orange_button a:hover div.left {
			background: #fff url('../img/orange_button_left_hover.gif') no-repeat;
		}
		
		div.orange_button a:hover div.right {
			background: #fff url('../img/orange_button_right_hover.gif') no-repeat;
		}
		
h2.gallery_title {
	float: left;
}

div.gallery_thumbnail_container {
	margin-left: 18px;
}

/* Fusion Stream Player */
div#fusion_player {
	font-family: Arial, Verdana;
	font-size: 10px;
	color: #4e4e4e;
	height: 400px;
	width: 730px;
}

	div#fusion_player div.top_bar {
		background: transparent url('../img/player/top_bar.gif');
		height: 21px;
		width: 730px;
	}
	
	div#fusion_player div.main div.left {
		background-color: #000;
		border-right: 1px solid #404040;
		height: 379px; width: 377px;
		text-align: center;
	}
		
		div#fusion_player div.main div.left a.logo img {
			margin-top: 5px;
		}
		
		div#fusion_player div.main div.left a:hover {
			border: none;
		}
		
		div#fusion_player div.main div.left p {
			margin: 0;
		}
		
	div#fusion_player div.main div.right ul.menu {
		background: transparent url('../img/player/menu_bg.gif');
		border-bottom: 1px solid #070707;
		height: 20px; width: 352px;
		margin: 0; padding: 0;
	}
	
	div#fusion_player div.main div.right ul.menu {
		list-style: none;
	}
		
		div#fusion_player div.main div.right ul.menu li {
			float: left;
			padding-right: 20px;
		}		
		
		div#fusion_player div.main div.right ul.menu li a {
			color: #c4c4c4;
			display: block;
			padding: 3px 5px;
			border: 0;
		}
		
		div#fusion_player div.main div.right ul.menu li a:focus {
			outline: none;
		}
	
	div#fusion_player div.main div.right div.right_content {
		background: transparent url('../img/player/right_bg.gif');
		height: 358px; width: 352px;
		text-align: center;
	}
	
	div#fusion_player div.main div.right div.right_content a.buttons {
		display: block;
		padding: 6px 0 2px 0;
		border: 0;
	}