@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UNIVERSAL REPUBLIC HOME PAGE MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		unirep_main.css
	Date:			August 6, 2009
	Author:		Universal Music Group - http://www.umrg.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		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%;
	}
	body {
		background:#fff;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#404243;
	}
	
	a {
		color:#004890;
		text-decoration:none;
		font-weight:bold;
		outline:0;
	}
	
	a:hover {
		color:#0471de;
	}
	
	img {
		border:0;
	}
	
	#main {
		width:1024px;
		margin:0 auto;
	}
	
		a.btnMore {
			width:38px; height:10px;
			background:url(../../images/btn_more.gif) top left no-repeat;
			display:block;
		}
			a:hover.btnMore {
				background-position:bottom left;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
	}
	
	h1#logo {
		width:231px; height:104px;
		padding:10px 0 0 0;
		float:left;
	}
	
	h1#logo a{
		display:block;
		width:231px; height:104px;
		background:url(../../images/main_logo.gif) top left no-repeat;
		text-indent:-9999px;
		font-size:2px;
	}

/*	
	commentArea Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#commentArea {
		float:right;
	}
	
		#commentArea #memberComments {
			width:733px; height:85px;
			padding:10px 0 0 0;
		}
		
		#memberComments .comment {
			width:354px; height:31px;
			margin:0 5px 5px 0;
			background:url(../../images/bubble_bg.gif) bottom right no-repeat;
			float:left;
			overflow:hidden;
			font-size:11px;
		}
			#memberComments .comment:hover {
				background-position:top right;
			}
		
				#memberComments .comment a img {
					width:25px; height:25px;
					padding:1px 2px 3px 2px;
					background:url(../../images/usericon_bg.gif) top left no-repeat;
					float:left;
				}
				
					#memberComments .comment p {
						width:300px; height:31px;
						padding:0 0 0 15px;
						line-height:31px;
						float:left;
					}
		
	#commentBottom {
		width:721px;
		padding:0 7px 0 5px;
	}
		
		#commentArea h2#h2MemberComments {
			width:117px; height:11px;
			background:url(../../images/h2_membercomments.gif) top left no-repeat;
			float:left;
		}
		
		#commentArea a.btnAddMessage {
			width:144px; height:18px;
			margin:3px 0 0 0;
			background:url(../../images/btn_addyourownmessage.gif) top left no-repeat;
			display:block;
			float:right;
		}
			#commentArea a:hover.btnAddMessage {
				background-position:bottom left;
			}

			
/*	
	login Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#memberLogin {
		margin:25px 0 0 0; padding:0 7px 0 0;
		text-align:right;
		font-size:11px;
	}
	
		#memberLogin .userLinks {
			padding:0 20px 0 0;
		}


/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#navArea {
		width:980px; height:38px;
		margin:3px 0 0 37px;
		background:url(../../images/nav_bg.gif) top left no-repeat;
	}
	
				/* --- SEARCH AREA --*/	
				
		#navArea form.artistSearch {
			padding:8px 10px 0 0;
			float:right;
		}
		
			form.artistSearch input {
				width:114px; height:14px;
				margin:0 5px 0 0; padding:2px 0 0 0;
				float:left;
				background:#fff url(../../images/bg_search.gif) top left repeat-x;
				border:1px solid #999;
				font-size:9px;
				color:#999;
				line-height:16px;
			}
			
			form.artistSearch a.btnGo {
				width:26px; height:18px;
				background:url(../../images/btn_go.gif) top left no-repeat;
				display:block;
				float:left;
			}
				form.artistSearch a:hover.btnGo {
					background-position: bottom left;
				}
	
	
	
	
	/* --- NAV BAR --*/	
	
	
		#navArea ul {
			padding:1px 0 0 0;
			float:left;
			list-style-type:none;
		}
		
			#navArea ul li {
				margin:0; padding:0;
				float:left;
			}
			
				#navArea ul li a {
					width:115px; height:34px;
					display:block;
					background:url(../../images/nav_sprite.gif) top left no-repeat;
				}
				
				/* --- Home Button --*/			
				#navArea ul li.home a {
					background-position:top left;
				}
					#navArea ul li.home a:hover {
						background-position:bottom left;
					}
					
				/* --- artists Button --*/				
				#navArea ul li.artists a {
					background-position:-115px 0px;
				}
					#navArea ul li.artists a:hover {
						background-position:-115px -34px;
					}
					
				/* --- new releases Button --*/			
				#navArea ul li.newreleases a {
					background-position:-229px 0px;
				}
					#navArea ul li.newreleases a:hover {
						background-position:-229px -34px;
					}
					
				/* --- republic tv Button --*/	
				#navArea ul li.republictv a {
					background-position:-344px 0px;
				}
					#navArea ul li.republictv a:hover {
						background-position:-344px -34px;
					}
					
				/* --- mobile Button --*/			
				#navArea ul li.mobile a {
					background-position:-459px 0px;
				}
					#navArea ul li.mobile a:hover {
						background-position:-459px -34px;
					}

				/* --- widgets Button --*/			
				#navArea ul li.widgets a {
					background-position:-574px 0px;
				}
					#navArea ul li.widgets a:hover {
						background-position:-574px -34px;
					}

				/* --- community Button --*/			
				#navArea ul li.community a {
					width:114px;
					background-position:-690px 0px;
				}
					#navArea ul li.community a:hover {
						background-position:-690px -34px;
					}						
				
		
	
	
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	topContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

	
	#topContent {
		padding:2px 0 0 45px;
	}
	
		#topContent #musicPlayer {
			width:234px; height:300px;
			margin:0 7px 0 0;
			/*background:;*/
			float:left;
		}
		
		#topContent #flashNews {
			width:473px; height:300px;
			margin:3px 6px 0px 2px;
			float:left;
		}
		
		#topContent #newReleases {
			width:234px; height:300px;
			background:url(../../images/bg_newreleases.gif) top left no-repeat;
			float:left;
			overflow:hidden;
		}
		
		
			
			#topContent #newReleases h2#h2newReleases {
				width:103px; height:15px;
				background:url(../../images/h2_newreleases.gif) top left no-repeat;
				margin:10px 0 0 65px;
			}
			
				#topContent #newReleases #entries {
					margin:19px 0 0 12px;
				}
				
				#topContent #newReleases .entry {
					padding:0 0 20px 0;
				}
					#topContent #newReleases #entries .last {
						padding:0 0;
					}
			
					#topContent #newReleases .entry img.mini {
						width:50px; height:50px;
						padding:3px 5px 7px 5px;
						background:url(../../images/bg_mini.gif) top left no-repeat;
						display:block;
						float:left;
					}
					
					#topContent #newReleases .entry .albumInfo {
						width:146px;
						padding:0 0 0 4px;
						display:block;
						float: left;
						font-size:10px;
						line-height:12px;
					}
					
						#topContent #newReleases .entry .albumInfo .data {
							height:36px;
							padding:0 0 3px 0;
							overflow:hidden;
						}
							#topContent #newReleases .entry .albumInfo .data a {
								display:block;
							}
							
							#topContent #newReleases .entry .albumInfo .links a.btnBuyNow {
								width:56px; height:14px;
								margin:0 5px 0 0;
								background:url(../../images/btn_buynow.gif) top left no-repeat;
								display:block;
								float: left;
							}
								#topContent #newReleases .entry .albumInfo .links a:hover.btnBuyNow {
									background-position:bottom left;
								}
							#topContent #newReleases .entry .albumInfo .links a.btnSongList {
								width:56px; height:14px;
								background:url(../../images/btn_songlist.gif) top left no-repeat;
								display:block;
								float: left;
							}
								#topContent #newReleases .entry .albumInfo .links a:hover.btnSongList {
									background-position:bottom left;
								}			
					
					#topContent #newReleases a.btnMore {
						margin:-5px 0 0 187px;
					}
			
	
