/*////////////////////////////////////////////////////////////////
////////////// Verse  CSS ///////////////////////////////////////
/////////////////////////////////////////////////////////////////
* Filename: style.css											*
* Version: 1.0.0 (2007-02-21) YYYY-MM-DD						*
* Website: http://versemusicpublishing.com/						*
* Author: J.P. McGarrity										*
* Description: Handles the site layout.							*
*															 	*
*				Contents										*
*				I. HTML Styles									*
*				II. Content Constuctors/Styles					*
*				III. Table Stlyes								*
*				IV. Style for DHTML controls					*
*																*
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
 
/*///////////////////////////////////////////////////////////
///////////////// Start Styles //////////////////////////////
//////////////////////////////////////////////////////////*/


/* Even the playing field in all browsers */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin:						0;
padding:					0;
border:						0;
}

/* Firefox imaage selection fix */
*:focus {outline: none}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*///////////////////////////////////////////////////////////
///////////////// HTML Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

html
	{
		background:#5373a2;
	}

body
	{
		font:				12px verdana,helvetica,arial;
		color:				#434a55;		
		background:			url('/gfx/body_background.jpg') top repeat-x #fff;
		border:				0;overflow:visible;
/*		height:				100%; */
	}

img
	{
		border:				0px;
	}

p
	{
		padding:			5px 2px 5px 2px;
	}

h1
	{
		text-transform:		uppercase;		
		font:				bold 20px helvetica, verdana, arial;
		color:				#79acf7
	}


h2	
	{
		background:			url('/gfx/h2_background.gif') no-repeat;
		font-size:			15px;
		height:				24px;
		width:				324px;
		margin-top:			7px;
		padding:			3px;
		text-transform:		uppercase;		
		color:				#79acf7;
		padding-left:		8px;
		font-family:		helvetica;
		font-weight:		normal;
	}

h3
	{
		color:				#434a55;
		font-size:			13px;		
	}

h4
	{
		font:				bold  10px verdana, arial, sans-serif;
		float:				right;
	}
 
h5
	{
		font:				bold 14px helvetica;
		color:				#fff;
		padding-bottom:		3px;
		border-bottom:		1px solid #265190;
	}

h6
	{
		font:				bold 17px helvetica, verdana, arial;
		color:				#79acf7		
	}
	
br
	{
		clear:				both;
	}	
	
label
	{
		font:					bold 12px helvetica, verdana, arial;
  		display:				block;
		letter-spacing: 		.01em;
		padding-top:			10px;
		padding-bottom:			2px;		
	}	
	
input, textarea
	{
		font:					11px verdana, arial;
	    margin:					0;
		padding:				2px;
	    border:					1px solid #C3C3C3;
	    border-top-color:		#7C7C7C;
	    border-bottom-color:	#DDD;
	}

span.form_element
	{
	    display:				block;
	    background-color:		#FFF;
	    padding:				1px;
		padding-right:			1px;
		padding-bottom:			1px;
	    border:					1px solid #c3c3c3;
	}	

#content
	{
		height:125px;
	}

/*	ie6 cant read this */
html>body span.form_element
	{
	    display:				block;
	    background-color:		#FFF;
	    padding:				1px;
		padding-right:			7px;
		padding-bottom:			1px;
	    border:					1px solid #c3c3c3;
	}

span.form_element input,textarea
	{
	    width:					100%;
	    border:					1px solid #C3C3C3;
	    border-top-color:		#7C7C7C;
	    border-bottom-color:	#DDD;
	}

a
	{
		color:					#79acf7;
		text-decoration:		none;
	}	
	
a:hover
	{
		color:					#769bd0;
		text-decoration:		none;
	}	
	
/*///////////////////////////////////////////////////////////
///////////////// Content Styles ////////////////////////////
//////////////////////////////////////////////////////////*/

h2.profile
	{
		background:			url('/gfx/h2_profile_background.gif') no-repeat;
		font-size:			15px;
		height:				24px;
		width:				363px;
		margin-top:			7px;
		padding:			3px;
		color:				#79acf7;
		padding-left:		8px;
	}

.form_element_right
	{
		float:			right;
		width:			170px;
	}

.form_element_left
	{
		float:			left;
		width:			170px;
	}

.form_element_special
	{
		float:			left;
		width:			355px;
	}

.partners_summary
	{
		width:			660px;
		float:			left;
		padding-left:	8px;	
	}

#back
	{
		text-align:right;
		float:right;
	}

#licensing_list
	{
		list-style:			none;
		width:				355px;
		padding-bottom:		50px;
	}

