@charset "utf-8";
/*	-------------------------------------------------------------
	CSS -  MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		madcon_main.css
	Date:			Oct 22, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#000;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		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: #cf4b24 top center no-repeat;
		font-family:Georgia, Times serif;
		behavior:url(/shared/css/csshover.htc);
	}
	a {
		color:#103f79;
		text-decoration:none;
	}
		a:hover {
			color:#f14719;
		}
		#main {
			background: url(../../images/mainbg.jpg) top center no-repeat;
		}
		
		#mainContentwrapper{
			margin:0 auto;
			width:1160px;
			background: url(../../images/mainContentslice.png) top center repeat-y;
		}
		#mainContentBottom {
			padding: 0 0 46px 0; margin:0 auto;
			width:1160px;
			background:url(../../images/mainContentsBottom.png) bottom center no-repeat;
		}
		#mainContentholder{
			width: 920px;
			margin: 0 auto;
		}
		
		#contentSpace {
			width:920px;
		}
			#altCol {
				width:321px;
				float:left;
				display:inline;
			}
			#mainCol {
				width:591px;
				float:right;
			}
			
		a.im {
			display:none;
		}
			

/*	--------------------------------------------------------------------------------------------------------------------------
	noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		padding:10px;
		border:1px dashed #0B4A97;
		text-align:center;
		font:normal 12px Georgia, "Times New Roman", Times, serif;
	}
	
	

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header{
		background: url(../../images/headerBG.jpg) top center no-repeat;
		height: 392px;
	}
	
	#headerContent {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		position:relative;
	}
		#headerContent #breadcrumbs {
			color: #fdeec3;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			margin: 0 0 0 133px;
		}
			#headerContent #breadcrumbs p {
				float:left;
			}	
			#headerContent #breadcrumbs strong {
				font-weight: normal;
				color: #fff;
			}
			#headerContent #breadcrumbs a.btnBackToMadcon {
				margin:3px 90px 0 0;
				width:124px; height:8px;
				display:inline-block;
				float:right;
				background:url(../../images/btn_backToMadcon.png) top left no-repeat;
			}
				#headerContent #breadcrumbs a.btnBackToMadcon:hover {
					background-position:bottom;
				}
		#headerContent #flashPlayer {
			width: 177px;
			height: 62px;
			float: left;
			margin: 229px 0 0 2px;
		}
		#headerContent #mini {
			float: right;
			margin: 334px 12px 0 0;
		}
			#headerContent #mini ul{
				list-style: none;
				width: 60px;
			}
				#headerContent #mini ul li {
					margin: 0 4px 0 0;
					width: 20px; height: 20px;
					float: left;
				}
					#headerContent #mini ul li a {
						float: left;
						width: 20px;
						height: 20px;
						text-indent: -9999px;
						margin: 0 4px 0 0;
					}
		
		#headerContent ul#communityBar {
			position:absolute;
			top:366px; left:40px;
			list-style:none;
		}
			#headerContent ul#communityBar li {
				margin:0 20px 0 0;
				float:left;
				display:inline;
			}
			#headerContent ul#communityBar li.myspace {
			 	width:86px; height:17px;
			 }
			 	#headerContent ul#communityBar li.myspace a {
					width:86px; height:17px;
					display:block;
					background:url(../../images/comBarLinks.png) 0 0 no-repeat;
				}
			#headerContent ul#communityBar li.twitter {
			 	width:61px; height:17px;
			 }
			 	#headerContent ul#communityBar li.twitter a {
					width:61px; height:17px;
					display:block;
					background:url(../../images/comBarLinks.png) -103px 0 no-repeat;
				}
			#headerContent ul#communityBar li.imeem {
			 	width:64px; height:17px;
			 }
			 	#headerContent ul#communityBar li.imeem a {
					width:64px; height:17px;
					display:block;
					background:url(../../images/comBarLinks.png) -178px 0 no-repeat;
				}
				
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	#nav {
		background: url(../../images/navBG.jpg) top center no-repeat;
		height: 77px;
	}
		#nav ul {
			padding: 20px 0 0 20px;
			width: 960px;
			margin: 0 auto;
			list-style: none;
		}
			#nav ul li {
				margin: 0 20px 0 0;	
				float: left;
			}
				#nav ul li a {
					height: 10px;
					background: url(../../images/navBtns.jpg) no-repeat;
					display: block;		
				}
					#nav ul li.navHome a {					
						width: 52px;
						background-position: 0 0;
					}
						#nav ul li.navHome a:hover{						
							background-position: bottom left;					
						}
					#nav ul li.navNews a {					
						width: 50px;
						background-position: -70px 0px;
					}
						#nav ul li.navNews a:hover{			
							background-position: -70px -10px;										
						}
					#nav ul li.navBlog a {					
						width: 48px;
						background-position: -142px 0px;
					}
						#nav ul li.navBlog a:hover{			
							background-position: -142px -10px;										
						}
					#nav ul li.navBio a {					
						width: 31px;
						background-position: -210px 0px;
					}
						#nav ul li.navBio a:hover{			
							background-position: -210px -10px;										
						}
					#nav ul li.navDiscography a {					
						width: 123px;
						background-position: -262px 0px;
					}
						#nav ul li.navDiscography a:hover{			
							background-position: -262px -10px;										
						}				
					#nav ul li.navPhotos a {					
						width: 70px;
						background-position: -405px 0px;
					}
						#nav ul li.navPhotos a:hover{			
							background-position: -405px -10px;										
						}	
	
					#nav ul li.navVideos a {					
						width: 54px;
						background-position: -495px 0px;
					}
	
						#nav ul li.navVideos a:hover{			
							background-position: -495px -10px;										
						}	
					#nav ul li.navMobile a {					
						width: 71px;
						background-position: -569px 0px;
					}
						#nav ul li.navMobile a:hover{			
							background-position: -569px -10px;										
						}	
	
					#nav ul li.navExtras a {					
						width: 68px;
						background-position: -658px 0px;
					}
						#nav ul li.navExtras a:hover{			
							background-position: -658px -10px;										
						}
					#nav ul li.navCommunity a {					
						width: 105px;
						background-position: -748px 0px;
					}
						#nav ul li.navCommunity a:hover{			
							background-position: -748px -10px;										
						}
					#nav ul li.navSignup a {					
						width: 80px;
						background-position: -870px 0px;
					}
						#nav ul li.navSignup a:hover{			
							background-position: -870px -10px;										
						}
						#nav ul li.navSignup {
							margin-right: 0px !important;
						}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	community nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	#navCom {
		background: url(../../images/navBG.jpg) top center no-repeat;
		height: 77px;
	}
		#navCom ul {
			padding: 0 0 0 20px;
			width: 960px;
			margin: 0 auto;
			list-style: none;
		}
			#navCom ul li {
				margin: 0 37px 0 0;
				float: left;
				display:inline;
			}
				#navCom ul li a {
					margin:20px 0 0 0;
					height: 10px;
					background: url(../../images/navComBtns.png) no-repeat;
					display: block;		
				}
					#navCom ul li.navHomeCom a {					
						width: 50px;
						background-position: 0 0;
					}
						#navCom ul li.navHomeCom a:hover{						
							background-position: bottom left;					
						}
					#navCom ul li.navBlogCom a {					    
						width: 56px;
						background-position: -87px 0;
					}
						#navCom ul li.navBlogCom a:hover{						
							background-position: -87px bottom;					
						}
					#navCom ul li.navPhotosCom a {					    
						width: 68px;
						background-position: -181px 0;
					}
						#navCom ul li.navPhotosCom a:hover{						
							background-position: -181px bottom;					
						}
					#navCom ul li.navMembersCom a {					    
						width: 85px;
						background-position: -287px 0;
					}
						#navCom ul li.navMembersCom a:hover{						
							background-position: -287px bottom;					
						}
					
					#navCom ul li.navProfileCom {
						width:120px;
						float:right;
						display:inline;
						text-align:right;
					}
					#navCom ul li.navInboxCom {
						width:75px;
						float:right;
						display:inline;
						text-align:right;
					}
					#navCom ul li.navFriendsCom {
						width:80px;
						float:right;
						display:inline;
						text-align:right;
					}
						#navCom ul li.navProfileCom a {	
							margin:15px 0 0 0;	    
							font:bold 13 Georgia, "Times New Roman", Times, serif;
							color:#442217;
							text-transform:uppercase;
							text-decoration:none;
							background:none;
						}
							#navCom ul li.navProfileCom a:hover{						
								color:#e62818;					
							}
						#navCom ul li.navInboxCom a {
							margin:15px 0 0 0;			    
							font:bold 13 Georgia, "Times New Roman", Times, serif;
							color:#442217;
							text-transform:uppercase;
							text-decoration:none;
							background:none;
						}
							#navCom ul li.navInboxCom a:hover{						
								color:#e62818;					
							}
						#navCom ul li.navFriendsCom a {	
							margin:15px 0 0 0;	    
							font:bold 13 Georgia, "Times New Roman", Times, serif;
							color:#442217;
							text-transform:uppercase;
							text-decoration:none;
							background:none;
						}
							#navCom ul li.navFriendsCom a:hover{						
								color:#e62818;					
							}
							

/*	--------------------------------------------------------------------------------------------------------------------------
	userNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#userNav {
		margin:15px 0 20px 39px;
		list-style:none;
	}
		ul#userNav li {
			margin:0 9px 0 0;
			height:9px;
			float:left;
			display:inline;
		}
			ul#userNav li a.userNavProfile {
				width:64px; height:9px;
				display:block;
				background:url(../../images/userNav.png) 0 0 no-repeat;
			}
				ul#userNav li a.userNavProfile:hover {
					background-position:0 -9px;
				}
			ul#userNav li a.userNavBlog {
				width:40px; height:9px;
				display:block;
				background:url(../../images/userNav.png) -80px 0 no-repeat;
			}
				ul#userNav li a.userNavBlog:hover {
					background-position:-80px -9px;
				}
			ul#userNav li a.userNavPhotos {
				width:60px; height:9px;
				display:block;
				background:url(../../images/userNav.png) -136px 0 no-repeat;
			}
				ul#userNav li a.userNavPhotos:hover {
					background-position:-136px -9px;
				}
			ul#userNav li a.userNavFriends {
				width:65px; height:9px;
				display:block;
				background:url(../../images/userNav.png) -212px 0 no-repeat;
			}
				ul#userNav li a.userNavFriends:hover {
					background-position:-212px -9px;
				}
			ul#userNav li a.userNavComments {
				width:85px; height:9px;
				display:block;
				background:url(../../images/userNav.png) -293px 0 no-repeat;
			}
				ul#userNav li a.userNavComments:hover {
					background-position:-293px -9px;
				}
					
			
			
/*	--------------------------------------------------------------------------------------------------------------------------
	community login Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#communityLogin{
		padding: 5px;
		width: 168px; height: 88px;
		background: url(../../images/communityBG.gif) top left no-repeat;
		float: left;
	}
		#communityLogin h2{
			margin: 0 auto;
			width: 82px; height: 12px;
			background: url(../../images/h2_community.gif);
		}
		#communityLogin p {
			margin: 18px 0 0 0;
			font-size: 12px;
			text-align: center;
			color: #472418;
		}
		#communityLogin a {
			margin: 12px 0 0 95px;
			width: 61px; height: 23px;
			display: block;
			background: url(../../images/btnlogin.jpg) top left no-repeat;	
		}
			#communityLogin a:hover {
				background-position: bottom left;	
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	community account Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#communityAccount{
		padding: 5px;
		width: 168px; height: 88px;
		background: url(../../images/communityBG.gif) top left no-repeat;
		float: left;
	}
		#communityAccount h2{
			margin: 0 auto;
			width: 82px; height: 12px;
			background: url(../../images/h2_account.png);
		}
		#communityAccount .userName {
			margin:9px 0 0 11px;
		}
			#communityAccount .userName a {
				font:bold 11px Georgia, "Times New Roman", Times, serif;
				color:#253067;
			}
				#communityAccount .userName a:hover {
					color:#f14719;
				}
		#communityAccount .container {
			margin:9px 0 0 11px;
			width:152px;
		}
			#communityAccount .container .leftCol {
				width:91px;
				float:left;
			}
				#communityAccount .container .leftCol ul {
					list-style:none;
				}
					#communityAccount .container .leftCol ul li {
						line-height:10px;
					}
						#communityAccount .container .leftCol ul li a {
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#472418;
						}
							#communityAccount .container .leftCol ul li a:hover {
								color:#f14719;
							}
			#communityAccount .container .rightCol {
				width:61px;
				float:left;
			}
				#communityAccount .container .rightCol a.btnLogout {
					margin:20px 0 0 0;
					width:61px; height:19px;
					display:block;
					background:url(../../images/btn_logout.png) top left no-repeat;
				}
					#communityAccount .container .rightCol a.btnLogout:hover {
						background-position:bottom;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.adholder728{
		padding: 4px 5px;
		width: 728px; height: 90px;
		background: url(../../images/728adBG.gif) top left no-repeat;
		float: right;	
	}	
	
	.adholder300{
		padding: 4px 5px; margin: 10px 0 0 0;
		width: 300px; height: 250px;
		background: url(../../images/300adBG.gif) top left no-repeat;
		float: left;	
	}
	#adHolder {
		padding:10px 0 0 0;
		width:920px; height:98px;
		background:url(../../images/madcon.png) 0 38px no-repeat;
		clear:both;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:920px;
		clear:both;
	}
		#footer p {
			float:left;
			padding:10px 0 20px 186px;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#591202;
		}
		#footer p span.copyright {
			color:#a64003;
		}
		#footer ul {
			padding:10px 0 0 0;
			float:right;
			list-style:none;
		}
			#footer ul li {
				margin:0 15px 0 0;
				float:left;
			}
				#footer ul li.imeem {
					margin:0;
				}
				
				
/*	--------------------------------------------------------------------------------------------------------------------------
	video Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.thumbholder{
		padding: 10px 0 0 40px;
		width:323px;
		height:200px;
		}