@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UMRG ARTIST PAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			Jul 05, 2007
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Main / Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		margin:0px;
		background:#ffffff;
		background-image:url(http://outloudmarketing.com/clients/valerie/bg.jpg);
		background-repeat:repeat-x;
		background-color:#2d2d2d;
		font-family:Arial, Helvetica, sans-serif;
		
	}
	
	.alt {
		display:none;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	#main {
		width:960px;
		margin:0px auto;
		padding:8px 32px 0px 32px;
		/*background:url(images/bg.jpg) no-repeat;*/
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	uniBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#uniBar {
		width:928px;
		height:7px;
		margin:8px 0px 5px 0px; padding:5px 15px 9px 15px;
		background:#fefefd;
		color:#e6d9bb;
		border:1px solid #eceadb;
		overflow:hidden;
		font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	}
		#uniBar a:link, #uniBar a:active, #uniBar a:visited {
			color:#e6d9bb;
			text-decoration:none;
		}
		#uniBar a:hover {
			color:#000000;
			text-decoration:underline;
		}
		#uniBar a.current:link, #uniBar a.current:active, #uniBar a.current:visited {
			color:#ffa9aa;
		}
		#uniBar a.current:hover {
			color:#000000;
		}
		
		
	.outloud {
  		padding-top:0px;
		float:right;
  	}
	
	.bump {
  		padding-top:0px;
  		float:left;
  	}
  
	#breadcrumbs {
		
	}