#licensing_list li
	{
		clear:both;
	}
	
#main
	{
		margin:				0px auto 0px auto;
 		width:				985px;
	}

#global_navigation ul 
	{
		display:			inline;		
		margin-bottom:		8px;
	}

#global_navigation li 
	{
		padding:			8px;
		display:			inline;
		list-style:			none;
	}

a.global
	{
		padding:			6px;
		text-decoration:	none;
		color:				#fff;
		font: 				bold 14px Helvetica, Verdana, arial;
	}	
	
a.global:hover
	{
		padding:				6px;
		text-decoration:		none;
		color:					#7b98c2;
		font: 					bold 14px Helvetica, Verdana, arial;
		border:					0px solid #4e6d9b;
	}	

a.global_on_page,a:hover.global_on_page
	{
		padding:				5px;
		text-decoration:		none;
		color:					#fff;
		font: 					bold 14px Helvetica, Verdana, arial;
		background:				url('/gfx/global_background.jpg') top repeat-x #7b98c2; 
		border:					1px solid #4e6d9b;
	}
	
html>body>div #rightside_home	
	{
		float:					right;
		width:					340px;
		height:					544px;
		margin-top:				0px;
		background:				url('/gfx/rightside_home_background.jpg') no-repeat top;
		font-size:				10px;
	}

#rightside_home	
	{
		float:					right;
		width:					339px;
		height:					544px;
		margin-top:				0px;
		background:				url('/gfx/rightside_home_background.jpg') no-repeat top;
		font-size:				10px;
	}
	
#search
	{
		float:					right;
		width:					300px;
		padding-top:			8px;
		background:				url('/gfx/search_background.jpg') no-repeat;
		margin-top:				-10px;
	}


#content_background
	{
		background:				url('/gfx/content_background.jpg') repeat-y #eae7e1;
		width:					955px;
		float:					left;
		margin-top:				0px;
		line-height:			18px;
		padding:				0px 20px 30px 10px;
	}

html>body #content_background
	{
		background:				url('/gfx/content_background.jpg') repeat-y #eae7e1;
		width:					945px;
		float:					left;
		margin-top:				0px;
		line-height:			18px;
		padding:				0px 20px 30px 20px;
	}
	
#profile_background
	{
		background:				url('/gfx/profile_background.jpg') repeat-y #eae7e1;
		width:					945px;
		float:					left;
		line-height:			18px;
		padding:				0px 20px 30px 20px;
	}	

#writers_nav ul
	{
		display:				inline;
	}

#writers_nav li
	{
		display:				inline;		
		padding:				3px;
		list-style:				none;
		font-weight:			bold;		
	}

.writers_columns
	{
		float:					left;
		width:					230px;
		padding-left:			10px;
		padding-bottom:			30px;
	}

p.content_copy
	{
		padding-top:			0px;
		padding-bottom:			10px;
		width:950px;
	}

.content_list ul
	{
		padding-bottom:			20px;
	}
	
.content_list li
	{
		margin-top:				4px;
		list-style:				none;
	}
	
.content_list2 ul
	{
		padding-bottom:			20px;
	}

.content_list2 li
	{
		margin-top:				4px;
		padding-top:			15px;
		margin-right:			-115px;		
		list-style:				none;
	}	
	

.contact_list ul
	{
		padding-bottom:			20px;
	}

.contact_list li
	{
		margin-top:				-2px;
		padding:0px;
		list-style:				none;
	}	
	
	
a.content_links
	{
		color:					#79acf7;
	}
	
a.content_links:hover
	{
		color:					#79acf7;
	}	
	
#search span
	{
		width:					110px;
	}		
	
#news_feed ul 
	{
			
	}

#news_feed li 
	{
		font:					1.1em helvetica, verdana, arial;
		clear:					both;
		padding:				8px;
		list-style:				none;
	}

#news_feed b
	{
		font:					bold 1.1em helvetica, verdana, arial;	
	}
 	
#news_feed div
	{
		margin-left:90px;
	}
	
#news_feed img
	{
		float:				left;
		border:				1px solid #99bfe6;
	}

#news_feed img:hover
	{
		float:				left;	
		border:				1px solid #fff	
	}	
	
#charts_feed
	{
		padding-top:			20px;	
	}	
	
#charts_feed ul 
	{

	}

#charts_feed li 
	{
		font:				1.1em helvetica, verdana, arial;
		padding:				5px;
		list-style:				none;
		border-top: 			1px double #c5bdac;
	}

