@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
	background:url(images/layout/bg-main.jpg) top repeat-x #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
}
#content-h2 a, #header-h2 a, #footer-h2 a {
	color:#0099CC;
}
#content-h2 a:hover, #header-h2 a:hover, #footer-h2 a:hover {
	text-decoration:none;
}
a img{border:none;}

#banner-h2 {
	margin-bottom:0px;
}
#wrap-h2 {
	text-align:center;
	margin:0 auto;
	width:953px;
	position:relative;
}
#header-h2 {
	width:947px;
	height:90px;
	text-align:left;
	padding:0 3px 0 3px;
	background:url(images/layout/top-h2.gif) top no-repeat;
	position:relative;

}
	#logo-h2 {
	display:block;
	float:left;
	background:url(images/nav/dopetracks.gif) no-repeat;
	height:62px; width:132px;
	margin:17px 0 0 35px;
	}
		
	ul#nav-h2 {
		position:relative;
		padding:0;
		left:39px;
	}	
	ul#nav-h2 li {
		list-style-type:none;
		position:relative;
		float:left;
		display:block;
		height:46px;
		margin:8px 0 0 0;
		clear:none;
		padding:0;
		border-left:1px dotted #CCCCCC;
		border-bottom:1px dotted #CCCCCC;
	}
	ul#nav-h2 li div {
		height:50px;
	}
	ul#nav-h2 li:hover {
	
	}
	ul#nav-h2 li:hover div {
	
	}	
	ul#nav-h2 li:hover {
		background:none;
	}
	ul#nav-h2 li.music {
		width:124px;
	}
		ul#nav-h2 li.music div.music {
			position:relative;
			width:124px;
			display:block;
			background:url(images/nav/music.gif) 50% 50% no-repeat;
		}
		ul#nav-h2 li:hover.music div.music {
			background:url(images/nav/music.gif) 50% 50% no-repeat;
		}
		
	ul#nav-h2 li.studio {
		width:124px;
	}
		ul#nav-h2 li.studio div.studio {
			position:relative;
			width:124px;
			display:block;
			background:url(images/nav/studio.gif) 50% 50% no-repeat;
		}
		ul#nav-h2 li:hover.studio div.studio {
			background:url(images/nav/studio.gif) 50% 50% no-repeat;
		}
		
	ul#nav-h2 li.community {
		width:176px;
	}
		ul#nav-h2 li.community div.community {
			position:relative;
			width:176px;
			display:block;
			background:url(images/nav/community.gif) 50% 50% no-repeat;
		}
		ul#nav-h2 li:hover.community div.community {
			background:url(images/nav/community.gif) 50% 50% no-repeat;
		}
		
	ul#nav-h2 li.mixtape {
		width:136px;
	}
		ul#nav-h2 li.mixtape div.mixtape {
			position:relative;
			width:136px;
			display:block;
			background:url(images/nav/mixtape.gif) 50% 50% no-repeat;
		}
		ul#nav-h2 li:hover.mixtape div.mixtape {
			background:url(images/nav/mixtape.gif) 50% 50% no-repeat;
		}
		
	ul#nav-h2 li.myStuff {
		width:160px;
	}
		ul#nav-h2 li.myStuff div.myStuff {
			position:relative;
			width:160px;
			display:block;
			background:url(images/nav/myStuff.gif) 50% 50% no-repeat;
		}
		ul#nav-h2 li:hover.myStuff div.myStuff {
			background:url(images/nav/myStuff-o.gif) 50% 50% no-repeat;
		}
	ul#nav-h2 li ul {
		display:none;
		padding:0; margin:0;
		background-color:#fff;
	}
	ul#nav-h2 li.music ul {
		width:124px;
	}
	ul#nav-h2 li.studio ul {
		width:124px;
	}
	ul#nav-h2 li.community ul {
		width:176px;
	}
	ul#nav-h2 li.mixtape ul {
		width:136px;
	}
	ul#nav-h2 li.myStuff ul {
		width:160px;
	}
	ul#nav-h2 li:hover {
		/*background:url(images/nav/bg.gif) top repeat-x;*/
		z-index:1000;
	}
	ul#nav-h2 li:hover ul {
		display:block;
		position:absolute;
		top:40px; left:0;
		padding-bottom:0px;
		border-bottom:3px solid #666;
	}
	ul#nav-h2 li:hover img {
		margin:0; padding:0;
	}
	ul#nav-h2 li:hover ul li {
		height:22px;
		font-size:18px;
		margin:0;
		display:block;
		float:none;
		/*border-top:1px solid #999;*/
		
	}
	ul#nav-h2 li:hover ul li a {
		width:auto;
		margin:0;
		padding:3px 5px 5px 15px;
		display:block;
		float:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		text-decoration:none;
	}
	ul#nav-h2 li:hover ul li:hover {
		background:url(images/nav/libg.gif) repeat-x top;
	}
	ul#nav-h2 li:hover ul li:hover a {
		color:#FFFFFF;
	}
