@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PARACHUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		para_communty.css
	Date:			February 19, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#navBar li.community a {
		background-position:bottom !important;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	p,h3 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h3 {
		font:bold 15px Arial, Helvetica, sans-serif;
		color:#ff5074;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	Back Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a.btnBackToProfile {
		width:82px; height:13px;
		display:block;
		float:right;
		background:url(../../images/btn_backToProfile.png) top left no-repeat;
	}
		a.btnBackToProfile:hover {
			background-position:0 -13px;
		}
	a.btnBackToBlog {
		width:72px; height:13px;
		display:block;
		float:right;
		background:url(../../images/btn_backToBlog.png) top left no-repeat;
	}
		a.btnBackToBlog:hover {
			background-position:bottom;
		}
	a.btnBackToPhotos {
		width:84px; height:13px;
		display:block;
		float:right;
		background:url(../../images/btn_backToPhotos.png) top left no-repeat;
	}
		a.btnBackToPhotos:hover {
			background-position:bottom;
		}
	a.btnBackToInbox {
		width:79px; height:10px;
		display:block;
		float:right;
		background:url(../../images/btn_backToInbox.png) top left no-repeat;
	}
		a.btnBackToInbox:hover {
			background-position:bottom;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainHeader Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainHeader {
		margin:30px 0 0 0; padding:32px 0 0 0;
		width:960px;
		background:url(../../images/bg_mainHeaderHome.png) top center no-repeat;
		behavior:url(shared/css/iepngfix.htc);
	}
		#mainHeader #promo {
			border:solid 1px #910925;
			margin:28px 12px 0 282px; padding:36px 0 0 0;
			width:152px; height:262px;
			background:url(../../images/bg_promo.png) no-repeat;
			behavior:url(shared/css/iepngfix.htc);
			display:inline;
			float:left;
		}
			#mainHeader #promo .album {
				margin:0 auto; padding:1px;
				width:125px; height:125px;
				background:#2c0808;
			}
				#mainHeader #promo .album img {
					display:block;
				}
			#mainHeader #promo h1 {
				margin:19px 0 31px 10px;
				width:133px; height:27px;
				background:url(../../images/h1_loveVsMoney_promo.png) no-repeat;
				float:none;
			}
			#mainHeader #promo a.btnPreOrder {
				margin:0 auto;
				width:109px; height:29px;
				background:url(../../images/btn_preOrder.png) no-repeat;
				display:block;
			}
				#mainHeader #promo a.btnPreOrder:hover {
					background-position:bottom;
				}
		#mainHeader #videoWidget {
			float:left;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	COMMUNITY BUTTON Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	.editLinks {
		width:163px;
	}
	.btnHolder {
		width:163px;
	}
	a.btnEdit {
		width:79px; height:19px;
		display:block;
		float:left;
		background:url(../../images/btn_edit.png) 0 top no-repeat;
	}
		a.btnEdit:hover {
			background-position:bottom;
		}
	a.btnDelete {
		width:79px; height:19px;
		display:block;
		float:right;
		background:url(../../images/btn_delete.png) 0 top no-repeat;
	}
		a.btnDelete:hover {
			background-position:bottom;
		}
	a.btnReply {
		width:79px; height:19px;
		display:block;
		float:left;
		background:url(../../images/btn_reply.png) 0 top no-repeat;
	}
		a.btnReply:hover {
			background-position:bottom;
		}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	profileBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.mainCol #profileBlock {
		margin:0 0 20px 0; padding:14px 15px 40px 15px;
		width:580px;
	}
		.mainCol #profileBlock h1 {
			width:580px; height:29px;
			background:url(../../images/h1_profile.png) no-repeat;
		}
		
		
	/*	nav Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		ul#communityNav {
			margin:17px 0 13px 90px;
			list-style:none;
		}
			ul#communityNav li#navCommProfile {
				margin:0 20px 0 0;
				width:45px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommProfile a {
					width:45px; height:15px;
					display:block;
					background:url(../../images/commNav_profile.png) top center no-repeat;
				}
				ul#communityNav li#navCommProfile a:hover, ul#communityNav li#navCommProfile a:active {
					background-position:bottom;
				}	
			ul#communityNav li#navCommBlog {
				margin:0 20px 0 0;
				width:30px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommBlog a {
					width:30px; height:15px;
					display:block;
					background:url(../../images/commNav_blog.png) top center no-repeat;
				}
				ul#communityNav li#navCommBlog a:hover, ul#communityNav li#navCommBlog a:active {
					background-position:bottom;
				}	
			ul#communityNav li#navCommComments {
				margin:0 20px 0 0;
				width:71px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommComments a {
					width:71px; height:15px;
					display:block;
					background:url(../../images/commNav_comments.png) top center no-repeat;
				}
				ul#communityNav li#navCommComments a:hover, ul#communityNav li#navCommComments a:active {
					background-position:bottom;
				}	
			ul#communityNav li#navCommFriends {
				margin:0 20px 0 0;
				width:49px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommFriends a {
					width:49px; height:15px;
					display:block;
					background:url(../../images/commNav_friends.png) top center no-repeat;
				}
				ul#communityNav li#navCommFriends a:hover, ul#communityNav li#navCommFriends a:active {
					background-position:bottom;
				}	
			ul#communityNav li#navCommMessages {
				margin:0 20px 0 0;
				width:66px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommMessages a {
					width:66px; height:15px;
					display:block;
					background:url(../../images/commNav_messages.png) top center no-repeat;
				}
				ul#communityNav li#navCommMessages a:hover, ul#communityNav li#navCommMessages a:active {
					background-position:bottom;
				}	
			ul#communityNav li#navCommPhotos {
				width:45px; height:15px;
				float:left;
			}
				ul#communityNav li#navCommPhotos a {
					width:45px; height:15px;
					display:block;
					background:url(../../images/commNav_photos.png) top center no-repeat;
				}
				ul#communityNav li#navCommPhotos a:hover, ul#communityNav li#navCommPhotos a:active {
					background-position:bottom;
				}
				
				
	/*	userInfo Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.mainCol #profileBlock {
			position:relative;
		}
		.mainCol #profileBlock .hr {
			background:url(../../images/hr.png) repeat-x;
			height:3px;
		}
			.mainCol #profileBlock .hr hr {
				display:none;
			}
		.mainCol #profileBlock .userInfo {
			
		}
		
			/* userStats */
			.mainCol #profileBlock .userInfo .userStats {
				margin:0 22px 0 0;
				width:308px;
				float:left;
			}
				.mainCol #profileBlock .userInfo .userStats h2 {
					margin:15px 0 0 0;
					color:#adcaf6;
					width:308px;
					overflow:hidden;
					font:normal 21px Verdana, Arial, Helvetica, sans-serif;
				}
				.mainCol #profileBlock .userInfo .userStats h3 {
					margin:25px 0 0 0; padding:5px 0 0 8px;
					width:48px; height:13px;
					background:url(../../images/h3_about.png) top center no-repeat;
				}
				.mainCol #profileBlock .userInfo .userStats .hr {
					margin:2px 0 15px 0;
					background:#910925;
					height:1px;
				}
					.mainCol #profileBlock .userInfo .userStats .hr hr {
						display:none;
					}
				.mainCol #profileBlock .userInfo .userStats .statRow {
					margin:0 0 4px 0; padding:0 0 5px 0;
					width:308px;
					border-bottom:1px solid #707790;
				}
					.mainCol #profileBlock .userInfo .userStats .statRow .label {
						padding:3px 0 0 0;
						width:98px;
						color:#818cc0;
						text-transform:uppercase;
						font:normal 10px Arial, Helvetica, sans-serif;
						float:left;
					}
					.mainCol #profileBlock .userInfo .userStats .statRow .info {
						width:210px;
						color:#e7e8fc;
						font:normal 12px Arial, Helvetica, sans-serif;
						line-height:16px;
						float:left;
					}
					.mainCol #profileBlock .userInfo .userStats .signature {
						border-bottom:none;
					}
			
			/* Profile Buttons */
			.mainCol #profileBlock .profileBtns {
				width:197px; height:22px;
				position:absolute;
				left:372px; top:98px;
			}	
				.mainCol #profileBlock .profileBtns a.btnAddToFriends {
					margin:0 15px 0 0;
					width:91px; height:22px;
					display:block;
					background:url(../../images/btn_addAFriend.png) 0 top no-repeat;
					float:left;
				}
					.mainCol #profileBlock .profileBtns a.btnAddToFriends:hover {
						background-position:bottom;
					}
				.mainCol #profileBlock .profileBtns a.btnSendMessage {
					width:91px; height:22px;
					display:block;
					background:url(../../images/btn_sendAMessage.png) 0 top no-repeat;
					float:left;
				}
					.mainCol #profileBlock .profileBtns a.btnSendMessage:hover {
						background-position:bottom;
					}	
			/* userPhoto */
			.mainCol #profileBlock .userInfo .userPhoto {
				margin:65px 0 0 0; /* Take out if absolute position on profileBtns is off */
				width:250px;
				text-align:center;
				float:left;
			}
				.mainCol #profileBlock .btnHolder {
					position:absolute;
					left:380px; top:117px;
					width:197px;
				}
					.mainCol #profileBlock .btnHolder a.btnAddAFriend {
						margin:0 15px 0 0;
						width:82px; height:20px;
						display:block;
						background:url(../../images/btn_addFriend.png) 0 top no-repeat;
						float:left;
					}
						.mainCol #profileBlock .btnHolder a.btnAddAFriend:hover {
							background-position:bottom;
						}
					.mainCol #profileBlock .btnHolder a.btnSendAMessage {
						width:82px; height:20px;
						display:block;
						background:url(../../images/btn_sendMessage.png) 0 top no-repeat;
						float:left;
					}
						.mainCol #profileBlock .btnHolder a.btnSendAMessage:hover {
							background-position:bottom;
						}
			/* profileSummary */
			
			.mainCol #profileBlock .profileSummary {
				padding:28px 0 0 43px;
				width:520px;
			}
				.mainCol #profileBlock .profileSummary .userPhoto {
					padding:0 20px 0 0;
					width:100px;
					float:left;
				}
				.mainCol #profileBlock .profileSummary .userInfo {
					width:400px;
					float:left;
				}	
					.mainCol #profileBlock .profileSummary .userInfo h2 {
						padding:0 0 10px 0;
						color:#adcaf6;
						font:normal 21px Verdana, Arial, Helvetica, sans-serif;
					}
					.mainCol #profileBlock .profileSummary .userInfo p {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#e7e8fc;
						line-height:16px;
					}
