@charset "utf-8";
/* CSS Document */

/*	-------------------------------------------------------------
	CSS - FLOBOTS Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			June 5, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Main / Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body {
		margin:0px;
		background:#4f0700 url(/images/main_grad.gif) repeat-x;
		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:0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		width:960px; height:533px;
		background:#000000 no-repeat;
	}
	
	#video {
		width:158px; 
		padding:314px 0 0 380px;
		float:left;
	}
		#video a.watchVideo1:link, #video a.watchVideo1:active, #video a.watchVideo1:visited {
			width:158px; height:118px;
			margin:0 0 0 0;
			display:block;
			background:url(/images/img_video.jpg) no-repeat top;
		}
			#video a.watchVideo1:hover {
				background:url(/images/img_video.jpg) no-repeat 0px -118px;
			}
		#video a.watchVideo2:link, #video a.watchVideo2:active, #video a.watchVideo2:visited {
			width:108px; height:28px;
			margin:11px 0 0 0;
			display:block;
			background:url(/images/btn_video.gif) no-repeat top;
		}
			#video a.watchVideo2:hover {
				background:url(/images/btn_video.gif) no-repeat 0px -28px;
			}
		
	
	#yahoo {
		width:158px; 
		padding:314px 0 0 56px;
		float:left;
	}
		#yahoo a.voteYahoo1:link, #yahoo a.voteYahoo1:active, #yahoo a.voteYahoo1:visited {
			width:158px; height:118px;
			margin:0 0 0 0;
			display:block;
			background:url(/images/img_yahoo.jpg) no-repeat top;
		}
			#yahoo a.voteYahoo1:hover {
				background:url(/images/img_yahoo.jpg) no-repeat 0px -118px;
			}
		#yahoo a.voteYahoo2:link, #yahoo a.voteYahoo2:active, #yahoo a.voteYahoo2:visited {
			width:131px; height:28px;
			margin:11px 0 0 0;
			display:block;
			background:url(/images/btn_yahoo.gif) no-repeat top;
		}
			#yahoo a.voteYahoo2:hover {
				background:url(/images/btn_yahoo.gif) no-repeat 0px -28px;
			}
			
	#albumBuy {
		width:108px;
		height:158px; 
		margin:315px 0 0 215px;
		float:left;
	}
		#albumBuy a.albumMini:link, #albumBuy a.albumMini:active, #albumBuy a.albumMini:visited {
			width:108px; height:158px;
			margin:0 0 0 0;
			display:block;
			background:url(/images/miniBuyNow.jpg) no-repeat top;
		}
			#albumBuy a.albumMini:hover {
				background:url(/images/miniBuyNow.jpg) no-repeat 0px -158px;
			}
	
	img.albumBuy{
		display:block;
		margin:315px 0 0 215px; 
		float:left;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navBar {
		width:960px; height:46px;
		margin-left:0px;
		font:12px Arial, Helvetica, sans-serif;
	}
		#navBar ul {
			margin:0; padding:0;	
			list-style: none;
		}
			#navBar ul li {
				margin:0; padding:0;	
				float: left;
			}
			#navBar a.active:hover {
				background-position:bottom;
			}
	
		#navBar a.home:link, #navBar a.home:active, #navBar a.home:visited {
			width:85px; height:46px;
			display:block;
			background:url(/images/navHome.gif) no-repeat top;
		}
			#navBar a.home:hover {
				background:url(/images/navHome.gif) no-repeat bottom;
			}
		#navBar a.video:link, #navBar a.video:active, #navBar a.video:visited {
			width:91px; height:46px;
			display:block;
			background:url(/images/navVideos.gif) no-repeat top;
		}
			#navBar a.video:hover {
				background:url(/images/navVideos.gif) no-repeat bottom;
			}
		#navBar a.news:link, #navBar a.news:active, #navBar a.news:visited {
			width:78px; height:46px;
			display:block;
			background:url(/images/navNews.gif) no-repeat top;
		}
			#navBar a.news:hover {
				background:url(/images/navNews.gif) no-repeat bottom;
			}
		#navBar a.releases:link, #navBar a.releases:active, #navBar a.releases:visited {
			width:116px; height:46px;
			display:block;
			background:url(/images/navReleases.gif) no-repeat top;
		}
			#navBar a.releases:hover {
				background:url(/images/navReleases.gif) no-repeat bottom;
			}
		#navBar a.downloads:link, #navBar a.downloads:active, #navBar a.downloads:visited {
			width:143px; height:46px;
			display:block;
			background:url(/images/navDownloads.gif) no-repeat top;
		}
			#navBar a.downloads:hover {
				background:url(/images/navDownloads.gif) no-repeat bottom;
			}
		#navBar a.shows:link, #navBar a.shows:active, #navBar a.shows:visited {
			width:94px; height:46px;
			display:block;
			background:url(/images/navShows.gif) no-repeat top;
		}
			#navBar a.shows:hover {
				background:url(/images/navShows.gif) no-repeat bottom;
			}
		#navBar a.store:link, #navBar a.store:active, #navBar a.store:visited {
			width:83px; height:46px;
			display:block;
			background:url(/images/navStore.gif) no-repeat top;
		}
			#navBar a.store:hover {
				background:url(/images/navStore.gif) no-repeat bottom;
			}
		#navBar a.community:link, #navBar a.community:active, #navBar a.community:visited {
			width:136px; height:46px;
			display:block;
			background:url(/images/navCommunity.gif) no-repeat top;
		}
			#navBar a.community:hover {
				background:url(/images/navCommunity.gif) no-repeat bottom;
			}
		#navBar a.signup:link, #navBar a.signup:active, #navBar a.signup:visited {
			width:103px; height:46px;
			display:block;
			background:url(/images/navSignup.gif) no-repeat top;
		}
			#navBar a.signup:hover {
				background:url(/images/navSignup.gif) no-repeat bottom;
			}
			
		.nav a:link, .nav a:active, .nav a:visited {
         color:#FFAE00;
		 font:bold 12px Arial, Helvetica, sans-serif;
		 text-decoration:none;
		}
			.nav a:hover {
				
			}
		    
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#contentHolder 
	{
	    width:960px;
	    color:#aa7f01;
		font:12px Arial, Helvetica, sans-serif;
		background:#4f0700;
		padding:0 0 0 50px
	}

		#contentHolder #leftWrapper{
			width:572px;
			float:left;
		}
		
		#contentHolder .bar{
			width:572px;
			height:5px;
			background-color:#630900;
			line-height:0px;
			padding:0px;
			margin:0 0 40px 0;
		}
		
		.control a:link, .control a:active, .control a:visited 
        {
         color:#aa7f01;
		 font:bold  Arial, Helvetica, sans-serif;
		 text-decoration:none;
        }
			.control a:hover 
			{
			    color:#ff3000;
			}		
		#contentHolder a:link, #contentHolder a:active, #contentHolder a:visited 
        {
         color:#FFAE00;
		 font:bold  Arial, Helvetica, sans-serif;
		 text-decoration:none;
        }
			#contentHolder a:hover 
			{
			    color:#ff3000;
			}	

/*	--------------------------------------------------------------------------------------------------------------------------
	rightCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#rightCol {
		width:201px;
		margin:48px 0 0 47px;
		float:left;
	}
	.item {
		width:200px; height:200px;
		margin:0 0 23px 0;
		background:#630900;
	}
		.item h1 {
			width:201px; height:63px;
			margin:0 0 0 0;
			background:url(/images/hdr_community.gif) no-repeat;
		}
		.item h2 {
			width:201px; height:63px;
			margin: 0 0 0 0;
			background:url(/images/hdr_blog.gif);
		}
		
	.item2 
	{
		width:200px;
		margin:0 0 23px 0;
		padding:0 0 7px 0;
		background:#630900;	    
	}
		.item2 h3 
		{
		    font:bold 16px Arial, Helvetica, sans-serif;
			padding:10px 0 0px 8px; margin:0;
			color:#ff3000;
		}
		.item2 p 
		{
		 color:#aa7f01;
		 font:bold 12px Arial, Helvetica, sans-serif;
		 padding:0 0 0 8px;
		}
		.item2 a.btnLogIn:link, .item2 a.btnLogIn:active, .item2 a.btnLogIn:visited {
         color:#FFAE00;
		 font:bold 12px Arial, Helvetica, sans-serif;
		 text-decoration:none;
		}
			.item2 a.btnLogIn:hover {
			}
		.item2 .txtBox 
		{
		    background:#79150e;
		    border:0px #000000 solid;
		    margin:0 0 0 0;
		    padding:0 0 0 0;
		    float:left;
		}
		.item2 .formHolder 
		{
		    margin:0px 0px 0px 0px;
		    padding:0 0 0 8px;   
		}
		.item2 .formHolder img.joinBtn
		{
		    margin:0 0 0 4px;
		    float:left;
		}
		.item2 .user a:link, .item2 .user a:active, .item2 .user a:visited {
         color:#FFAE00;
		 font:bold 12px Arial, Helvetica, sans-serif;
		 text-decoration:none;
		}
			.item2 .user a:hover {

			}
		.item2 a.membershipLinks:link, .item2 a.membershipLinks:active, .item2 a.membershipLinks:visited {
         color:#FFAE00;
		 font:bold 12px Arial, Helvetica, sans-serif;
		 text-decoration:none;
		}
			.item2 a.membershipLinks:hover {

			}

	#btn_community {
		width:154px; 
		margin:17px 0 0 23px;
		font:12px Arial, Helvetica, sans-serif;
	}
		#btn_community ul {
			margin:0; padding:0;	
			list-style: none;
		}
			#btn_community ul li {
				margin:0 0 1px 0; padding:0;	
			}
			#btn_community a.active:hover {
				background-position:bottom;
			}	
		#btn_community a.join:link, #btn_community a.join:active, #btn_community a.join:visited {
			width:154px; height:29px;
			display:block;
			background:url(/images/btn_streetteam.gif) no-repeat top;
		}
			#btn_community a.join:hover {
				background:url(/images/btn_streetteam.gif) no-repeat bottom;
			}
		#btn_community a.donate:link, #btn_community a.donate:active, #btn_community a.donate:visited {
			width:154px; height:29px;
			display:block;
			background:url(/images/btn_donate.gif) no-repeat top;
		}
			#btn_community a.donate:hover {
				background:url(/images/btn_donate.gif) no-repeat bottom;
			}
		#btn_community a.visit:link, #btn_community a.visit:active, #btn_community a.visit:visited {
			width:154px; height:29px;
			display:block;
			background:url(/images/btn_visitFlobots.gif) no-repeat top;
		}
			#btn_community a.visit:hover {
				background:url(/images/btn_visitFlobots.gif) no-repeat bottom;
			}
		.imagePhoto {
			padding:22px 0 0 16px;
		}
		#rightCol .item .btn_photo {
			width:147px; height:42px;
			margin:10px 0px 0px 16px;
			display:block;
		}
			#rightCol .item .btn_photo a.photo:link, #rightCol .item .btn_photo a.photo:active, #rightCol .item .btn_photo a.photo:visited {
				width:147px; height:42px;
				display:block;
				background:url(/images/btn_photos.gif) no-repeat top;
			}
			#rightCol .item .btn_photo a.photo:hover {
				background:url(/images/btn_photos.gif) no-repeat bottom;
			}
		.imageBlog {
			padding:2px 0 0 16px;
		}
		#rightCol .item .btn_blog {
			width:72px; height:10px;
			margin:10px 0px 0px 95px;
		}
			#rightCol .item .btn_blog a.learn:link, #rightCol .item .btn_blog a.learn:active, #rightCol .item .btn_blog a.learn:visited {
				width:72px; height:10px;
				display:block;
				background:url(/images/btn_learnHow.gif) no-repeat top;
			}
			#rightCol .item .btn_blog a.learn:hover {
				background:url(/images/btn_learnHow.gif) no-repeat 0px -10px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:930px; height:115px;
		background:#4f0700 ;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#c98b06; 
		border-top:solid 1px #630900;
	}
		#footer a:link, #footer a:active, #footer a:visited {
			color:#970000;
			text-decoration:none;
		}
		#footer a:hover {
			color:#ffae00;
			text-decoration:underline;
		}
	#copyright {
		padding:25px 0 0 0;
		float:left;
	}
	#logoUMG {
		width:137px;
		height:53px;
		padding:61px 0 0 150px;
		float:left;
	}
		#logoUMG a.umgLogo:link, #logoUMG a.umgLogo:active, #logoUMG a.umgLogo:visited {
				width:137px; height:53px;
				display:block;
				background:url(/images/logo_umg.gif) no-repeat top;
			}
			#logoUMG a.umgLogo:hover {
				background:url(/images/logo_umg.gif) no-repeat 0px -53px;
			}
	#logoUnirep {
		width:91px;
		height:41px;
		padding:12px 0px 0 0px;
		float:right;
	}
		#logoUnirep a.repLogo:link, #logoUnirep a.repLogo:active, #logoUnirep a.repLogo:visited {
				width:91px; height:41px;
				display:block;
				background:url(/images/logo_unirep.gif) no-repeat top;
			}
			#logoUnirep a.repLogo:hover {
				background:url(/images/logo_unirep.gif) no-repeat 0px -41px;
			}