/*	////////////////////////////////////////
	
	credit where credit is due:
	Eric Meyer:		http://meyerweb.com/
	Owen Briggs:	http://www.thenoodleincident.com/
	
	CONTENTS -->
	1. Global Element Styles
	2. Site Specific Elements
	
//////////////////////////////////////// */

/* ***************************************
	1.Global Element Styles
	
	FONT SIZING:
	http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
*************************************** */

html, body {
	margin:					0; 
	padding:					0; 
	font-family:			verdana, arial, helvetica, sans-serif; 
	font-size:				12px;	/* This changes all font sizes relatively */
	text-align:				center; /* centers page content, override this in your first born child, in this case its name is main! */
	color:					#000000; 
	background-color:		#1D3F44;

/* background image if necessary
	
	background-image:		url(../images/vert_bg_repeat.jpg);
	background-repeat:		repeat-x;
	background-position: 	top left;
*/
	}
	
/* tighter line heights for narrow columns */	
.narrow1 	{ width:50%; line-height:1.3em; }
.narrow2 	{ width:50%; line-height:1.5em; }
		
a, a:link,
a:visited, 
a:active, a:focus	{ text-decoration:none; font-weight:bold; color:#1d3f44; }
a:hover				{ text-decoration:none; color:#336f78; }

a.download_link, a.download_link:link,
a.download_link:visited, 
a.download_link:active, a.download_link:focus	{ text-decoration:underline; font-weight:normal; font-size:10px; color:#1d3f44; }
a.download_link:hover									{ text-decoration:normal; color:#336f78; }

.h1		{ font-size:1.8em; margin:0 0 10px 0; }
h1.artist_title { 
	font-size:1.8em; margin:0 0 10px 0; 
	}
	
.h2 		{ font-size:1.6em; margin:12px 0; }
h2.release_title {
	margin-top:-16px;
	}
.h3 		{ font-size:1.4em; margin:12px 0; }
.h4 		{ font-size:1.2; margin:12px 0; }
.h5 		{ font-size:1.0em; margin:12px 0; }
.h6 		{ font-size:0.8em; margin:12px 0; }

h1, h2, h3, h4, h5, h6 {
	color:			#1d3f44;
	font-weight:	bold;
	}

img 		{ border: 0; }

ol, ul, li	{ font-size:1.0em; line-height:1.3em; margin-top:6px; margin-bottom:4px; } 

p 			{ font-size:1.0em; line-height:1.6em; margin:0em 0em 1.2em 0em; color:#1d3f44; }

li > p 		{ margin-top:6px; }

code, pre 	{ font-family:monospace; font-size:12px; color:#c33; }

strong, b	{ font-weight:bold; }

hr 			{ display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

/*	////////////////////////////////////////
	Form Elements
//////////////////////////////////////// */

fieldset 				{ border: none; }

legend 					{ 
	font-family:	Arial, Helvetica, sans-serif; 
	font-size:		14px; 
	font-weight:	bold; 
	color:			#1d3f44;
	height:			12px;
	}

label { 
	font-size:			10px; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#1d3f44;
	display:				block;
	float:				left;
	width:				50px;
	}

textarea, input, select, 
input[type='text'], 
select,
textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover,
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus			{ 
	font-size:		10px; 
	font-family:	Verdana, Arial, Helvetica, sans-serif; 
	color:			#1d3f44; 
	width:			140px;
	display:			block;
	float:			left;
	}

textarea, 
input[type='text'], 
select 					{ border:none;  }

textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover 			{ border:none; }

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus 			{ border:none; }

input, select 			{ cursor:pointer;  }

input[type='text'] 		{ cursor:text; color: #1d3f44; }

/*	////////////////////////////////////////
	PNG fix for IE > 7
	twinhelix.com
//////////////////////////////////////// */

img, div { behavior: url(iepngfix.htc) }


/* ***************************************
	2. Site Specific Elements
*************************************** */

.onethirty_blue {
	color: #1d3f44;
	}

/* Background Images for the entire site */
.main { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_01.png); background-repeat:no-repeat; background-position:top left; }
.main_01 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_01.png); background-repeat:no-repeat; background-position:top left; }
.main_02 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_02.png); background-repeat:no-repeat; background-position:top left; }
.main_03 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_03.png); background-repeat:no-repeat; background-position:top left; }
.main_04 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_04.png); background-repeat:no-repeat; background-position:top left; }
.main_05 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_05.png); background-repeat:no-repeat; background-position:top left; }
.main_06 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_06.png); background-repeat:no-repeat; background-position:top left; }
.main_07 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_07.png); background-repeat:no-repeat; background-position:top left; }
.main_08 { z-index:1; margin:0 auto; padding:0 10px; text-align:left; width:858px; height:746px; background-image:url(../images/backgrounds/background_08.png); background-repeat:no-repeat; background-position:top left; }



	
ul.navigation {
	z-index:		2;
	list-style:	none;
	margin:		0 0 0 9px;
	padding:		0px;
	width:		auto;
	height:		212px;
	
	}
	ul.navigation li {
	float:	left;
	margin:	0px;
	width:	auto;
	}

	ul.navigation li a, a:link,
	ul.navigation li a:visited, 
	ul.navigation li a:active, a:focus	{ text-decoration:none; margin:0px; padding:0px; border:none; }
	ul.navigation li a:hover				{ text-decoration:none; margin:0px; padding:0px; border:none; }
	
	
