@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		idj_main.css
	Date:			Mar 30, 2009
	-------------------------------------------------------------	*/
	
	@import url(idj_aid.css);
	@import url(idj_artistFixes.css);

	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	* {
		margin:0; padding:0;
	}*/
	li {
  margin-left: 20px;
}
/* or by class name */
.mylist li {
  padding-left: 20px;
}
	body {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#bebebe;
		background:#000;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	color Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a:link, a:active, a:visited {
		color:#1882df;
		text-decoration:none;
	}
		a:hover {
			color:#ffc100;
		}
	h3 {
		color:#fff;
	}
	h3 a:link, h3 a:active, h3 a:visited {
		color:#fff;
	}
		h3 a:hover {
			color:#ffc100;
		}	
	h4 {
		color:#fff;
	}
	h4 a:link, h4 a:active, h4 a:visited {
		color:#fff;
	}
		h4 a:hover {
			color:#ffc100;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	#labelHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#labelHolder {
		width:100%;
		margin:0 auto; padding:20px 0 19px 0;
		background:#202529;
	}
		#labelHolder ul {
			width:704px;
			margin:0 auto;
		}
			#labelHolder ul li {
				height:61px;
				margin:0 20px 0 0;
				float:left;
				display:inline;
			}
/*added by Butch			#labelHolder ul li.island {
				width:49px;
			}
				#labelHolder li.island a:link, #labelHolder li.island a:active, #labelHolder li.island a:visited {
					width:49px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -152px -20px no-repeat;
				}
					#labelHolder li.island a:hover {
						background-position: -152px -120px;
					}
			#labelHolder ul li.defJam {
				width:77px;
			}
				#labelHolder li.defJam a:link, #labelHolder li.defJam a:active, #labelHolder li.defJam a:visited {
					width:77px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -221px -20px no-repeat;
				}
					#labelHolder li.defJam a:hover {
						background-position: -221px -120px;
					}
			#labelHolder ul li.dscott {
				width:132px;
			}
				#labelHolder li.dscott a:link, #labelHolder li.dscott a:active, #labelHolder li.dscott a:visited {
					width:132px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -316px -20px no-repeat;
				}
					#labelHolder li.dscott a:hover {
						background-position: -316px -120px;
					}
			#labelHolder ul li.rocafella {
				width:77px;
			}
				#labelHolder li.rocafella a:link, #labelHolder li.rocafella a:active, #labelHolder li.rocafella a:visited {
					width:77px; height:68px;
					display:block;
					background:url(../../images/label_sprites.png) -456px -20px no-repeat;
				}
					#labelHolder li.rocafella a:hover {
						background-position: -456px -120px;
					}
			#labelHolder ul li.akey {
				width:84px;
			}
				#labelHolder li.akey a:link, #labelHolder li.akey a:active, #labelHolder li.akey a:visited {
					width:84px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -541px -20px no-repeat;
				}
					#labelHolder li.akey a:hover {
						background-position: -541px -120px;
					}
			#labelHolder ul li.island50 {
				width:68px;
			}
				#labelHolder li.island50 a:link, #labelHolder li.island50 a:active, #labelHolder li.island50 a:visited {
					width:68px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -645px -20px no-repeat;
				}
					#labelHolder li.island50 a:hover {
						background-position: -645px -120px;
					}
			#labelHolder ul li.defJam25 {
				width:78px;
			}
				#labelHolder li.defJam25 a:link, #labelHolder li.defJam25 a:active, #labelHolder li.defJam25 a:visited {
					width:78px; height:61px;
					display:block;
					background:url(../../images/label_sprites.png) -734px -20px no-repeat;
				}
					#labelHolder li.defJam25 a:hover {
						background-position: -734px -120px;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#breadcrumbs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#breadcrumbs {
		height:19px;
		background:#202529;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		line-height:12px;
		color:#575757;
		border-bottom:1px solid #363e44;
	}
		#breadcrumbs .trail {
			margin:0 auto; padding:3px 0 0 0;
			width:960px;
		}
			#breadcrumbs .trail a:link, #breadcrumbs .trail a:active, #breadcrumbs .trail a:visited {
				color:#c2d5e6;
			}
				#breadcrumbs .trail a:hover {
					color:#ffc100;/*	Top center site link color	*/
				}
			#breadcrumbs .trail a.current:link, #breadcrumbs .trail a.current:active, #breadcrumbs .trail a.current:visited {
				color:#1882df;
			}
				#breadcrumbs .trail a.current:hover {
					color:#ffc100;
				}

	
