/* ==================== */
/* = LAYOUT STRUCTURE = */
/* ==================== */

div.homepage {
	background:url(/images/portal/bkgs/home-logo.gif) top left no-repeat;
}


div.homepage div.header {
	height:431px;
}

div.homepage div.header div.login {
	right:75px;
	text-align:left;
	top:328px;
	width:170px;
	position:absolute;
	padding:0 0 0 40px;
	background:url(/images/portal/bkgs/member_bkg.gif) top left no-repeat;
}

div.homepage div.header div.merch {
	right:75px;
	text-align:left;
	top:265px;
	width:170px;
	position:absolute;
	padding:0 0 0 53px;
	background:url(/images/portal/bkgs/merch_bkg.gif) top left no-repeat;
	font-weight:bold;	
	font-size:12px;
	height: 56px;
}

div.homepage div.header div.merch a {
	display: block;
	font-size: 13px;
}

div.homepage div.header div.flash {
	height:150px;
	left:70px;
	position:absolute;
	text-align:left;
	top:227px;
	width:250px;
}

div.homepage div.header h1 {
	position:absolute;
	top:30px;
	left:416px;
	width:230px;
	height:70px;
}


div.homepage div.header h1 a {
	overflow:hidden;
	text-indent:-1000em;
	display:block;
	height:70px;
	width:230px;
}

div.homepage div.header div.nav {
	position:absolute;
	top:389px;
	left:48px;
	height:42px;
	width:947px;
	background:url(/images/portal/bkgs/nav_bkg.gif) -12px 0 no-repeat;	
}

div.homepage div.nav li.artists a {
	padding-left:6px;
}

div.homepage div.searchlinks {
	right:8px;
	width:290px;
}

div.homepage div.searchlinks input.searchtext {
	left:56px;
}

div.homepage a.more {
	display:block;
	clear:both;
	padding:10px 30px 10px 0;
	margin:0;
	font-weight:bold;
	text-align:right;
}

div.homepage div.tagcloud a.more {
	padding-right:0;
}

/* ================ */
/* = NEW RELEASES = */
/* ================ */

div.newreleases {
	margin:0 0 0 10px;
	text-align:left;
}

div.newreleases h2 {
	background:url(/images/portal/bkgs/newreleasesbkg.gif) top left no-repeat;
	height:auto;
	margin:0 0 0 40px;
	padding:50px 0 30px 10px;
}

div.newreleases div.bottom {
	margin:0 0 0 50px;
}
div.newreleases div.product {
	width:220px;
	float:left;
	margin:0 10px 0 0;
	height:243px;
	background:url(/images/portal/bkgs/videoentry_bkg.gif) top left no-repeat;
}

div.newreleases div.image {
	float:left;
	width:100px;
	margin:14px 0 0 0;
	margin:14px 0 0 14px;
	height:100px;
	overflow:hidden;
}

div.newreleases div.btns {
	float:right;
	width:80px;
	margin:24px 0 0 0;
}

div.newreleases div.btns div.play a {
	display:block;
	background:url(/images/portal/bkgs/playbtn.gif) top left no-repeat;
	overflow:hidden;
	text-indent:-1000em;
	height:29px;
	width:60px;
	margin:0 0 13px 0;
}


div.newreleases div.text {
	padding:5px 0 0 14px;
	clear:both;
}


div.newreleases div.text h4 a, div.newsitem div.text h4 a, div.r1c0 div.media div.text h4 a {
	font-weight:bold;
	font-size:12px;

}

div.newsitem div.text div.content {
/*	position:relative;*/
}
div.newsitem div.permabar {
	width:500px;
}

div.newreleases div.text h5 a, div.r1c0 div.media div.text h5 a {
	color:#c2b594;	
}

/* ============ */
/* = JOIN ROW = */
/* ============ */

div.joinwrap {
	height:153px;
	position:relative;
	width:994px;	
}

div.joinwrap div.adtest {
	background:url(/images/portal/bkgs/home_join_ad.gif) top left no-repeat;
	width:770px;
	height:143px;
	position:absolute;
	right:0;
	top:10px;
	margin:0;
}

div.join {
	width:221px;
	background:url(/images/portal/bkgs/home_join.gif) 0 0 no-repeat;
	height:102px;
	position:absolute;
	top:20px;
	left:0;
}

div.join h2 {
	position:absolute;
	left:30px;
	top:48px;
	color:#C2B594;
	font-size:16px;
	font-weight:bold;
	text-transform:lowercase;
}

div.join p {
	position:absolute;
	right:13px;
	top:37px;
	line-height:12px;
	text-align:left;
	width:50px;
}

/* ================ */
/* = NEWS SECTION = */
/* ================ */
div.r1 div.c0 {
	width:650px;
	float:left;
	text-align:left;
	margin:0;
}

div.r1 div.c0 div.news {
	background:url(/images/portal/bkgs/bad_varnish.jpg) -436px -74px repeat;
	width:650px;
}

div.r1 div.c0 div.news h2 {
	background:url(/images/portal/bkgs/news_top.gif) bottom left no-repeat;
	height:110px;	
	padding:0 0 0 10px;
}

