@charset "UTF-8";

/* GLOBAL RESETS
=========================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; 
font-size:100%; font-family:inherit; vertical-align:baseline; }

:focus {outline:0; }
:focus { -moz-outline-style: none; }

ol, ul {list-style:none; }
table {border-collapse:separate; border-spacing:0; }
body { line-height:1; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
button { border:none; cursor:pointer; }

/** { behavior:url(css/iepngfix.htc); }*/
/*body { behavior:url(../htc/csshover2.htc); }*/



/* COMMON CLASSES
=========================================================== */

span.hidden { display:block; text-indent:-9999999px; }

.clear { clear:both; }

.divider {height:1px; width:100%; background:#777; display:block; line-height:1px; overflow:hidden; clear:left; margin:7px 0;}

.bold { font-weight:bold;}

.underline { text-decoration:underline; }

/* TYPOGRAPHY
=========================================================== */

body   {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; line-height:16px; }

a { text-decoration:none; color:#fff; cursor:pointer; }
a:hover { color:#880000; }

h2 { font-size:16px; line-height:18px; font-weight:bold; }

h3 { font-size:13px; line-height:15px; font-weight:bold; }


/* menu items  */
.tab_content h2 { font-size:11px; font-weight:normal; }	

#tab_cntnr div { cursor:pointer; }


/* left modules */
.releaselist h2 { font-size:12px; line-height:14px; }


/* content items */

.artistname { font-weight:bold; }

span.track_artist, a.track_title { font-size:11px; font-weight:bold; }

.home_newsitem .stats { font-size:9px; margin-bottom:4px; }

#newsnext, #newslast { font-weight:bold; font-size:10px; text-transform:uppercase; cursor:pointer; }


h4 { font-weight:bold;  } 

	.home_release h4 { font-size:12px; }

.release h4 { font-size:11px; }

.review_item h4 { font-weight:normal; }
		.morelink a {  }
	
.home_release h5 { text-transform:uppercase; }



/* PAGE LAYOUT 
=========================================================== */

/*body {  }*/


/* wrapper elements */
.wrap { margin:0 auto; text-align:left; }


#page { width:925px; margin:30px auto 30px auto; padding:27px 25px; height:auto; background:url(images/template/content_bg.png) repeat-y scroll top center; }

	#branding { width:410px; float:left; margin-bottom:12px; }
	
	#slider { width:410px; float:left; clear:left;padding-bottom:4px; 	}

	#content { float:right; clear:right; width:480px; margin-top:10px; text-align:justify; }
	
	#player { width:410px; height:135px; float:left; clear:left; margin:10px 0 15px 0; border:1px solid #333; padding:0px;}


	h2 { margin-bottom:8px; }




/* HEADER (BRANDING) ELEMENTS 
=========================================================== */

h1#logo a { float:left; background:url(images/template/templatesprite.gif) no-repeat scroll -1px -34px; width:194px; height:58px; margin-right:26px; }

#logo_img { float:left; background:url(images/template/templatesprite.gif) no-repeat scroll -199px -35px; width:62px; height:63px; margin-right:16px; }

#toplinks { float:left; font-weight:bold; line-height:19px; margin-top:17px; text-align:right; }
	#toplinks .podcast { position:relative; left:16px; }
	#toplinks .whatisjakbeat { position:relative; left:12px; }
	
#home_introtext { margin-top:12px; padding-right:0px; text-align:justify; }



/* MENU DROPDOWN - SLIDER 
=========================================================== */

#tab_cntnr { float:left; width:402px; padding:3px 3px 0 3px; /*_padding-left:6px;*/ }

	#tab_cntnr li { float:left; height:auto; margin-right:34px; }
	#tab_cntnr li.last { margin-right:0px !important; }

	#tab_cntnr a, #tab_cntnr div { display:block; float:left; width:70px; height:14px; line-height:14px !important; padding:0 0 2px 0;
		text-align:center; text-decoration:none; font-weight:bold; color:#ccc; text-transform:uppercase;
		 }
		 
	#tab_cntnr div.artists { width: 57px; background:url(images/template/templatesprite.gif) no-repeat scroll 0px 0; }
	#tab_cntnr div.releases { width: 64px; background:url(images/template/templatesprite.gif) no-repeat scroll -68px 0; }
	#tab_cntnr a.tourdates { width: 47px; background:url(images/template/templatesprite.gif) no-repeat scroll -144px 0; }
	#tab_cntnr a.links { width: 40px; background:url(images/template/templatesprite.gif) no-repeat scroll -203px 0; }
	#tab_cntnr a.contact { width: 56px; background:url(images/template/templatesprite.gif) no-repeat scroll -253px 0; }


	#tab_cntnr div:hover.artists, #tab_cntnr div.selected.artists { background-position: 0px -16px; }
	#tab_cntnr div:hover.releases, #tab_cntnr div.selected.releases { background-position: -68px -16px; }
	#tab_cntnr a:hover.tourdates, #tab_cntnr a.selected.tourdates { background-position: -144px -16px; }
	#tab_cntnr a:hover.links, #tab_cntnr a.selected.links { background-position: -203px -16px; }
	#tab_cntnr a:hover.contact, #tab_cntnr a.selected.contact { background-position: -253px -16px; }


		/*#tab_cntnr a:hover { color:#ccc;  border-bottom:1px solid #eee;}
		
		#tab_cntnr a.selected.artists, #tab_cntnr a.selected:hover { background-position: -1px -16px; }*/


.tab_content { float:left; clear:left;  width:380px; height: auto;  margin:0px 3px; padding:0px 8px 10px 8px; }
		
	.innertab {  margin-top:8px;  }

	.tab_content h2 { margin-bottom:2px; }


		/* tab sections  */
		.menu_release { margin:0 0 6px 10px; display:block;  }






/* RELEASE LIST  
===========================================================*/

.releaselist { float:left; clear:left; width:404px; padding:0 3px; margin:8px 0; }
.releaselist h2 { margin-bottom:3px; width: 400px; }

.releaseitem h4 { display:inline; font-weight:bold; }



/* REVIEW LIST  
===========================================================*/








/*  Content Section 
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content, #home_release, .summary, .release .summarycontent {  width:480px;  } 


#content p { margin-bottom:10px; }

#podcast_links { margin-bottom:10px; }


/* HOME CONTENT SECTION  
=========================================================== */

		

/* HOMEPAGE RELEASE SUMMARY SECTION 
=========================================================== */

#home_releases { background:transparent url(images/template/spacer.gif) repeat scroll top left; }

.home_release  { margin-bottom:5px; float:left; clear:left; background:transparent url(images/template/spacer.gif) repeat scroll top left; }

	.home_release h4 { margin-bottom:3px; }
	.home_release .mp3link { vertical-align:middle; display:inline; } 
	
	.home_release .summarycontent { float:left; width:auto; height:auto; margin-top:1px; margin-bottom:5px; }
	
		.home_releaseimgthumb { float:left; width:245px; height:245px; border:1px solid #666; margin:0 7px 3px 0; padding:2px;}
		.home_releaseimgthumb img { width:245px; height:245px;  }
		

	#newslast, #newsnext { float:right; height:12px; width:12px; margin:4px 0; }
	#newslast { background:url(images/template/templatesprite.gif) no-repeat scroll -282px -56px; margin-right:4px;}
	#newsnext { clear:right; background:url(images/template/templatesprite.gif) no-repeat scroll -294px -56px; margin-right:3px;}



#home_events  { border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0; float:right; margin-top:5px; width:480px; clear:right; }

#home_reviews { float:left; clear:left; width:408px; }


/* ARTIST CONTENT SECTION  
=========================================================== */

.artistpic { width:400px; float:left; clear:left; height:auto; padding:4px 4px 0 4px; border:1px solid #666; text-align:center; margin-top:10px; }

.artistpic img { width:400px; }

.artistpage p { margin-bottom:14px; }

.artistpage strong { font-weight:bold; font-size:12px; color:#ddd; }


/* RELEASE IMAGES
=========================================================== */

.releaseimgwrap { float:left; border:1px solid #666; margin:0 12px 8px 0; /*background-color:#300;*/ padding:3px;   }

#releasepage .releaseimgwrap { width:250px; height:250px; }
#releasepage .releaseimg { width:250px; height:250px; overflow:hidden; }
#releasepage .releaseimg img { width:250px; }

#homepage .releaseimgwrap { width:250px; height:250px; }
#homepage .releaseimg { width:250px; height:250px; overflow:hidden; }
#homepage .releaseimg img { width:250px; }


#releasesummarypage .releaseimgwrap { width:90px; height:90px; }
#releasesummarypage .releaseimg { width:90px; height:90px; overflow:hidden; }
#releasesummarypage .releaseimgwrap img { width:90px; }


/* RELEASE PAGE
=========================================================== */
.startplayer {  margin-top:5px;  }

#releasepage #tracklisting { text-align:left; margin: 5px 0; }

#releasepage #summarycontent { text-align:left; }

#releasepage #introtext {  margin-bottom:10px; text-align:justify; }


#releasepage #record_label { margin:12px 0;   }

#releasepage #record_label img {  width:120px;  padding:2px; border:1px solid #555;  }


/* SUMMARY PAGE CHUNK TEMPLATES
=========================================================== */

.summary { margin-bottom:8px; float:left; clear:left; }

	.summary h4 { position:relative; top:6px; }
	.release .mp3link { vertical-align:middle; display:inline; } 
	
	.release .summarycontent { float:left;  height:auto; margin-top:1px; margin-bottom:5px; }
	
		.releaseimgthumb { float:left; width:90px; height:90px; border:1px solid #666; margin:0 7px 3px 0;}
		.releaseimgthumb img { width:90px; height:90px;  }



.releasesummary { float:left;  }
.releasesummary .introtext { margin-bottom:5px; }



/* LINKS PAGE  
=========================================================== */

#nationlinks, #artistlinks { width:240px; float:left;  }





/* CONTACT PAGE  
=========================================================== */

#contact_form, #address {  float:left; }

#address { margin-top:10px; }

#contact_form {  margin-left:25px;  }

		#contact_form label { float:left; clear:left; line-height:18px; height:20px; margin-top:10px; text-align:left; width:65px; padding-right:10px; }
		
		#contact_form input, 
		#contact_form select,
		#contact_form textarea {
		background:#080808; float:left; margin-top:10px; border:1px solid #333; border-bottom:1px solid #777; border-right:1px solid #777;
		font-size:10px; color:#888; }
		
		#contact_form select option { background:#080808; }
		
		#contact_form input, 
		#contact_form textarea { width:225px; padding:3px 0 0 3px; }
		
		#contact_form input { height:15px;  }
		
		#contact_form select { height:20px; width:230px; padding:2px 0; }
		
		#verimage, #veranswer {  margin-top:10px;  }
		
		#verimage {  margin-left:75px; float:left; margin-right:10px;}
			#verimage img {  height:50px;  }
		
		
		#veranswer { float:left; }
		
		#veranswer label {  margin-top:0px; width:80px;   } 
		
		#veranswer input {  margin-top:5px; width:91px; clear:left; }
		
		#contact_form button { margin-left:75px; width:60px; height:20px; }



#contact_form_submitted {  width:310px; float:right; margin-top:5px; } 
#contact_form_submitted h4 {  width:310px;   } 

#validation_msg { color:#900; }



/* GALLERY 
=========================================================== */

#gallery { width:800px; background-color:none; height:500px; margin:0 auto; } 

#gallery li { background-color:none; margin:5px; padding:5px; width:780px; height:auto; text-align:center;  }
#gallery img { margin:0 auto; text-align:center; height:480px; }

#gallerynav { width:690px; background-color:none; text-align:center; margin:0 auto; padding:5px;}
#gallerynav span { display:inline; margin-right:4px; margin-left:4px; }

#gallerypager { width:auto;   }
#gallerypager a { padding:2px; border:1px solid #555; background-color:#000; margin:3px; color:#aaa;  }
#gallerypager a.activeSlide { background-color:#444; color:#fff; }

#gallerynav { cursor:pointer; }
 




.js #page {  }

.js .tab_content { display:none; }









/* PLAYER STYLES 
=========================================================== */


#player_container, #playlist_list { width:418px; float:left; clear:left; }

	#player_container, #playlist_list ul { border:1px solid #777; }
	
	#player_container { margin-top:10px; position: relative; background:#361f29 url(images/template/player_bg.gif) top left repeat-x scroll; height:21px;  }
	
	#player_container  ul#player_controls { list-style-type:none; padding:0; margin: 0; }
	
	#player_container  ul#player_controls li { overflow:hidden; text-indent:-9999px; }



#player_play, #player_pause { display: block; position: absolute; left:0px; top:0; width:20px; height:21px; cursor: pointer; background-color:#ef0000;}

	#player_play { background: url(images/template/player_sprite.gif) 0 0 no-repeat; }
	
	#player_play.jqjp_hover { background: url(images/template/player_sprite.gif) 0 -20px no-repeat; }
	
	#player_pause { background: url(images/template/player_sprite.gif) -20px 0 no-repeat; }
	
	#player_pause.jqjp_hover { background: url(images/template/player_sprite.gif) -20px -20px no-repeat; }



#ctrl_prev { position: absolute; left:40px; top:0; background: url(images/template/player_sprite.gif) -60px 0 no-repeat; width:20px; height:21px; cursor: pointer; }

	#ctrl_prev:hover { background: url(images/template/player_sprite.gif) -60px -20px no-repeat; }
	
	#ctrl_prev.disabled { background: url(images/template/player_sprite.gif) -60px 0 no-repeat; cursor:default; }


#ctrl_next { position: absolute; left:60px; top:0; background: url(images/template/player_sprite.gif) -80px 0 no-repeat; width:20px; height:21px; cursor: pointer; }

	#ctrl_next:hover { background: url(images/template/player_sprite.gif) -80px -20px no-repeat; }
	
	#ctrl_next.disabled { background: url(images/template/player_sprite.gif) -80px 0 no-repeat; cursor:default; }


#player_stop { position: absolute; left:20px; top:0px; background: url(images/template/player_sprite.gif) -40px 0 no-repeat; width:20px; height:21px; cursor: pointer; }

	#player_stop.jqjp_hover { background: url(images/template/player_sprite.gif) -40px -20px no-repeat; }


#player_progress { position: absolute; left:127px; top:5px; background-color: #eee; width:150px; height:12px; }

	#player_progress_load_bar { background:#aaa; width:0px; height:12px; cursor: pointer; }
	
	#player_progress_load_bar.jqjp_buffer { background:#fff top left repeat-x; }
	
	#player_progress_play_bar { background:#fff top left repeat-x ; width:0px; height:12px; }

		#play_time, #total_time { position: absolute; top:3px; width:30px; font-weight:bold; color:#fff; }
		
		#play_time { left:93px;  }
		
		#total_time {  left:283px;  }


#player_volume_min { position: absolute; left:326px; top:0; background: url(images/template/player_sprite.gif) -175px 0 no-repeat; width:14px; height:21px; cursor: pointer; }

	#player_volume_min.jqjp_hover { background: url(images/template/player_sprite.gif) -175px -20px no-repeat; }

#player_volume_max { position: absolute; left:398px; top:0; background: url(images/template/player_sprite.gif) -212px 0 no-repeat; width:18px; height:21px; cursor: pointer; }

	#player_volume_max.jqjp_hover { background:url(images/template/player_sprite.gif) -212px -20px no-repeat; }

#player_volume_bar { position: absolute; left:346px; top:8px; background-color:#aaa; width:46px; height:5px; cursor: pointer; }

	#player_volume_bar_value { background-color:#fff; width:0px; height:5px; }



/* playlist */
#playlist_list ul{ list-style-type:none; padding:0px; margin:0 0 10px 0; padding-top:3px;  border-top:none; width:418px; font-size:.9em; }

#playlist_list li{ padding:2px 12px; border-bottom:1px solid #222; cursor: pointer; }

#playlist_list li.playlist_current { color:#700; list-style-type:none; list-style-position:inside; padding-left:12px; cursor: default; font-weight:bold; }

#playlist_list li.playlist_hover { color:#700; }

.miaow { font-size:.8em; color:#999; }

.miaow a:link, .miaow a:visited, .miaow a:hover, .miaow a:focus, .miaow a:active { color:#361f29; }