#charts_feed b
	{
		font:				bold 1.1em helvetica, verdana, arial;
	}	

.feed_view_all
	{
		padding:				5px 0px 0px 8px;
	}
	
.small
	{
		font:				.95em helvetica, verdana, arial;
		color:					#0d2951;
		margin-bottom:			40px;
	}	
	
a.feed
	{
		padding:				0px 0px 2px 0px;
		text-decoration:		none;
		color:					#79acf7;
	}	

a.feed:hover
	{
		text-decoration:		none;
		color:					#f9f6ed;
	}	
	
	
#footer	
	{
		clear:both;
		width:					100%;
		height:					100%;
		clear:					both;
		color:					#d1def1;
		line-height:			18px;
		background:				url('/gfx/footer_background.jpg') repeat-x #5373a2;
	}

#footer p
	{
		padding:			7px 0px 0px 0px;
	}

#footer_content
	{
		width:				980px;
		margin:				0px auto 0px auto;	
	}	

.footer_links ul 
	{
		color:					#0d2951;
		display:				inline;		
		margin-top:				20px;		

	}

.footer_links li 
	{
		padding:				5px;
		font-size:				10px;
		display:				inline;
		list-style:				none;		
	}

#company_sections ul
	{
		list-style:			none;
	}

#company_sections li 
	{
		margin-top:			25px;
		float:left;
		width:310px;
		padding:			2px;
		display:			inline;
	}

#global_footer
	{
		text-align:				center;
		width:					100%;
		margin:					0 auto;
		clear:					both;
		padding-top:			30px;
	}
	
a.footer_links
	{
		text-decoration:		underline;
		color:					#fff;
	}	

a.footer_links:hover
	{
		text-decoration:		underline;
		color:					#fff;
	}
	
.wysiwyg
	{
		clear:none;
	}
	
/*/////////////////////////////////////////////////////////
/////////////////// subnav Styles /////////////////////////
////////////////////////////////////////////////////////*/
	
#subnav
	{
		clear:both;
		padding-top:			7px;
		margin-top:				0px;
		background:				url('/gfx/subnav_background.jpg') no-repeat #c2bcad;
		color:					#fff;
		height:					20px;		
		font:					bold 14px helvetica,verdana;
		width:					985px;
	}
	
#subnav ul
	{
		padding-left:			450px;
		list-style:				none;
	}	
	
#subnav li
	{
		display:				inline;
		margin-left:			10px;
	}	
	
#subnav a
	{
		color:					#fff;
		padding:				7px;
		text-decoration:		none;
	}	

#subnav a:hover
	{
		color:					#f9f6ed;
		padding:				7px;
		text-decoration:		none;
	}	

#subnav a.subnav_on_page
	{
		color:					#fff;
		text-decoration:		none;
		padding:				7px;
		background:				url('/gfx/subnav_onstate.jpg') repeat-x;
	}

/*/////////////////////////////////////////////////////////
/////////////////// Discography Styles /////////////////////////
////////////////////////////////////////////////////////*/


/* ie6 only */	
#discography
	{
		float:					right;
		width:					330px;
		background:				url('/gfx/discography_background.jpg') no-repeat;
		padding-top:			30px;
		margin-top:				-40px;
		margin-right:			-30px;
	}

html>body #discography
	{
		float:					right;

		width:					330px;
		background:				url('/gfx/discography_background.jpg') no-repeat;
		padding-top:			30px;
		margin-right:			0px;
		margin-top:				-40px;
	}


	
#discography_list ul
	{
		padding-bottom:			20px;		
	}
	
#discography_list li
	{
		margin-left:			15px;
		margin-top:				4px;
		padding:				4px 2px;
		list-style:				none;
		border-bottom:			1px solid #c4beb2;
	}

#discography_list b
	{
		color:					#1b2c42;
	}

#video_section
	{
		float:					right;
		width:					330px;
		height:					200px;
		background:				url('/gfx/film_background.jpg') no-repeat;
		padding-top:			0px;
		padding-left:			7px;
		margin-top:				50px;

	}
	
#video_section ul
	{
		list-style: none;
	}	

#video_section li
	{
		display:inline;
		padding-top:23px;
	}


#video_section img
{
	float:				left;
	border:				1px solid #99bfe6;
	margin-left:		8px;
}

#video_section img:hover
{
	margin-left:		8px;
	float:				left;	
	border:				1px solid #fff	
}


/*/////////////////////////////////////////////////////////
/////////////////// News Styles /////////////////////////
////////////////////////////////////////////////////////*/