/*	--------------------------------------------------------------------------------------------------------------------------
	buttonStyles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.editLinks {
		width:174px;
	}
	
	a.postBlog {
		margin:10px 0 15px 0;
		width:82px; height:20px;
		display:block;
		background:url(../../images/btn_postBlog.png) top center no-repeat;
	}
		a.postBlog:hover {
			background-position:bottom;
		}
	a.edit {
		margin:0 0 15px 0;
		width:82px; height:20px;
		display:block;
		float:left;
		background:url(../../images/btn_edit.png) top center no-repeat;
	}
		a.edit:hover {
			background-position:bottom;
		}
	a.delete {
		margin:0 0 15px 0;
		width:82px; height:20px;
		display:block;
		float:right;
		background:url(../../images/btn_delete.png) top center no-repeat;
	}
		a.delete:hover {
			background-position:bottom;
		}
	a.reply {
		margin:0 0 5px 0;
		width:82px; height:20px;
		display:block;
		float:left;
		background:url(../../images/btn_reply.png) top center no-repeat;
	}
		a.reply:hover {
			background-position:bottom;
		}
	a.postPhoto {
		margin:0 0 15px 0;
		width:82px; height:20px;
		display:block;
		background:url(../../images/btn_postPhoto.png) top center no-repeat;
	}
		a.postPhoto:hover {
			background-position:bottom;
		}
	a.message {
		margin:0 0 5px 0;
		width:82px; height:20px;
		display:block;
		background:url(../../images/btn_SendMessage.png) top center no-repeat;
	}
		a.message:hover {
			background-position:bottom;
		}
	a.block {
		margin:0 0 5px 0;
		width:82px; height:20px;
		display:block;
		background:url(../../images/btn_block.png) top center no-repeat;
	}
		a.block:hover {
			background-position:bottom;
		}
	a.unblock {
		margin:0 0 5px 0;
		width:82px; height:20px;
		display:block;
		background:url(../../images/btn_unblock.png) top center no-repeat;
	}
		a.unblock:hover {
			background-position:bottom;
		}