.logo_top {
	z-index:			3;
	position:		absolute;
	top:				8px;
	margin-left:	18px;
	}

.content {
	z-index:						100;
	position:					absolute;
	margin:						0 0 0 30px;
	width:						799px;
	height:						515px;
	}

.content_left {
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_home.png);
	background-repeat:		no-repeat;
	background-position:	top left;
	}
	
	div.content_left .scrolling {
			width:		335px;
			height:		390px;
			margin:		60px 0 0 31px;
			padding:		0 20px 20px 0;
			overflow:	auto;
			}

.content_left_artists {
	width:					768px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_artists.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_artists .scrolling {
		width:		690px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}
		
		
	ul.artist_container {
		list-style:		none;
		width:			690; /* IE 7 needs an explicit width of 690 */
		margin:			0px;
		padding:			0px;
		}
	ul.artist_container li { /* used for releases page also */
		width:		135px;
		height:		160px;
		margin:		0 8px 10px 0;
		padding:		0px;
		float:		left;
		}
		p.artist_link {
			text-align:		center;
			line-height: 	1.1em;
			color:			#1d3f44;
			}
			
.content_left_artist_detail {
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_artist_detail.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	
	div.content_left_artist_detail .scrolling {
			width:		335px;
			height:		430px;
			margin:		20px 0 0 31px;
			padding:		0 20px 20px 0;
			overflow:	auto;
			}


.content_left_releases {
	width:					768px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_releases.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_releases .scrolling {
		width:		690px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}


.content_left_friends{
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_friends.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_friends .scrolling {
		width:		335px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}
		

.content_left_gear	{
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_gear.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_gear .scrolling {
		width:		335px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}
		
		
.content_left_media {
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_media.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_media .scrolling {
		width:		335px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}
		
.content_left_contact {
	width:					406px;
	height:					500px;
	float:					left;
	margin:					0;
	background-image:		url(../images/content_contact.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	div.content_left_contact .scrolling {
		width:		335px;
		height:		390px;
		margin:		60px 0 0 31px;
		padding:		0 20px 20px 0;
		overflow:	auto;
		}
	
.content_right {
	width:				251px;
	height:				500px;
	
	position:			absolute;
	left:					470px;
	top:					-120px;
	}
	.mailing_list {
		width:						251px;
		height:						121px;
		background-image:			url(../images/bg_mailing_list.png);
		background-position:		top left;
		background-repeat:		no-repeat;
		}
		.mail_form {
			position:relative;
			top:		12px;
			left:		20px;
			width:	210px;
			}
			
			div.mailing_list ol {
				list-style:	none;
				padding:	0px;
				margin:	0px;
				}
				div.mailing_list ol li {
					height: 	20px;
					width:	200px;
					}
			
			
			
			
			
			
			
	
	.player {
		width:					251px;
		height:					184px;
		margin:					20px 0 0 0;
		padding:0px;
		background-image:		url(../images/bg_player.png);
		background-position:	top left;
		background-repeat:	no-repeat;
		}
		.player_position {
			position:	relative; 
			top:			12px; 
			left:			12px;
			width:		227px;
			height:		160px;
			}
		.player_position_textonly {
			position:	relative; 
			top:			24px; 
			left:			24px;
			width:		227px;
			height:		160px;
			}
		.player_position_scrolling {
			position:	relative; 
			top:			24px; 
			left:			24px;
			width:		204px;
			height:		140px;
			overflow:	auto;
			}	
		
			
		
	.artist_box {
		width:					251px;
		height:					231px;
		margin-left:			8px;
		}
	.artist_releases {
		width:					251px;
		height:					251px;
		margin:					6px 0 0 0;
		background-image:		url(../images/bg_artist_releases.png);
		background-position:	top left;
		background-repeat:	no-repeat;
		}
	
.logo_lowerright {
	z-index:					1000;
	position:				absolute;
	width:					392px;
	height:					393px;
	background-color:		#FF0000;
	background-image:		url(../images/logo_lowerright.png);
	background-position:	top left;
	background-repeat:	no-repeat;
	}
	
ol.release_list {
	list-style:					decimal;
	list-style-position:		outside;
	margin:						0 0 12px 0;
	padding:						0 0 0 32px;
	}
	ol.release_list li {
		color:			#1d3f44;
		font-size:		1.1em;
		font-weight: 	bold;
		line-height:	1.0em;
		margin:			0 0 10px 0;
		}
	ol.release_list li span.larger {
		font-size:1.2em;
		}

ul.friends_list {
	list-style:					none;
	margin:						0 0 12px 0;
	padding:						0;
	}
	ul.friends_list li {
		color:			#1d3f44;
		font-size:		1.1em;
		font-weight: 	bold;
		line-height:	1.0em;
		margin:			0 0 12px 0;
		}
		
		
ul.media_list {
	list-style:					none;
	margin:						8px 0 12px 0;
	padding:						0;
	}
	ul.media_list li {
		color:			#1d3f44;
		font-size:		1.3em;
		font-weight: 	bold;
		margin:			0 0 12px 0;
		}
		ul.media_list li p {
		font-size:		11px;
		line-height:	1.1em;
		font-weight: 	bold;
		margin:			0 0 12px 0;
		border-top:		1px solid #102225;
		}