.author
{
	font-style:			italic;
}

.news_item
{
	clear:				both;	
	border-top:			1px solid #c2beb2;
	padding-top:		10px;
}

img.news_image
{
	float:				left;
	margin-right:		10px;
	margin-bottom:		10px;
	border:				1px solid #99bfe6;
}

img.news_image:hover
{
	float:				left;
	margin-right:		10px;
	margin-bottom:		10px;	
	border:				1px solid #fff	
}

.news_link
{
	clear:both;
	padding-top:6px;
}

/*/////////////////////////////////////////////////////////
/////////////////// Table Styles /////////////////////////
////////////////////////////////////////////////////////*/


#music_search_table
	{
		width:				100%;
		padding:			0;
		margin:				0;
		margin-bottom:		20px;
	}

caption
	{
		padding:			0 0 5px 0;
		width:				700px;	 
		font:				italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align:			right;
	}

table
	{
		border:			1px solid #b6b6b5;
		border-top:		0px;
	}

th
{
	font:				bold 11px Helvetica, Verdana, Arial,  sans-serif;
	color:				#fff;
	border-right:		1px solid #7c8692;
	border-left:		1px solid #213145;
	border-bottom:		1px solid #7c8692;
	border-top:			1px solid #213145;
	letter-spacing:		1px;
	text-transform:		uppercase;
	text-align:			middle;
	padding:			6px 6px 6px 12px;
	background:			#202c40 url('/gfx/th_header.jpg') repeat-x top; 
}


td
	{
		font:				.95em helvetica, verdana, arial;
		border-right:		1px solid #e7e4de;
		border-bottom:		1px solid #C1DAD7;
		background:			#f2f0ec;
		padding:			6px 6px 6px 12px;
		color:				#2d2a2a;
	}

.center
	{
		text-align:			center;
	}

td.alt
{
	background:			#d9d6cf;
	color:				#2d2a2a;
}

#boxed_nav ul
	{
		list-style: none;
	}
	
#boxed_nav li
	{
		display:inline;
		margin-left:-3px;
	}	

a.boxed
	{
		border:1px solid #b6b6b5;
		padding:0px 6px;
		background:		#f2f0ec;
		color:#79acf7;
	}

a.boxed:hover
	{
		background:		#fefefe;
	}

a.boxed_on
	{
		border:1px solid #b6b6b5;
		padding:0px 6px;
		color:		#1a2c42;
		background:		#fff;		
	}
	
#page_holder_narrow
{
	float:left;
	width:600px;
}	

/*//////////////////////////////////////////////////////////
///////////////		 Image	Shadow		////////////////////
/////////////////////////////////////////////////////////*/

div.shadows
	{
		padding-bottom:			0px;
		background:				url('/gfx/shadow-bottom.gif') repeat-x bottom left;
	}
	
div.shadows2
	{
		width:					126px;
		padding-bottom:			0px;
		background:				url('/gfx/shadow-bottom.gif') repeat-x bottom left;
		margin-left:			8px;
	}	

img.shadow
	{
		margin-top:				0px;
	  	padding:				8px;
		background:				#fff;
		border-bottom:			1px solid #dcd7c8;	
		border-top:				0px solid #dcd7c8;	
		border-left:			1px solid #dcd7c8;
		border-right:			1px solid #dcd7c8;
	}
	
div.profile_shadow
	{
		float:					left;
		margin-top:				0px;
	  	padding:				8px;	
		background:				url('/gfx/image_caption_background.jpg') repeat #fff;
		width:					252px;
		border-bottom:			1px solid #dcd7c8;	
		border-top:				0px solid #dcd7c8;	
		border-left:			1px solid #dcd7c8;
		border-right:			1px solid #dcd7c8;
	}	

.caption
	{
		width:80%;
	}
	
/* set up the admin content */

#admin
{
	padding:23px 0px 40px 0px;
}

#admin_nav
{
	background: #edeed6;
	padding-bottom:10px;
}

#admin_nav #nav_title
{
	font-size:14px;
	font-weight:bold;
}

#admin_nav #nav_options
{
	background:#fff;
	margin-left:10px;
	margin-right:6px;
	padding:4px;
}

#admin_field_setup
{
	width:90%;
	margin-bottom:30px;
}

#admin_field
{
	background:#f7f7f7;
	padding:6px;
	text-align:left;
	font-weight:bold;
	margin:30px 0px 10px 0px;
}

#admin_field.alert
{ 
	color: #DB0000;
}

/* end setting up the admin content */