/* GLOBAL AND INITIALIZATION */

body { text-align:center; background-color:#EEEEEE; padding: 0; margin: 0; border: 0; font-family:Arial, Helvetica, sans-serif; }

div, span, table, td, p, ul, li, a, img, h1, h2, h3 { padding: 0; margin: 0; border: 0; }

ul { list-style: none; }

li.last { padding-bottom: none; }

li a  { display: block; }

a { text-decoration: underline; }

a:hover { text-decoration: none; }

a:visited { text-decoration: underline; }

#main { margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px 15px 2px 15px;
		border: 1px solid #777777;
		width: 600px;
		text-align: left;
		background-color:#000000; }
		
#main_inner { background-image:url(/images/global/header_main_background_new.gif); background-repeat: no-repeat; background-position:top left; background-color:#000000; position: relative; }

	/* IE6 only: need this for position relative to work,
	since this div has no other content */
	* html #main_inner { zoom: 1; }
	
	#main_inner #home_link { position:absolute; top:0; left:0; width: 350px; height: 190px; }
		
		#main_inner #home_link a { display: block; width: 100%; }
		
	#main_nav { position:absolute; top: 95px; right: 0; text-align: right; }
	
		#main_nav ul { margin: 7px 0 25px 0; }
		
		#main_nav ul a { display: block; width: 100%; padding-bottom: 4px; }
		
		/* this fixes list spacing in IE6, but now padding has to be 
		achieved with the <a> element instead */
		#main_nav ul li { display: inline; }
		
		/* IE6 only: make links stretch entire width of list element */
		* html #main_nav ul a { height: 1px; } 
		
	#content { padding-top: 240px; margin: auto; text-align: right; }
	
	#main_inner #fine_print p { text-align: right; font-size: 9px; color: #222222; padding: 3px 0 3px 0; margin: 0; width: 100%; }
	
	
	
	
/* PLAYLISTS */

.playlist table { width: 100%; font-size: 10px; }

	.playlist td { padding: 3px; text-align: left; }
	
	.playlist thead, .playlist tfoot  { background-color: #222222; text-align: left; font-size: 10px; color: #CCCCCC; font-weight: normal; }
	
		.playlist thead td.playlist_label { background-color: #000000; font-size: 10px; color:#DF1800; border-top: 1px solid #444444;
											font-weight: normal; padding-bottom: 6px; }
	
	.playlist tfoot td { text-align: center; padding: 6px; }
	
.odd_row { background-color: #FFFFFF; }

.even_row { background-color: #EEEEEE; }




/* ARCHIVES */

#playlist_archive td.playlist_link { font-size: 12px; }

#playlist_archive td a { color: #444444; }

#playlist_archive td a:hover { color: #444444; }

#playlist_archive td a:visited { color: #999999; }




/* LISTENER RESPONSE / RECOMMENDED / UNDERWRITERS / ADMIN */
#listener_response .listener_comment,
#recommended .recommended_album,
#underwriters .company,
#main_text,
form#recommended_search { background-color:#FFFFFF; text-align: left; font-size: 12px; color: #222222; margin: 25px; padding: 8px 0 8px 8px; border: solid 1px #DF1800; }

	#listener_response .listener_comment p { width: 400px; padding: 0 0 12px 0; }
	
	#listener_response .listener_comment em { font-size: 12px; color: #444444; font-style:normal; font-weight: bold; }
	
	.last_comment { margin-bottom: 0; }
	
#listener_response #content_inner,
#admin #content_inner,
#recommended #content_inner,
#underwriters #content_inner,
#about #content_inner,
#links #content_inner { background-color:#DDDDDD; padding: 5px 0 5px 0; margin: 0; }
	
td.playlist_label a,
#recommended a { color: #DF1800; }

td.playlist_label a:hover,
#recommended a:hover { color: #DF1800; }

td.playlist_label a:visited,
#recommended a:visited { color: #DF1800; }

#admin #content_inner { text-align: left; font-size: 12px; padding: 15px 0 15px 15px; }

#admin .form_message { color: #CC0000; font-size: 14px; font-weight: bold; padding: 0 0 15px 0; width: 450px; }

#admin h2 { padding: 0; margin: 10px 0 5px 0; font-size: 14px; color: #222222; }

#admin .separator { border-top: 1px solid #DF1800; margin: 20px 0 20px 0; width: 95%; }

#admin #active_links { border: 1px solid #CC0000; background-color: #FFFFFF; padding: 15px; margin: 4px 0 0 0; width: 400px; }

#admin a,
#admin a:hover { color: #444444; }

#admin a:hover { text-decoration: none; }

#admin a:visited { color: #999999; }

#admin p.tool_links { width: 94%; text-align: right; }

#admin p.tool_links a, 
#admin p.tool_links a:hover,
#admin p.tool_links a:visited { color: #444444; }



/* ADMIN - splash photo updater only */
#splash_preferences { margin: 12px 0 20px 0; }

.file_upload { margin: 10px 0 0 0; }

table#photo_set { }

	table#photo_set td,
	table#review_set td { vertical-align: top; border-bottom: 15px solid #DDDDDD; }
	
	table#photo_set thead td,
	table#review_set thead td  { border-bottom-width: 5px; background-color:#555555; color: #FFFFFF; padding: 4px; }
	
	table#photo_set td.thumb_tools,
	table#review_set td.thumb_tools { background-color:#FFFFFF; padding: 5px; }
	
	table#photo_set td.thumbnail,
	table#review_set td.thumbnail { padding: 0 5px 0 0; background-color:#DDDDDD; }

ul#active_photos { margin: 15px 0 0 0; }

	ul#active_photos li { display: block; padding-right: 10px; float: left; }

br.clear { clear: both; }


/* ADMIN - recommended reviews updater only */

table#review_set { margin: 15px 0 0 0; }
	
	table#review_set td.review_top { border: 0; }
	
	table#review_set thead td  { border-bottom-width: 8px; }

.note { margin: 5px 0 0 0; }

#admin .button_separator { margin: 0 0 8px 0; }

form#recommended_search { margin: 0 0 15px 0; width: 530px; }





/* RECOMMENDED / UNDERWRITERS / ABOUT / LINKS */
#recommended .recommended_album { clear: both; }

	#recommended .first_album,
	#underwriters .first_company,
	#main_text { margin-top: 10px; }
	
	#recommended .album_cover { float: left; }
	
	#recommended .album_info { float: left; padding: 0 0 0 15px; }
	
	#recommended br { clear:both; padding: 0; margin: 0; }
	
	#recommended h2,
	#underwriters h2,
	#about h2,
	#links h2 { text-align: left; font-size: 14px; color:#222222; margin: 10px 0 0 25px; }
	
	#recommended h3,
	#underwriters h3 { text-align: left; font-size: 12px; font-weight: normal; color:#555555; margin: 5px 0 0 25px; }
	
	#recommended .recommended_album h2,
	#underwriters .company h2 { color: #666666; font-size: 14px; margin: 0; }
	
	#recommended .recommended_album h3,
	#underwriters .company h3 { color: #222222; font-size: 12px; margin: 0; }
	
	#recommended .recommended_album h4 { color: #999999; font-size: 10px; margin: 0; font-weight: normal; }
	
#recommended p { font-size: 11px; width: 300px; padding: 5px 0 0 0; }

#recommended p.album_price { font-size: 13px; color: #DF1800; }

#links #links_list ul { margin: 0; padding: 0; }

#links #links_list li { line-height: 2em; }



/* UNDERWRITERS */
#underwriters .company { padding: 20px 20px 20px 20px; text-align: center; }

#underwriters img { padding: 0; margin: 0; }


/* ABOUT / LINKS */
#main_text { padding: 20px 20px 12px 20px; }

	#main_text p { line-height: 1.3em; padding: 0 0 8px 0; }
	
	#main_text a { color: #444444; }

	#main_text a:hover { color: #444444; text-decoration: none; }

	#main_text a:visited { color: #444444; }
	
	
	
/* IE6 only hacks */
* html #listener_response .listener_comment,
* html #recommended .recommended_album,
* html #underwriters .company,
* html #main_text { zoom: 1; }

* html #listener_response .listener_comment { margin-left: 0; margin-right: 0; }

* html #listener_response .first_comment { margin: 0; }

* html #listener_response #content_inner { padding: 25px; margin: 0; }