/*	EMICMG Label portals
	page: layout css file for all label sites
	      (for specfic site visuals go to that site's css file)
	vers: 07.10.08 */
html,body {
	margin:0; padding:0 }
body   {
	font-family: Lucida Grande, Segoe, Trebuchet, Verdana;
	font-size: 11px; 
	text-align:center;
	margin: 0;
	padding: 0}
p { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px }
ul{ padding:0px; margin:0px }
dl{margin:0px; text-align:left}
#page {
	margin: auto; min-width: 790px; height: 100% }
#page-interior{ 
	margin:0 auto; width:790px; position:relative }
#globalControls {
	margin:auto; background-color:#000; width:780px; height:65px; clear:both }
	#audioPlayer{ margin:0; width:300px; float:left }
	#communityPromo{ margin:0; width:225px; float:left }
	#userInfoArea{ margin:0; padding:5px 0 0 0; width:250px; height:60px; float:right; font-size: 10px; }
	#userInfoArea img {margin: 0px 10px 0; border: 1px solid #ccc; float:left }
	.updateInfo { text-decoration: none }
	.updateInfo:hover { text-decoration: underline }
	.uname { font-weight:bold; text-decoration: none }
	.uname:hover { text-decoration: underline }

#bannerHdrArea{ width:790px; height: 250px; clear:both; text-align:left !important }
	#bannerHdrArea img.clicker{ position:absolute; width:790px; height: 250px; border: 0 }
	#labelID.Logo { position: relative; z-index:10000; top:40px; left:30px; border:0 }

#mainContentArea{ margin:0 auto; width:790px; background-color: #fff }
	#contentAreaContainer{ padding:0 8px; margin:0 auto; width:770px; clear:both }
	#promoBanners{ width:100%; clear:both; padding:0 0 0 0; overflow:auto}
		.promoBanners-half{margin: 0 0 5px 0;}
		.promoBanners-full{margin: 5px 0 15px 5px; float:left; width:185px;/* height:140px */}
#footer { margin: 0 auto; position:relative; width:780px; height:30px }
#viLogo{ float:left; width:120px; text-align:right; padding-top:7px; height:20px; }
#footerLinks{ padding-left:15px; width:620px; float:left; text-align:left; padding-top:7px }
.panel {width:760px}
.inputBtn{
	border-width: 0; 
	margin:0; 
	outline-width:0; 
	padding:0;
	width:50px;
	height:11px;
}

#mainNav ul li {
	float:left;
	list-style-type:none}
#artistsNav ul li {
	float:left;
	list-style-type:none}
	
.artistListFrame {
	background-color:transparent;
	height:220px;
	width:790px; 
	z-index:10001; 
	overflow:hidden; 
	position:absolute; 
}
#artistListBlock{
	left:-10000px;
}

#commListBlock{
	left:-10000px;
}
.labelPageArtistListFrame
{
	top:95px; 
	left:0px;
}



/*  Misc. site constants  */
.entryDivider{ border-bottom:1px solid; overflow:auto}
.hide { display:none }
.show { display:inline }
#show { display:inline }
.clearThis{ clear:both }


/*  HEADER image constants   */
#mainNav ul li, 
#hdrPhotosVideos, 
#hdrLatestReleases, 
#hdrNews, 
#hdrUpcomingTourDates, 
#hdrWebTools, 
#artistsNav ul li, 
#paging { display:block }
#joinBtn{width:50px; height:11px}
#loginBtn{width:50px; height:11px}

/* styling for uploaded content (pseudo image thumbnail)
	the needed image size should be specified via another class or inline element */
.thumbnail, 
.thumbnailAlt {
	margin-bottom:6px;
	margin-top:6px;
	width:100px; height:100px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	}
	
/* -- thumbnail style used in the artists pages -- */
.sm-thumbnail, 
.sm-thumbnailAlt {
	margin:3px;
	float:left;
	width:50px; height:50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	}
/* Styling for ALBUM and ARTIST thumbnails  */
img.sm-albumThumb{ width:50px; height:50px; float:left; padding:3px; }
img.sm-albumThumb{ border:transparent 1px solid }
img.sm-albumThumb:hover{ }/* see specific LABEL or ARTIST sylesheet for color */
img.sm-albumThumb a{ border:transparent 1px solid }
img.sm-albumThumb a:hover{ }/* see specific LABEL or ARTIST sylesheet for color */


img.med-albumThumb{width:100px; height:100px; padding:3px; float:left}
img.med-albumThumb{border:transparent 1px solid }
img.med-albumThumb:hover{ }/* see specific LABEL or ARTIST sylesheet for color */
img.med-albumThumb a{border:transparent 1px solid }
img.med-albumThumb a:hover{ }/* see specific LABEL or ARTIST sylesheet for color */