#content-h2 {
	text-align:left;
	width:947px;
	padding:0 3px 0 3px;
	background:url(images/layout/middle-h2.gif) top repeat-y #ffffff;
}

	#header-h2 .system {
		width:500px;
		padding:6px 15px 5px 12px;
		text-align:left;
		font-size:11px;
		color:#999;
		margin:2px 0 0 40px;
		position:absolute;
		top:58px; left:169px;
		
	}
	
	#header-h2 .system ul.mystuff {
		margin:0;
		padding:0;
		position:relative;
	}
	#header-h2 .system ul.mystuff li {
		height:15px;
		display:block;
		float:left;
		margin-right:10px;
		position:relative;
	}
	#header-h2 .system ul.mystuff li:hover {
		z-index:1000;
	}	
	#header-h2 .system ul.mystuff li div {
		display:none;
	}
	#header-h2 .system ul.mystuff li:hover div {
		display:block;
	}
	#header-h2 .system ul.mystuff li ul li {
		display:block;
		list-style-type:none;
		padding:3px 5px 2px 18px;
		font-size:11px;
		float:none;
		clear:both;
	}	
	#header-h2 .system ul.mystuff li ul  {
		display:block;
		width:150px;
		position:absolute;
		z-index:1000;
		border:1px solid #999;
		background:#fff;
		border-top:none;
		margin:0;
		padding:10px 0 0 0;
		float:none;
		clear:both;
	}

	#header-h2 .system ul.mystuff li a.pulldown {
		padding-left:18px;
		background:url(images/nav/mystuffarrow-w.gif) 8% 100% no-repeat;
		border-left:1px solid #fff; 
	}
	#header-h2 .system ul.mystuff li:hover a.pulldown {
		padding-left:18px;
		background:url(images/nav/mystuffarrow-w.gif) 8% 100% no-repeat;
		border-left:1px solid #999; 
	}
	#header-h2 .system ul.mystuff li.pulldown:hover {
		background-color:#FFFFFF;
	}
	
	
	
	
	#content-h2 .footerNav {
		width:auto;
		margin:15px 0 0 0 ;
		border-top:1px solid #ccc;
		padding:10px 15px 5px 15px;
		text-align:center;
		font-size:11px;
		color:#666;
		margin-left:1px;
		
	}
	#content-h2 .system td.right {
		text-align:right;
	}  
	#content-h2 .col-A {
		float:left;
		margin:1px 0 0 5px;
		width:200px;
		background:#fff;
		border-right:1px solid #CCCCCC;
	}
	#content-h2 .col-B {
		margin:1px 0;
		float:left;
		width:425px;
		background: #ffffff;
	}
	#content-h2 .col-Bb {
		margin:1px 0;
		float:left;
		width:625px;
		background: #ffffff;
	}
	#content-h2 .col-C {
		margin:1px 0;
		float:left;
		width:310px;
		background: #fff;
		border-left:1px solid #CCCCCC;
	}
	
	#content-h2 h2 {
		position:relative;
		margin:0; padding:20px 10px 5px 10px;
		background:#fff;
		color:#333;
		font-size:22px;
		letter-spacing:-1px;
		font-weight:normal;
	}
	#content-h2 h3.mystuff {
		color:#666666;
		background-color:#e0e0e0 !important;
	}
	
	#content-h2 h2 a, #content-h2 h3 a {
	}
	#content-h2 h2 a, #content-h2 h3 em {
		text-decoration:none; font-style:normal; font-weight:normal; font-size:10px;
	}
	
	#content-h2 h2 span, #content-h2 h3 span {
		position:absolute;
		top:2px; right:0;
		padding:2px 3px 0 0;
		font-size:10px;
		color:#666666;
		letter-spacing:0px;
		font-weight:normal;
	}
	#content-h2 h2 em {
		position:absolute;
		top:0; left:0;
		padding:10px;
		font-size:9px;
		line-height:17px;
		letter-spacing:1px;
		font-style:normal;
	}
	
	#content-h2 h3 {
		position:relative;
		margin:0; padding:6px 10px 4px 10px;
		background:#e0e0e0;
		color:#333;
		font-size:13px;
		font-weight:bold;
		border-top:1px solid #ccc;
	}
	
	#content-h2 .col-B h3 {
		font-size:18px;
		font-weight:normal;
	}
	
	
	#content-h2 p {
		position:relative;
		margin:0; padding:10px 15px 10px 10px;
		color:#666;
		font-size:11px;
		line-height:14px;
		font-weight:normal;
	}
	#content-h2 p.what {
		margin:0; padding:10px 15px 10px 10px;
		font-size:9px;
		line-height:14px;
		border-top:1px solid #ccc;
		letter-spacing:1px;
	}
	#content-h2 p.what a {
		font-size:15px;
		line-height:16px;
		letter-spacing:0px;
	}
	#content-h2 p.what img{
		float:left;
		margin:0 10px 10px 0;
		padding:2px;
		border:1px solid #ccc;
		width:60px;
	}
	#content-h2 p.what span,
	#content-h2 p.what span a{
		font-size:11px;
		line-height:14px;
		letter-spacing:0px;
	}
	#content-h2 ul.news, #content-h2 ul.stats {
		position:relative;
		margin:0 0 0 0; padding:0;
		color:#666;
		font-size:11px;
		line-height:14px;
		font-weight:normal;	
		list-style-type:none;
	}
	#content-h2 ul.news li {
	padding:3px 10px 4px 10px;
	margin:0;
	
		border-top:1px solid #efefef;
	}
	#content-h2 ul.stats li {
	padding:3px 10px 2px 10px;
	margin:0;
	
	}
	#content-h2 ul.news li:hover {
	background-color:#FFFFCC !important;
	}
	#content-h2 ul.stats li:hover {
	}
	
	#content-h2 ul.news li.message {
		padding-left:30px;
		background:url(images/dash/icn-message.gif) 4% 2% no-repeat;
	}
	#content-h2 ul.news li.comment {
		padding-left:30px;
		background:url(images/dash/icn-comment.gif) 4% 2% no-repeat;
	}
	#content-h2 ul.news li.gift {
		padding-left:30px;
		background:url(images/dash/icn-gift.gif) 4% 2% no-repeat;
	}
	#content-h2 ul.news li.track {
		padding-left:30px;
		background:url(images/dash/icn-track.gif) 4% 2% no-repeat;
	}
	#content-h2 ul.news li.beat {
		padding-left:30px;
		background:url(images/dash/icn-beat.gif) 4% 2% no-repeat;
	}
	#content-h2 ul.news li.favorite {
		padding-left:30px;
		background:url(images/dash/icn-favorite.gif) 4% 2% no-repeat;
	}
	
	
	
		
#bottom-h2 {
	text-align:left;
	width:947px;
	padding:0 3px 0 3px;
	background:url(images/layout/bottom-h2.gif) bottom no-repeat;
	height:30px;
}