/*	--------------------------------------------------------------------------------------------------------------------------
	subContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#social{
 display: block;
  border: 0px;
  margin-left: 800px;
  margin-bottom: 5px;
  margin-right: 0px;
  background: #ffffff;
}

	#subContent {
		width:963px; height:571px;
		margin:15px 0 0 47px;
		background:url(../../images/subcontent_bg.gif) top left no-repeat;
	}
	
		#subContent #videos {
		margin:0 41px 0 0; padding:40px 0 0 10px;
		float:left;
		}
		
			#subContent #videos ul {
				width:287px; height:503px; 
				overflow:hidden;
				list-style-type:none;
				margin:0; padding:0;
			}
				#subContent #videos ul li {
					margin:0; padding:0;
				}
				
				#subContent #videos ul li a {
					display:block;
				}
		
					#subContent #videos ul li a img {
						width:83px; height:53px;
						margin:0 auto;
						display:inline;
						border:2px solid #a8a9ad;
					}
						#subContent #videos ul li.first a img {
							width:283px; height:183px;
						}
						#subContent #videos ul li a:hover img {
							border:2px solid #157ae0;
						}
						
						#subContent #videos ul li a img {
							width:83px; height:53px;
						}
					
					#subContent #videos ul li {
							width:142px; height:105px;
							padding:0 0 14px 0;
							float:left;
							text-align:center;
							overflow:hidden;
					}
			
					#subContent #videos ul li.first {
						float:none;
						width:287px; height:252px;
						padding:0 0 25px 0;
						text-align:center;
					}
					
					#subContent #videos ul li.last {
						padding:0;
					}

					
					#subContent #videos ul li .info {
						display:block;
						text-align:center;
						font-size:11px;
					}
					
					#subContent #videos ul li.first .info {
						height:62px;
						padding:3px 0 0 0;
						font-size:16px;
					}
		
		#subContent #videos a.btnMore {
			margin:10px 0 0 250px;
		}
		
		
		
	#subContent #news {
		width:285px;
		margin: 0 45px 0 0; padding:40px 0 0 0;
		float:left;
	}
	
		#subContent #news .entry {
			padding:0 0 12px 0;
		}
	
			#subContent #news .entry .data {
				padding:0 0 5px 0;
			}
	
				#subContent #news .entry .data a img {
					width:25px; height:25px;
					margin:0 6px 0 0; padding:1px 2px 3px 2px;
					background:url(../../images/artisticon_bg.gif) top left no-repeat;
					display:block;
					float:left;
				}
				
				#subContent #news .entry .data .postInfo {
					font-size:10px;
				}
					#subContent #news .entry .data .postInfo .artistName {
						display:block;
						font-weight:bold;
					}
				
			#subContent #news .entry h4 {
				height:45px;
				font-size:13px;
				line-height: 14px;
				padding:0 0 0 7px;
				overflow:hidden;
			}
				
			#subContent #news .entry a.btnViewArticle {
				width:88px; height:7px;
				margin:3px 0 0 194px;
				background:url(../../images/btn_viewfullarticle.gif) top left no-repeat;
				display:block;
			}
				#subContent #news .entry a:hover.btnViewArticle {
					background-position:bottom left;
				}
				
		#subContent #news a.btnMore {
			margin:6px 0 0 249px;
		}		
		
		
	#subContent #touring {
		width:270px;
		float:left;
	}
	
		#subContent #touring a.btnMore {
			margin:-3px 0 0 245px;
			background-image:url(../../images/btn_more_blue.gif);
		}
		
			#subContent #touring .entries {
				padding:24px 0 0 0;
			}
			
				#subContent #touring .entries .entry {
					padding:0 0 24px 0;
				}
		
					#subContent #touring .entry .postInfo {
						width:178px; height:79px;
						margin:0 4px 0 0;
						overflow:hidden;
						float:left;
					}
			
				#subContent #touring .entry .postInfo .artist {
					font-weight:bold;
				}
			
			#subContent #touring .entry .postLinks {
				width:86px;
				float:left;
			}
					#subContent #touring .entry .postLinks a img {
						width:50px; height:50px;
						margin:0 0 0 15px; padding:1px 2px 3px 2px;
						background:url(../../images/touricon_bg.gif) top left no-repeat;
						display:block;
					}
					
						#subContent #touring .entry .postLinks a.btnBuyTickets {
							width:86px; height:18px;
							margin:7px 0 0 0;
							background: url(../../images/btn_buytickets.gif) top left no-repeat;
							display:block;
						}
							#subContent #touring .entry .postLinks a:hover.btnBuyTickets {
								background-position:bottom left;
							}

							
							
/*	--------------------------------------------------------------------------------------------------------------------------
	footerStyles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#footer {
		padding:28px 0 0 0;
	}
	
		#footer ul#labels {
			list-style-type:none;
			text-align:center;
			margin:0; padding:30px 0 0 0;
		}
		
			#footer ul#labels  li {
				display:inline;
				margin:0 25px 0 0;
			}
	
		#footer #footerText {
			padding:34px 0 20px 0;
			text-align:center;
			font-size:11px;
		}
		
		#footer #umgLogo {
			padding:20px 0 30px 0;
			background:#ccc;
			text-align:center;
		}

		#footer a.bottomAd img {
			width:728px; height:90px;
			margin:0 auto;
			display:block;
			border:1px solid #a5a6aa;
		}