div.r1 div.c0 div.press h2 {
	background:url(/images/portal/bkgs/home_press_top.gif) bottom left no-repeat;	
}

div.r1 div.c0 div.press h2 span {
	padding:30px 0 0 35px;
}

div.r1 div.c0 div.news div.mid, div.r1 div.c1 div.events div.mid {
	margin-top:-32px;
	position:relative;
	padding:0 0 10px 0;
}


div.r1 div.c0 div.newsitem {
	padding:0 0 30px 0;
	width:625px;
	margin:0 0 0 20px;
}

div.r1 div.c0 div.newsitem div.image {
	float:left;
	width:100px;
	margin:0 10px 0 0;
	display:inline;
	overflow:hidden;
	height:100px;
}

div.r1 div.c0 div.newsitem div.text {
	width:500px;
	font-size:11px;
	line-height:15px;
	float:left;
}

div.r1 div.c0 div.newsitem div.text h4 {
	font-size:12px;
	margin:0 0 10px 0;
}

div.newsitem div.text span.date {
	display:block;
	margin:0 0 10px 0;	
}

div.newsitem div.text div.links {
	margin:5px 0 0 0;
}

div.newsitem div.text span.date strong {
	font-weight:bold;
}

div.newsitem div.text span.date span.views, div.newsitem div.text span.date span.pubdate {
	border-right:1px solid;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
}



/* ========== */
/* = VIDEOS = */
/* ========== */

div.r1c0 {
	width:308px;
	float:left;	
}

div.r1c0 div.media h2 {
	background:url(/images/portal/bkgs/video_top.gif) top left no-repeat;
	height:98px;
}

div.r1c0 div.media {
	background-position:0px -100px;
	padding:0 0 10px 0;
	width:308px;
}

div.r1 div.c0 div.media h2 span {
	padding-top:40px;
}

div.r1c0 div.product {
	background:url(/images/portal/bkgs/videoimage_bkg.gif) top left no-repeat;	
	margin:0 0 25px 0;
	clear:both;
	width:308px;
}
div.r1c0 div.media div.image {
	width:100px;
	height:100px;
	margin:0;
	padding:15px 0 0 12px;
	overflow:hidden;
	float:left;	
}


div.r1c0 div.media div.text {
	width:145px;
	float:right;
	display:inline;
	margin:10px 5px 0 0;
}

div.r1c0 div.media div.text h4, div.r1c1 div.photos div.text h4, div.newreleases div.text h5 {
	font-size:12px;
}

div.media span.date {
	font-size:11px;
	margin:10px 0;
	display:block;
}

div.media span.date span.views {
	display:block;
}
div.media div.btns {
	width:150px;
	padding:3px 0 0 0;
}

div.media div.btns div.play {
	float:left;
	width:60px;
	height:37px;
	padding:0 5px 0 0;
	margin:-3px 0 0 0;
}

div.media div.btns div.play a {
	display:block;
	width:60px;
	height:37px;
	overflow:hidden;
	text-indent:-1000em;
	background:url(/images/portal/bkgs/playbtn.gif) top left no-repeat;
	margin:5px 0 0 0;
}

div.media div.btns div.blm {
	display:inline;
}

/* ==================== */
/* = FEEDBACK SECTION = */
/* ==================== */
div.r1c0 div.feedback {
	background:url(/images/portal/bkgs/feedback.gif) top left no-repeat;
	width:308px;
	height:75px;	
	margin:12px 0 0 0;
}

div.r1c0 div.feedback a {
	padding:35px 0 0 160px;
	display:block;
}

/* ========== */
/* = PHOTOS = */
/* ========== */
div.r1c1 {
	width:308px;
	float:right;
}
div.r1c1 div.photos {
	background-position:-37px -540px;
	padding:0 0 10px 0;
	margin:20px 0 0 0;
}

div.photos div.row {
	margin:0 0 30px 20px;
	width:265px;
	clear:both;
}

div.photos div.image {
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
}

div.photos div.text{ 
	float:right;
	width:130px;
}

div.photos div.text h4 {
	font-weight:bold;
}

div.photos div.text div.permabar {
	margin:10px 0 0 0;
	width:130px;
}

div.photos div.text div.links a {
	display:block;
	line-height:12px;
	font-size:11px;
}

div.photos div.text span.date {
	font-size:11px;
	margin:10px 0;
}

div.photos div.text span.date span.views {
	display:block;
}
div.r1c1 div.photos h2 {
	background:url(/images/portal/bkgs/pics_top.gif) top left no-repeat;
	height:98px;	
}

div.r1c1 div.photos h2 span, div.r1c1 div.tagcloud h2 span {
	margin-left:10px;
}

div.r1c1 div.tagcloud h2 {
	background:url(/images/portal/bkgs/community_top.gif) top left no-repeat;	
	height:85px;
}

div.r1c1 div.tagcloud {
	padding:0 0 10px 0;
	width:308px;
	margin:15px 0 0 0;
}

div.r1c1 div.tagcloud div.mid {
	margin:0 20px;
	width:250px;
}

div.tagcloud a {
	display:inline;
	margin:0 5px 0 0;
}

