@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UNIVERSAL REPUBLIC MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		unirep_main.css
	Date:			Sept 05, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("../css/unirep_buttons.css");
	@import url("../css/unirep_components.css");
		
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
		}

	.altText {
		text-indent:-3000px;
		display:block;
		font:2px Arial, Helvetica, sans-serif;
	}
	.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%;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		background:#FFFFFF url(../../images/bg_bodyBorder.png) center top repeat-y;
		font-family:Arial, Helvetica, sans-serif;
	}
		.bodyHeader {
			background:url(../../images/bg_bodyHeader.png) top no-repeat;
		}
	#main {
		width:958px;
		margin:0 auto;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	topBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main .topBar {
		width:958px; height:106px;
		padding:16px 0 14px 0;
	}
	#main .topBar a.urLogo:link, #main .topBar a.urLogo:visited, #main .topBar a.urLogo:hover {
		width:175px; height:80px;
		margin:13px 0 0 0;
		display:block;
		float:left;
	}
		#main .topBar a.urLogo:active {
			color:#eec978;
		}
		#main .topBar .urLogo img {
			width:175px; height:80px;
		}
	#main .topBar .ad {
		width:729px; height:91px;
		margin:15px 4px 0 41px; padding:1px 0 0 1px;
		background:#a5a6aa;
		float:left;
	}
		#main .topBar .ad img {
			display:block;
		}
	#main .topBar img.adText {
		margin:15px 0 0 0;
		float:left;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	color Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.blue {
		color:#003c77;
	}
	.visited {
		color:#346290;
	}
	a:link, a:visited {
		color:#0061c1;
		text-decoration:none;
	}
	a:active {
		color:#9e6c00;
	}
	a:hover {
		color:#9e6c00;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navSpace {
		width:940px;
		padding:0 9px;
	}
	ul#navBar {
		width:940px; height:31px; list-style:none;
		padding:0 0 3px 0;
		border-bottom:1px solid #cccccc;
	}
		ul#navBar li {
			float:left; display:inline;
		}
		#navBar a.active { 
			background-position:bottom !important;
		}
	/*	home */
	ul#navBar li.home a:link, ul#navBar li.home a:visited {
		width:81px; height:31px;
		background:url(../../images/nav_home.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.home a:active {
			color:#9e6c00;
		}
		ul#navBar li.home a:hover {
			background-position:bottom;
		}
		#navBar .home img {
			width:81px; height:31px;
		}
	/*	artist */
	ul#navBar li.artists a:link, ul#navBar li.artists a:visited {
		width:95px; height:31px;
		background:url(../../images/nav_artists.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.artists a:active {
			color:#9e6c00;
		}
		ul#navBar li.artists a:hover {
			background-position:bottom;
		}
		#navBar .artists img {
			width:95px; height:31px;
		}
	/*	newReleases */
	ul#navBar li.newReleases a:link, ul#navBar li.newReleases a:visited {
		width:166px; height:31px;
		background:url(../../images/nav_newReleases.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.newReleases a:active {
			color:#9e6c00;
		}
		ul#navBar li.newReleases a:hover {
			background-position:bottom;
		}
		#navBar .newReleases img {
			width:166px; height:31px;
		}
	/*	music */
	ul#navBar li.music a:link, ul#navBar li.music a:visited {
		width:88px; height:31px;
		background:url(../../images/nav_music.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.music a:active {
			color:#9e6c00;
		}
		ul#navBar li.music a:hover {
			background-position:bottom;
		}
		#navBar .music img {
			width:88px; height:31px;
		}
	/*	republicTv */
	ul#navBar li.republicTv a:link, ul#navBar li.republicTv a:visited {
		width:147px; height:31px;
		background:url(../../images/nav_republicTv.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.republicTv a:active {
			color:#9e6c00;
		}
		ul#navBar li.republicTv a:hover {
			background-position:bottom;
		}
		#navBar .republicTv img {
			width:147px; height:31px;
		}
	/*	mobile */
	ul#navBar li.mobile a:link, ul#navBar li.mobile a:visited {
		width:91px; height:31px;
		background:url(../../images/nav_mobile.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.mobile a:active {
			color:#9e6c00;
		}
		ul#navBar li.mobile a:hover {
			background-position:bottom;
		}
		#navBar .mobile img {
			width:91px; height:31px;
		}
	/*	widgets */
	ul#navBar li.widgets a:link, ul#navBar li.widgets a:visited {
		width:109px; height:31px;
		background:url(../../images/nav_widgets.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.widgets a:active {
			color:#9e6c00;
		}
		ul#navBar li.widgets a:hover {
			background-position:bottom;
		}
		#navBar .widgets img {
			width:109px; height:31px;
		}
	/*	community */
	ul#navBar li.community a:link, ul#navBar li.community a:visited {
		width:134px; height:31px;
		background:url(../../images/nav_community.png) no-repeat;
		display:block;
		text-decoration:none;		
	}
		ul#navBar li.community a:active {
			color:#9e6c00;
		}
		ul#navBar li.community a:hover {
			background-position:bottom;
		}
		#navBar .community img {
			width:134px; height:31px;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#userNav {
		height:21px;
		padding:6px 0 0 9px;
		float:left;
		font: bold 11px Arial, Helvetica, sans-serif;
		line-height:14px;
	}
	#userNav {
		list-style:none;
		display:inline;
	}
		#userNav a.active { 
			color:#004890 !important;
		}
		#userNav li {
			padding:0 24px 0 0;
			float:left;
		}
			#userNav li .accountName {
				color:#004890;
			}
			#userNav li a:link, #userNav li a:visited {
				color:#525353;
				text-decoration:none;
			}
				#userNav li a:active {
					color:#9e6c00;
				}
				#userNav li a:hover {
					color:#9e6c00;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	setting Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#settings {
		width:60px; height:21px;
		padding:8px 18px 0 21px;
		border-left:solid 1px #cccccc;
		float:right;
	}
	#settings a.btnSetting:link, #settings a.btnSetting:visited {
		width:60px; height:14px;
		background:url(../../images/btn_setting.jpg) no-repeat;
		display:block;
		float:left;
	}
		#settings a.btnSetting:active {
			color:#eec978;
		}
		#settings a.btnSetting:hover {
			background-position:bottom;
		}
		#settings .btnSetting img {
			width:60px; height:14px;
		}	