img.lrg-albumThumb{width:200px; height:200px; padding:5px; float:left}
img.lrg-albumThumb{border:transparent 1px solid }
img.lrg-albumThumb:hover{ }/* see specific LABEL or ARTIST sylesheet for color */
img.lrg-albumThumb a{border:transparent 1px solid }
img.lrg-albumThumb a:hover{ }/* see specific LABEL or ARTIST sylesheet for color */


#pagingTop, 
#pagingBottom{
	padding: 3px 3px 3px 10px;
	}
#paging a, 
#pagingBottom a{
	text-decoration: underline;
	}
#paging a:hover, 
#pagingBottom a:hover{
	text-decoration: none;
	}
#pagingTop a.active,
#pagingBottom a.active{
	text-decoration:none;
	font-weight: bolder;
}
.commentForm{ margin-top:10px; text-align:center;
}
.tracklist { float:left }
.songEntry{ display:block; padding:5px; float:left; width:100% } 


/* NEWS */
.leftAlign
 { text-align: left }
.commentEntry {
	margin:6px; padding:10px 0pt 10px 10px;
	}
.commentEntryAlt {
	margin:6px;
	padding:10px 0pt 10px 10px;
	}
.row{display:block; height:auto}

#artistListBlock{
	position:absolute;
	top:220px;
	left:0px;
	text-align:left;
	background-color:black; 
	background-image:none !important;
	width:760px;
	height:190px;
	padding:15px
}
#artistListBlock a{
	display:inline !important;
	background-color:transparent !important; 
	background-image:none !important;
}

#commListBlock{
	position:absolute;
	top:220px;
	left:0px;
	text-align:left;
	background-color:black; 
	background-image:none !important;
	width:760px;
	height:190px;
	padding:15px
}
#commListBlock a{
	display:inline !important;
	background-color:transparent !important; 
	background-image:none !important;
}


img.imgRight {
	float:right;
	padding:4px 0 4px 10px;
	}

.newsMainPanel{width:500px; text-align:left;}
.newsMainPanel div.panelBody { padding:15px; width:470px }

.newsHeadlines{ width:250px; text-align:left;}
.newsHeadlines div.panelBody { padding:15px; width:220px }
	
/* MUSIC */
	.musicNewReleases{ width:375px }
	.musicDiscography{ width:375px }
	
/* MULTIMEDIA */
.mediaDetails{ width:505px}
.mediaDetails div.panelBody { padding-top:10px; text-align:center}

.mediaSidebar{ width:250px}
.mediaSidebar div.panelBody { padding-top:10px; text-align:left}

/* WEB TOOLS */
.webtoolsWidgets {width:280px}
.webtoolsBuddy{width:230px}
.webtoolsEcards{width:240px}
.webtoolsWallpapers{width:370px}
.webtoolsBanners{width:382px}

/* ------------------ HOME Entries --------------------- */
/* Homepage content styles */
	/*  HOME-PICS VIDEO AREA  */
	.picsVidLeftColumn{ text-align:left; padding-top:20px; padding-left:15px; float:left; width:250px }
		.largePicHome img{ width:225px; clear:both }
		.featPicVidtxt{display:block; margin-top:18px; font-size: 20px; line-height:25px; clear:both}
		.featPicVidtxt img{display:block; width:50px; float:left; padding-right:10px}
		.photoVideoLink{display:block; line-height: 18px}
	.picsVidRightColumn{width:215px; padding-top:10px; float:left }
		.picVidEntry{ text-align:left; padding:2px 0 2px 10px; float:left; width:205px }
		.picVidEntry img{ float:left;width:50px; padding-right:10px }
		div.picVidEntry div.newsDate{ padding-top:4px }
	
	/*  HOME-LATEST RELEASES */
	.latestReleasesEntry{ display:block; padding:4px 0 3px 0; text-align: left }
	.latestReleasesEntry img{ display:block; width:50px; padding:0 10px 0 10px; float:left }
	
	/*  HOME-TOUR DATES  */
	.homeTourEntry, .webToolsEntry{display:block; text-align:left; padding:6px; padding-left:15px}
	.homeTourEntry p.newsDate{}
	.homeTourEntry p.webtoolsArtist a.newsHeadline{float:left}
	
	/*  HOME-WEBTOOLS */
	/*.webToolsEntry{padding:6px 0 6px 0; width:100%; text-align: left}*/
	.webToolsEntry img{padding:0 10px 0 18px; float:left}
	.webToolsEntry p.newsDate{padding-top:12px}

	
	/*  HOME-NEWS */
	.newsEntry{float:left; padding-left:15px;text-align:left}
	.dateHead{width:190px;float:left;padding-top:8px}
	.newsDate{ display:block; font-weight:bold }
	.commentEntry{margin:6px; padding:10px 0 10px 10px;}
	.commentEntryAlt{margin:6px; padding:10px 0 10px 10px }