div.r1 div.c1 {
	width:310px;
	float:left;
	margin:30px 0 0 30px;
}


div.r1 div.c1 div.events h2 {
	background:url(/images/portal/bkgs/events_top.gif) top left no-repeat;
	height:75px;
}

div.r1 div.c1 div.events div.mid {
	margin-top:-30px;
}

div.events dt {
	display:block;
	text-transform:uppercase;
	margin:5px 0 5px 20px;
}

div.events dt a {
	font-weight:bold;
}

div.events dt strong a {
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 0 10px;
}

div.events dd {
	background:url(/images/portal/bkgs/event_bullet.gif) left center no-repeat;
	margin:0 0 20px 20px;
	padding:0 0 0 30px;
}

div.ad300 {
	/*background:url(/images/portal/bkgs/bad_varnish.jpg) top left repeat;*/
	margin: 20px 0;
	padding:0;
}

div.r1 div.c1 div.releases h2 {
	background:url(/images/portal/bkgs/homereleases_top.gif) top left no-repeat;
	padding:20px 0;
}

div.r1 div.c1 div.releases div.content {
	margin:0 0 0 25px;
}

div.r1 div.c1 div.releases div.image {
	float:left;
	width:100px;
	height:100px;
	display:inline;
	margin:0 10px 0 0;
	overflow:hidden;
}

div.r1 div.c1 div.releases div.text {
	float:left;
	width:160px;
}

div.r1 div.c1 div.releases div.product div.text div.blm {
	margin:0 0 25px 0;
}

div.r1 div.c1 div.releases div.product div.text h4 {
	font-weight:bold;
}
div.r1 div.c1 div.releases div.product div.clear {
	position:relative;
	height:14px;
	margin:0;
	padding:0 0 10px 0;
}

div.r1 div.c1 div.releases div.product div.clear span.date {
	position:absolute;
	left:0;
	top:0;
}

div.r1 div.c1 div.releases div.product div.clear span.comments {
	position:absolute;
	left:60px;
	top:0;
}


div.r1 div.c1 div.recentmembers {
	background-position:-73px 98px;
}
div.r1 div.c1 div.recentmembers h2 {
	background:url(/images/portal/bkgs/communitymembers_top.gif) top left no-repeat;
	height:121px;	
}


div.r1 div.c1 div.recentmembers div.membersummary p {
	margin:0 0 0 16px;
}

div.r1 div.c1 div.recentmembers div.image {
	margin:15px 15px 0 16px;
	float:left;
	width:70px;
	height:140px;
	overflow:hidden;
	display:inline;
}

div.r1 div.c1 div.recentmembers div.image span.userimage {
	width:68px;
	height:68px;
	display:block;
	padding:0;
	overflow:hidden;
	background:url(/images/portal/bkgs/user_bkg.gif) top left no-repeat;
}

div.r1 div.c1 div.recentmembers div.image span.userimage a {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	margin:10px 0 0 10px;
}

div.r1 div.c1 div.recentmembers div.image span.user {
	display:block;
	margin:5px 0 0 0;
}

div.r1 div.c1 div.recentmembers h2 span {
	padding-top:64px;
}

/* ================== */
/* = MOBILE SECTION = */
/* ================== */

div.r1 div.c1 div.top10 h2 {
	background:url(/images/portal/bkgs/inner_mobile_sidebar.gif) top left no-repeat;	
	height:65px;		
}

div.r1 div.c1 div.top10 h2 span {
	padding-top:30px;
}
div.r1 div.c1 div.top10 div.content {
	margin:0 5px 0 25px;
}

div.r1 div.c1 div.top10 table td {
	vertical-align:top;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:18px;
}

div.r1 div.c1 div.top10 table td.title {
	padding-right:10px;
}
div.r1 div.c1 div.top10 table td.title h3 {
	font-weight:bold;
}

div.r1 div.c1 div.top10 div.mobile {
	position:relative;
	width:80px;
	height:25px;
}

div.top10 div.mobile a.listen {
	display:block;
	background:url(/images/portal/bkgs/mobile_listen.gif) 0 4px no-repeat;
	overflow:hidden;
	text-indent:-1000em;
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:23px;
}

div.top10 div.mobile a.shop {
	background:url(/images/portal/bkgs/mobile_buybtn.gif) top left no-repeat;	
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	position:absolute;
	top:4px;
	right:0;
	width:54px;
	height:23px;
}

/* ================= */
/* = PAGE COPY = */
/* ================ */
div.r1 div.c1 div.pagecopy {
	background:url(/images/portal/bkgs/home_pagecopy.gif) top left no-repeat;	
	height:65px;		
	padding-top:70px;

}


div.r1 div.c1 div.pagecopy div.content {
	margin:0 10px 0 25px;
	padding-bottom:25px;
}


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

div.r1 div.c0 div.news h2, div.newreleases h2, div.r1 div.c1 div.events h2, div.r1 div.c1 div.recentmembers h2, div.r1c0 div.media h2, div.r1c1 div.photos h2, div.r1c1 div.tagcloud h2 {
	text-align:left;
	font-weight:bold;
	color:#c2b594;	
	font-size:16px;
	
}