/*	--------------------------------------------------------------------------------------------------------------------------
	header / nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header {
		width:960px; height:300px;
		/*background:url(images/flash_bg1.jpg) no-repeat;*/
	}
	#navBar {
		width:960px; height:36px;
		margin:0px 0px 5px 0px; padding:0px;
		background:#ffffff;
		border-top:0px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;
	}
		#navBar ul {
			list-style:none;
			margin:0px; padding:0px;
			display:inline;
		}
		
		#navBar ul li {
			margin:0px 0px 0px 0px;
			padding:0px;
			float:left;
		}
			
				
		#navBar a.navHome:link, #navBar a.navHome:active, #navBar a.navHome:visited {
				width:103px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navHome_bg.gif) no-repeat top;
			}
		#navBar a.navHome:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navHome_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navBio:link, #navBar a.navBio:active, #navBar a.navBio:visited {
				width:99px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navBio_bg.gif) no-repeat top;
			}
		#navBar a.navBio:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navBio_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navPress:link, #navBar a.navPress:active, #navBar a.navPress:visited {
				width:109px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navPress_bg.gif) no-repeat top;
			}
		#navBar a.navPress:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navPress_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navPhotos:link, #navBar a.navPhotos:active, #navBar a.navPhotos:visited {
				width:128px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navPhotos_bg.gif) no-repeat top;
			}
		#navBar a.navPhotos:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navPhotos_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navPurchase:link, #navBar a.navPurchase:active, #navBar a.navPurchase:visited {
				width:147px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navPurchase_bg.gif) no-repeat top;
			}
		#navBar a.navPurchase:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navPurchase_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navLinks:link, #navBar a.navLinks:active, #navBar a.navLinks:visited {
				width:116px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navLinks_bg.gif) no-repeat top;
			}
		#navBar a.navLinks:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navLinks_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navCommunity:link, #navBar a.navCommunity:active, #navBar a.navCommunity:visited {
				width:137px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navGuest_bg.gif) no-repeat top;
			}
		#navBar a.navCommunity:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navGuest_bg.gif) no-repeat 0px -36px;
		}
		
		
		#navBar a.navContact:link, #navBar a.navContact:active, #navBar a.navContact:visited {
				width:121px; height:36px;
				display:block;
				background:url(http://outloudmarketing.com/clients/valerie/navContact_bg.gif) no-repeat top;
			}
		#navBar a.navContact:hover {
				background:url(http://outloudmarketing.com/clients/valerie/navContact_bg.gif) no-repeat 0px -36px;
		}
		
		
		
		
		
		/*	nav link Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#navBar ul a:link, #navBar ul a:active, #navBar ul a:visited {
				color:#ae9773;
				text-decoration:none;
			}
			#navBar ul a:hover {
				color:#ff7800;
			}
			
			

/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#contentSpace {
		width:930px;
		/*height:1276px;*/
		border:1px solid #eceadb;
		margin:0px; 
		padding:14px 14px 14px 14px;
		background:#ffffff;
	}
	
	.contentArea {
		width:503px;
		padding:15px 30px 15px 30px;
		margin:0px 20px 3px 0px;
		background:#e7e3e6;
		font:12px Arial, Helvetica, sans-serif;
		color:#393d50;
	}
	
	.showArea {
		width:240px;
		padding:15px 30px 15px 30px;
		margin:0px 20px 3px 0px;
		background:#e7e3e6;
		font:12px Arial, Helvetica, sans-serif;
		color:#393d50;
	}
	
	.showArea .h1 {
		font:bold 20px verdana;
		color:#d2a092;
	}
	
	.contentArea .file {
		font:9px Verdana, Arial, Helvetica, sans-serif;
		color:#858040;
	}
	
	.contentArea a:link {
		color: #858040;
		text-decoration: none;
	}
	.contentArea a:visited {
		text-decoration: none;
		color: #393d50;
	}
	.contentArea a:hover {
		text-decoration: underline;
		color: #000000;
	}
	.contentArea a:active {
		text-decoration: none;
		color: #858040;
	}
	
	.contentArea .h1 {
		font:bold 20px verdana;
		color:#d2a092;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	leftCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#leftCol {
		width:300px;
		float:left;
	}
		#mediaPlayer {
			width:300px; height:600px;
			background:url(leftCol_bg.gif);
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	rightCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#rightCol {
		width:565px;
		padding:23px 23px 20px 23px;
		margin:0px 0px 0px 315px;
		background:#d2a092;
	}
	
	#rightCol #contentHolder {
		width:468px;
		float:left;
	}
	
	#rightBar {
		width:75px;
		float:right;
	}
	
	#rightBar .fans {
		width:75px;
		height:75px;
		margin:0px 0px 2px 0px;
		background:#f5f1b7;
		display:none;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:930px;
		height:123px;
		margin:5px 0px 30px 0px; padding:14px;
		border:1px solid #473a34;
		background-color:#ffffff;
		
		color:#755a4e;
		font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	}
	#footer #links {
		margin:18px 0px 0px 0px;
	}
	#footer .leaderboardHolder {
		padding:5px 0px 0px 0px;
	}
		#footer a:link, #footer a:active, #footer a:visited {
			color:#755a4e;
			text-decoration:none;
		}
		#footer a:hover {
			color:#ffffff;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	banner Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.leaderboard {
		width:728px; height:90px;
		background:#473a34;
	}
	
	.leaderboardSmall {
		width:468px; height:60px;
		background:#000000;
		margin:0px 24px 3px 0px;
		display:none;
	}
	
	.rect_med {
		width:300px; height:250px;
		background:#000000;
	}
	.skyscraper {
		width:160px; height:600px;
		background:#000000;
		display:none;
	}
	
	#uniBar .leaderboard {
		margin:7px 0px;
	}
	#leftCol .rect_med {
	margin:14px 0px 0px 0px;
	background-color: transparent;
	}	
	#skyscraperHolder {
		width:160px;
		position:absolute;
		top:482px; left:50%;
		margin:0px 0px 0px 495px; padding:0px;
		/* display:none; */
	} 
	
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Photo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.photoThumb {
		width:99px;
		height:75px;
		background-color:#FFFFFF;
		margin:0px 2px 2px 0px;
		display:block;
		float:left;
	}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Show Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#date {
		width:75px;
		border-right:1px #cfcb90 solid;
		float:left;
		display:block;
		margin-right:10px;
	}
	#city {
		width:130px;
		border-right:1px #cfcb90 solid;
		float:left;
		display:block;
		margin-right:10px;
	}
	#venue {
		width:180px;
		float:left;
		display:block;

	}
	
	#tourSpace{
	}
	
	#tourSpace h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	margin:0px 0px 5px 0px;
	}
	
	#tourSpace h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	margin:0px 0px 15px 0px;
	}
	
	#tourSpace h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d2a092;
	font-weight:normal;
	line-height:13px;
	margin:0px 0px 5px 0px;
	}
	
	#tourSpace a:link {
		color: #858040;
		text-decoration: none;
	}
	#tourSpace a:visited {
		text-decoration: none;
		color: #858040;
	}
	#tourSpace a:hover {
		text-decoration: underline;
		color: #000000;
	}
	#tourSpace a:active {
		text-decoration: none;
		color: #858040;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Extra Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.wallpaper {
  		width:200px;
  		/*height:150px;*/
  		margin:0px 2px 10px 0px;
		float:left;
		display:block;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		color:#858040;
		text-align:center;
	}
	.buddyicon {
  		width:50px;
  		height:50px;
  		margin:0px 5px 0px 0px;
		float:left;
		display:block;
	}
	
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Video Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#flv {
		width:320px;
		height:240px;
	}
	#myspace {
		height:25px;
		display:inline;
		float:left;
		}
	#myspacetext{
		display:block;
		margin:6px 0px 0px 30px;
		}
	#rhapsodyHolder{
		width:250px;
		margin:20px 0px 0px 0px;
	}
	#rhapsodyImage{
		width:220px;
		margin:0px 0px 0px 14px; 
	}
	#rhapsodyLogo{
		width:183px; 
		margin:3px 0px 0px 14px;
	}