/*	--------------------------------------------------------------------------------------------------------------------------
	login Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.login {
		width:373px; height:23px;
		padding:6px 3px 0 10px;
		float:right;
	}
		.login .text {
			float:left;
			margin:2px 7px 0 0;
			font:bold 9px Arial, Helvetica, sans-serif;
		}
		.login form {
			margin:0; padding:0;
		}
			.login form .inputBox {
				float:left;
				width:102px; height:16px;
				margin:0 1px 0 1px; padding:0 0 0 0;
				background:url(../../images/bg_login.jpg) no-repeat;
				border:solid 1px #a7a8ac;
				display:inline;
				overflow:hidden;
			}
				.login input {
					width:102px; height:16px;
					margin:2px 0 0 0; padding:0;
					background:transparent;
					font:normal 9px Arial, Helvetica, sans-serif;
					color:#333333;					
					border:0;
				}
			.login form .btnHolder {
				float:left;
				margin:0 0 0 1px;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	title Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#title {
		margin:0 0 24px 0;
	}
	#title h1 {
			margin:8px 0 10px 12px;
			font:bold 16px Arial, Helvetica, sans-serif;
			color:#004890;
			line-height:14px;
		}
		#title p {
			width:595px;
			margin:0 0 0 12px;
			font:normal 13px Arial, Helvetica, sans-serif;
			line-height:18px;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		width:949px;
		padding:10px 0 0 9px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol {
		width:630px;
		float:left;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.altCol {
		width:300px;
		padding:0 0 0 8px;
		float:left;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	column Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	/*	.blue250 Styles */
	.blue250 {
		width:620px;
		background:#dfefff url(../../images/bgSplit_white.png) 250px 0px  repeat-y;
		overflow:hidden;
	}
	.blue250HR {
		background:#bcd9f5 url(../../images/bgSplit_white.png) 250px 0px  repeat-y;
		width:260px; height:1px;
		border-right:360px solid #dfefff;
	}
		.blue250HR hr {
			display:none;
		}
	/*	.gray390 Styles */
	.gray390 {
		width:620px;
		background:#EEEEEE url(../../images/bgSplit_white.png) 390px 0px  repeat-y;
		overflow:hidden;
	}
	/*	.blue350 Style */
	.blue350 {
		width:590px; 
		background:#dfefff url(../../images/bgSplit_darkBlue.png) 350px 0px  repeat-y;
		overflow:hidden;
	}
	/*	.blue285 Style */
	.blue285 {
		width:590px; 
		background:#dfefff url(../../images/bgSplit_darkBlue_20.png) 285px 0px  repeat-y;
		overflow:hidden;
	}
	/*	.white285 Style */
	.white285 {
		width:590px; 
		background:#FFFFFF url(../../images/bgSplit_darkBlue_20.png) 285px 0px  repeat-y;
		overflow:hidden;
	}
	.white300 {
		width:940px;
		background:#606060 url(../../images/bgSplit_white_300.png.gif) 300px 0px repeat-y;
		overflow:hidden;
	}
	.white620 {
		width:940px;
		background:#778694 url(../../images/bgSplit_white_20.gif) 620px 0px repeat-y;
		overflow:hidden;
	}
	.grayBlue300 {
		width:940px;
		background:#606060 url(../../images/bgSplit_grayBlue_300.png.gif) 300px 0px repeat-y;
		overflow:hidden;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
		width:570px;
		margin:1px 0 0 0; padding:0 10px 3px 10px;
		background:#dfefff;
	}
		.pagination .prevEntry {
			float:left;
		}
			.pagination .prevEntry a.btnPrev:link, .pagination .prevEntry a.btnPrev:visited {
				width:35px; height:20px;
				margin:1px 0 0 0;
				background:url(../../images/btn_paginationPrev.png) no-repeat;
				display:block;
			}
				.pagination .prevEntry a.btnPrev:active {
					color:#9e6c00;
				}
				.pagination .prevEntry a.btnPrev:hover {
					background-position:bottom;
				}
					.pagination .prevEntry .btnPrev img {
						width:35px; height:20px;
					}
			.pagination .nextEntry {
				float:right;
			}
				.pagination .nextEntry a.btnNext:link, .pagination .nextEntry a.btnNext:visited {
					width:35px; height:20px;
					margin:1px 0 0 0;
					background:url(../../images/btn_paginationNext.png) no-repeat;
					display:block;
				}
					.pagination .nextEntry a.btnNext:active {
						color:#9e6c00;
					}
					.pagination .nextEntry a.btnNext:hover {
						background-position:bottom;
					}
						.pagination .prevEntry .btnNext img {
							width:35px; height:20px;
						}
			.pagination .pages {
				float:left;
				width:480px;
				margin:4px 0 0 0; padding:0 10px 0 10px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#003264;
				text-align:center;
			}
				.pagination .pages a:link, .pagination .pages a:active, .pagination .pages a:visited, .pagination .pages a:hover {
					padding:3px;
				}
				
			.pagination .pages .current {				
				width:480px;
				margin:4px 0 0 0; padding:0 10px 0 10px;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#DFEFF;
				text-align:center;
			}
				.pagination .pages .current  a:link, .pagination .pages .current  a:active, .pagination .pages a:visited, .pagination .pages .current  a:hover {
					padding:3px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:958px;
		padding:50px 0 0 0;
		background:#FFFFFF;
	}
		#footer .ad {
			width:940px;
			margin:0 0 0 9px; padding:10px 0;
			border:solid 1px #CCCCCC; border-right:none; border-left:none;
			text-align:center;
			float:none;
		}
		
		#footer .microgroove {
			margin: 10px 0 0 0;
			text-align:right; 
		}
		
		#footer .socialLinks {
			width:797px;
			margin:30px 0 0 0; padding:0 0 0 151px;
		}
		
			#footer .socialLinks ul {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#666666;
				list-style:none;	
			}
				#footer .socialLinks ul li {
					float:left;
				}
					#footer .socialLinks ul li.text {
						margin:15px 30px 0 0;
					}
				/*	republic */
				#footer .socialLinks ul li a.logoRepublic:link, #footer .socialLinks ul li a.logoRepublic:visited, #footer .socialLinks ul li a.logoRepublic:active, #footer .socialLinks ul li a.logoRepublic:hover {
					width:60px; height:30px;
					margin:7px 22px 0 0;
					background:url(../../images/logo_republic.jpg) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:60px; height:30px;
					}
				/*	brushfire */
				#footer .socialLinks ul li a.logoBrushfire:link, #footer .socialLinks ul li a.logoBrushfire:visited, #footer .socialLinks ul li a.logoBrushfire:active, #footer .socialLinks ul li a.logoBrushfire:hover {
					width:60px; height:30px;
					margin:7px 21px 0 0;
					background:url(../../images/logo_brushfire.png) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:60px; height:30px;
					}
				/*	federal */
				#footer .socialLinks ul li a.logofederal:link, #footer .socialLinks ul li a.logofederal:visited, #footer .socialLinks ul li a.logofederal:active, #footer .socialLinks ul li a.logofederal:hover {
					width:74px; height:30px;
					margin:7px 30px 0 0;
					background:url(../../images/logo_federal.jpg) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:74px; height:30px;
					}
				/*	tuffGong */
				#footer .socialLinks ul li a.logoTuffGong:link, #footer .socialLinks ul li a.logoTuffGong:visited, #footer .socialLinks ul li a.logoTuffGong:active, #footer .socialLinks ul li a.logoTuffGong:hover {
					width:80px; height:30px;
					margin:8px 34px 0 0;
					background:url(../../images/logo_tuffGong.jpg) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:80px; height:30px;
					}
				/*	ironWorks */
				#footer .socialLinks ul li a.logoIronWorks:link, #footer .socialLinks ul li a.logoIronWorks:visited, #footer .socialLinks ul li a.logoIronWorks:active, #footer .socialLinks ul li a.logoIronWorks:hover {
					width:61px; height:47px;
					margin:0 27px 0 0;
					background:url(../../images/logo_ironWorks.jpg) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:61px; height:47px;
					}
				/*	casablanca */
				#footer .socialLinks ul li a.logoCasablanca:link, #footer .socialLinks ul li a.logoCasablanca:visited, #footer .socialLinks ul li a.logoCasablanca:active, #footer .socialLinks ul li a.logoCasablanca:hover {
					width:67px; height:27px;
					margin:8px 0 0 0;
					background:url(../../images/logo_casablanca.jpg) no-repeat;
					display:block;
				}
					#footer .socialLinks ul .logoRepublic img {
						width:67px; height:27px;
					}
					
		#footer .links {
			margin:23px 0 0 10px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#666666;
			text-align:center;
		}
		#footer a:link, #footer a:visited {
			color:#0066cc;
			text-decoration:none;
		}
			#footer a:active {
				color:#9e6c00;
			}
			#footer a:hover {
				color:#9e6c00;
			}
		#footer .universal {
			height:69px;
			margin:17px 0 0 0; padding:19px 0 0 426px;
			background:#CCCCCC;
		}
			#footer .universal a.logoUMG:link, #footer .universal a.logoUMG:visited, #footer .universal a.logoUMG:active {
				width:106px; height:40px;
				background:url(../../images/logo_umg.jpg) no-repeat;
				display:block;
			}
				#footer .universal a.logoUMG:hover {
					background-position:bottom;
				}