/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#headerHolder {
		background:#000 url(../../images/header_bg.jpg) 0 20px repeat-x;
	}
	#header {
		width:960px; height:118px;
		margin:0 auto;
	}
	#headerBR {
		height:1px;
		overflow:hidden;
		background:url(../../images/header_border.png) top center no-repeat;
	}
		
	/*	#brandSelector Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#brandSelector {
			height:17px;
			margin:0 0 15px 0;
			font:normal 9px Verdana, Arial, Helvetica, sans-serif;
			line-height:10px;
		}
		#selectLabel {
			width:107px;
			float:left;
			padding:0 0 0 7px;
		}
			#selectLabel a:link, #selectLabel a:active, #selectLabel a:visited {
				width:107px; height:17px;
				display:block;
				background:url(../../images/btn_chooseLabel.png) 0 0 no-repeat;
			}
				#selectLabel a:hover {
					background-position: 0 -17px;
				}
		#selectSearchMode {
			float:right;
			padding:0px 0 0 25px;
			background:url(../../images/label_advanceSearch.gif) 0 7px no-repeat;
		}
			#selectSearchMode ul {
				list-style:none;
			}
				#selectSearchMode ul li {
					padding:0 9px 0 0;
					float:left;
				}
		/*	#selectSearchMode a:link {
				color:#1882df;
			}
				#selectSearchMode a:active {
					color:#ffc100;
				} */
		.filter_mode {
       color: #ffc100 !important;
               }
	
	/*	#navSpace Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#navSpace {
			
		}
		
		#navSpace a.idjLogo:hover {
					background-position:0 -53px;
				}

		#navSpace a.idjLogo62:hover {

					background-position:0 -53px;
				}

		#navSpace a.DesignCentralLogo:link, #navSpace a.DesignCentralLogo:active, #navSpace a.DesignCentralLogo:visited {
				margin:0 0px 0 0;
				width:170px; height:79px;
				display:block;
				float:left;
				background:url(../../images/DesignCentral_Logo.png) 0 0 no-repeat;
			}
				
		#navSpace a.DesignCentralLogo:hover {
					background-position:0 -79px;
				}

		#navSpace a.idjLogo77:hover {
					background-position:0 -53px;
				}
				
		#navSpace a.idjLogo75:hover {


					background-position:0 -53px;
				}
				
		#navSpace a.idjLogo83:hover {
					background-position:0 -53px;
				}
				
		#navSpace a.idjLogo88:link, #navSpace a.idjLogo88:active, #navSpace a.idjLogo88:visited {
				margin:0 50px 0 0;
				width:114px; height:53px;
				display:block;
				float:left;
				background:url(../../images/tag_logo.png) 0 0 no-repeat;
				}
				
		#navSpace a.idjLogo88:hover {
					background-position:0 -53px;
				}
				
		#nav {
				float:left;
				}
			
		#mainSearch {
				width:208px;
				margin:5px 0 8px 562px; padding:0 0 0 20px;
				background: url(../../images/mainsearch_bg.png) 0 0 no-repeat;
				}
				
		#mainSearch input.textBox {
					width:145px;
					border:0; padding:3px 6px 3px 0;
					background:transparent;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#000;
					display:block;
					float:left;
				}
				
		#mainSearch input.btn {
					width:52px; height:19px;
					display:block;
					float:left;
				}
				
		#nav ul {
				list-style:none;
				width:795px; height:29px;
				display:block;
				}
			
		#nav ul li {
					float:left;
					height:29px;
					padding:0 0 0 10px;
				}
				
		#nav ul li.home {
					width:55px;
				}
				
		#nav li.home a:link, #nav li.home a:visited {
					width:55px; height:29px;
					display:block;
					background:url(../../images/nav_sprites.png) 0 0 no-repeat;
				}
				
		#nav li.home a:active {
					background-position: 0 -58px;
				}
				
		#nav li.home a:hover {
					background-position: 0 -29px;
				}
				
		#nav ul li.aboutus {
					width:71px;
				}
				
		#nav li.aboutus a:link, #nav li.aboutus a:visited {
					width:71px; height:29px;
					display:block;
					background:url(../../images/nav_sprites.png) -65px 0 no-repeat;
				}
				
		#nav li.aboutus a:active {
					background-position: -65px -58px;
				}
				
		#nav li.aboutus a:hover {
					background-position: -65px -29px;
				}
				
		#nav ul li.services {
					width:80px;
				}
				
		#nav li.services a:link, #nav li.services a:visited {
					width:80px; height:29px;
					display:block;
					background:url(../../images/nav_sprites.png) -147px 0 no-repeat;
				}
				
		#nav li.services a:active {
					background-position: -147px -58px;
				}
				
		#nav li.services a:hover {
					background-position: -147px -29px;
						}
		#nav ul li.photos {
					width:65px;
				}
				
					#nav li.photos a:link, #nav li.photos a:visited {
						width:65px; height:29px;
						display:block;
						background:url(../../images/nav_sprites.png) -238px 0 no-repeat;
					}
						#nav li.photos a:active {
							background-position: -238px -58px;
						}
						#nav li.photos a:hover {
							background-position: -238px -29px;
						}
				
				#nav ul li.videos {
					width:55px;
				}
					#nav li.videos a:link, #nav li.videos a:visited {
						width:55px; height:29px;
						display:block;
						background:url(../../images/nav_sprites.png) -320px 0 no-repeat;
					}
						#nav li.videos a:active {
							background-position: -320px -58px;
						}
						#nav li.videos a:hover {
							background-position: -320px -29px;
						}

				#nav ul li.events {
					width:75px;
				}
					#nav li.events a:link, #nav li.events a:visited {
						width:75px; height:29px;
						display:block;
						background:url(../../images/nav_sprites.png) -390px 0 no-repeat;
					}
						#nav li.events a:active {
							background-position: -390px -58px;
						}
						#nav li.events a:hover {
							background-position: -390px -29px;
						}
				#nav ul li.getSigned {
					width:47px;
				}
					#nav li.getSigned a:link, #nav li.getSigned a:visited {
						width:47px; height:29px;
						display:block;
						background:url(../../images/nav_sprites.png) -489px 0 no-repeat;
					}
						#nav li.getSigned a:active {
							background-position: -489px -58px;
						}
						#nav li.getSigned a:hover {
							background-position: -489px -29px;
						}
						
				#nav ul li.contact {
					width:71px;
				}
					#nav li.contact a:link, #nav li.contact a:visited {
						width:71px; height:29px;
						display:block;
						background:url(../../images/nav_sprites.png) -565px 0 no-repeat;
					}
						#nav li.contact a:active {
							background-position: -565px -58px;
						}
						#nav li.contact a:hover {
							background-position: -565px -29px;
						}


/*	--------------------------------------------------------------------------------------------------------------------------
	ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728x90 {
		width:728px; height:90px;
		margin:0 auto 30px auto;
		border:2px solid #696969;
		background:#fff;
		z-index:100;
	}
	.ad300x250 {
		width:300px; height:250px;
		border:2px solid #696969;
		background:#fff;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.label_explicit Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.label_explicit_87 {
		width:98px; height:16px;
		margin:3px 0;
		background:url(../../images/label_explicit_sm.jpg) 0 0 no-repeat;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		border-top:1px solid #32383d;
		background:url(../../images/footer_bg.jpg) top center repeat-x;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#70808b;
	}
		#footer .info {
			height:100px;
			margin:0 auto; padding:20px 0 0 0;
			text-align:center;
		}
		#footer .info a:link, #footer .info a:active, #footer .info a:visited {
			color:#8eabc1;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			margin:0 20px 0 0 ;
		}
			#footer .info a:hover {
				color:#72b7ea;
			}
		#footer .info a.logo_designcentral:link, #footer .info a.logo_designcentral:active, #footer .info a.logo_designcentral:visited {
			width:109px; height:8px;
			margin:10px auto 0 auto;
			background:url(../../images/btn_designcentral.png) 0 0 no-repeat;
			display:block;
		}
			#footer .info a.logo_designcentral:hover {
				background-position:0 -8px;
			}
		#footer .copyright {
			margin: 8px 0 0 0;
		}
		

/*	--------------------------------------------------------------------------------------------------------------------------
	#mainFeature Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainFeature {
		background:url(../../images/1o1_bg.png) center -220px no-repeat;
		padding:9px 0 20px 0;
	}
#mainFeature .feature {
			width:960px;
			margin:0 auto;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	general slice Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.slices {
		width:960px;
		margin:0 auto;
	}
		.slices .ad728x90 {
			margin:20px auto;
		}
	#mainCol {
		width:630px;
		float:right;
	}
	#sideCol {
		width:304px;
		float:left;
	}
	.socialBar {
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#ccc;
	}
	.stats {
		
	}
		 .stats a:link, .stats a:active, .stats a:visited {
			color:#ccc;
			background:url(../../images/dotted_999999.gif) 0 bottom repeat-x;
		}
			.stats a:hover {
				color:#ffc100;
			}
	img.janRain {
	    margin:6px 0;
	    display:block;
	}
	a.btn_rss:link, a.btn_rss:active, a.btn_rss:visited, a.btn_rss:hover {
		width:30px; height:16px;
		background:url(/images/btn_rss.png) 0 0 no-repeat;
		display:inline-block;
		float:left;
		text-indent:-3000px;
		outline:none;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.slice_1o1 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.slice_1o1 {
		background:url(../../images/1o1_bg.png) center bottom no-repeat;
	}
		.slice_1o1 .headerWrap {
			height:39px;
			background: url(../../images/1o1_baseline.jpg) center -31px no-repeat;
		}
			.slice_1o1 .headerWrap .header {
				width:952px;
				margin:0 auto; padding:0 0 0 8px;
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				line-height:11px;
			}
				.slice_1o1 .headerWrap .header h1 {
					height:25px;
					margin:0 16px 0 0;
					float:left;
				}
				.slice_1o1 .headerWrap .header ul.sortBar {
					list-style:none;
					float:left;
					color:#363e44;
					padding:5px 0 0 0;
				}
					.slice_1o1 .headerWrap .header ul.sortBar li {
						float:left;
					}
					.slice_1o1 .headerWrap .header ul.sortBar a.current {
						color:#bde0ff;
					}
				.slice_1o1 .headerWrap .header .more {
					float:right;
					padding:5px 0 0 0;
				}
		.slice_1o1 .body {
			width:948px;
			margin:0 auto; padding:0 0 0 12px;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.slice_1o3 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.slices .slice_1o3 {
		float:left;
		margin:0 10px 0 0;
	}
.slice_1o3 .header .more {
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				padding:3px 0 0 0;
				float:right;
			}
		.slice_1o3 .body {
			
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	.slice_2o3 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.slices .slice_2o3 {
		
	}
.slice_2o3 .header ul.sortBar {
				padding:3px 0 0 0;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#363e44;
				list-style:none;
				float:left;
			}
				.slice_2o3 .header ul.sortBar li {
					float:left;
				}
				.slice_2o3 .header ul.sortBar a.current {
					color:#bde0ff;
				}
			.slice_2o3 .header .more {
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				padding:3px 0 4px 0;
				float:right;
			}
		.slice_2o3 ul.body {
			list-style:none;
		}
			.slice_2o3 ul.body li {
				
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#search Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#search.slice_1o1.noBackground {
		    background:none;
	    }
		#search.slice_1o1 h1#h1_searchResult {
			width:191px; height:25px;
			background:url(/images/h1_searchResult.png) no-repeat;
		}
		#search.slice_1o1 h1#h1_noResult {
			width:132px; height:25px;
			background:url(../../images/h1_noResult.png) no-repeat;
		}
		#search.slice_1o1 ul.body {
			width:790px;
			margin:0 auto 100px auto; padding:0;
			list-style:none;
		}
			#search.slice_1o1 ul.body li {
				margin:0 0 37px 0;
			}
			#search.slice_1o1 b {
				color:#bde0ff;
			}
			#search.slice_1o1 b.dots {
				color:#bebebe;
			}
			#search.slice_1o1 h3 a:link, #search.slice_1o1 h3 a:active, #search.slice_1o1 h3 a:visited {
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#search.slice_1o1 h3 a:hover {
					color:#ffc100;
				}
			#search.slice_1o1 p {
				width:790px;
				margin:7px 0 0 0;
				
			}
			#search.slice_1o1 .pager {
				padding:30px 0 0 0;
				clear:both;
			}
				#search.slice_1o1 .pager ul {
					margin:0 32px 0 0;
					list-style:none;
					float:left;
				}
				#search.slice_1o1 .pager ul li {
					color:#363e44;
					float:left;
				}
					#search.slice_1o1 .pager ul li a:link, #search.slice_1o1 .pager ul li a:active, #search.slice_1o1 .pager ul li a:visited {
						padding:0 2px;
						font:normal 11px Verdana, Arial, Helvetica, sans-serif;
						color: #1882df;
					}
						#search.slice_1o1 .pager ul li a:hover {
							color: #ffc100;
						}
						#search.slice_1o1 .pager ul li a.current {
							color: #ffc100;
						}
				#search.slice_1o1 .pager .count {
					font:normal 11px Verdana, Arial, Helvetica, sans-serif;
					color:#999;
					float:left;
				}
							
/*	--------------------------------------------------------------------------------------------------------------------------
	button Styles : 61w :: 61x15
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a.btn61w:link, a.btn61w:active, a.btn61w:visited {
		width:61px; height:15px;
		display:block;
	}
		a.btn61w:hover {
			background-position: 0 -15px !important;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	button Styles : 68w :: 68x19
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a.btn68w:link, a.btn68w:active, a.btn68w:visited {
		width:68px; height:19px;
		display:block;
	}
		a.btn68w:hover {
			background-position: 0 -19px !important;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	button Styles : 84w :: 84x19
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a.btn84w:link, a.btn84w:active, a.btn84w:visited {
		width:84px; height:19px;
		display:block;
	}
		a.btn84w:hover {
			background-position: 0 -19px !important;
		}