@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY : 	The Rocket Summer Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		rs_community.css
	Date:			Feb 5, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
	body {
		background:url(../../images/bg_community.jpg) center top no-repeat;
	}
	#leftCol {
		margin:0 10px 0 0; padding:21px 0 60px 0;
		width:640px;
		float:left;
	}
	#rightCol {
		margin:0; padding:77px 0 38px 0;
		width:280px;
		float:left;
	}
	.contentHolder {
		padding:2px 0 20px 0;
		background:url(../../images/bg_main_content.jpg) -520px 0 repeat-y;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		border:0;
		width:516px; height:23px;
		margin:51px 0 0 0;
		background:none;
		overflow:hidden;
		display:block;
		float:right;
	}
		ul#nav li {
			float:left;
			display:inline;
		}
			ul#nav li a {
				height:23px;
				background:url(../../images/nav_community.png) 0 0 no-repeat;
				display:block;
			}
			ul#nav li#navHome {
				width:67px;
			}
				ul#nav li#navHome a {
					background-position:0 0;
				}
					ul#nav li#navHome a:hover {
						background-position:0 -23px;
					}
			ul#nav li#navCommunityGallery {
				width:216px;
			}
				ul#nav li#navCommunityGallery a {
					background-position:-67px 0;
				}
					ul#nav li#navCommunityGallery a:hover {
						background-position:-67px -23px;
					}
			ul#nav li#navBrowseMembers {
				width:177px;
			}
				ul#nav li#navBrowseMembers a {
					background-position:-283px 0;
				}
					ul#nav li#navBrowseMembers a:hover {
						background-position:-283px -23px;
					}
	#footer .info .nav li.community a {
		color:#d24d20;
	}
	a.btn_backToSite {
		width:192px; height:9px;
		margin:62px 0 0 0;
		background:url(../../images/btn_backToSite.png) 0 0 no-repeat;
		display:block;
		float:left;
	}
		a.btn_backToSite:hover {
			background-position:0 -9px;
		}
	#subNav {
		height:32px;
		margin:0 0 8px 0;
		background:url(../../images/bg_tourNav.png) 0 bottom repeat-x;
	}
		#subNav li {
			margin:0 4px 0 0;
			display:inline;
			float:left;
		}
			#subNav li a {
				height:30px;
				background:url(../../images/subNav_community.png) 0 0 no-repeat;
				display:block;
			}
			#subNav li#subNavOverview {
				width:69px;
			}
				#subNav li#subNavOverview a {
					background-position:0 0;
				}
					#subNav li#subNavOverview a:hover {
						background-position:0 -32px;
					}
			#subNav li#subNavGallery {
				width:69px;
			}
				#subNav li#subNavGallery a {
					background-position:-73px 0;
				}
					#subNav li#subNavGallery a:hover {
						background-position:-73px -32px;
					}
			#subNav li#subNavBlog {
				width:89px;
			}
				#subNav li#subNavBlog a {
					background-position:-146px 0;
				}
					#subNav li#subNavBlog a:hover {
						background-position:-146px -32px;
					}
			#subNav li#subNavComments {
				width:103px;
			}
				#subNav li#subNavComments a {
					background-position:-239px 0;
				}
					#subNav li#subNavComments a:hover {
						background-position:-239px -32px;
					}
			#subNav li#subNavFriends {
				width:103px;
			}
				#subNav li#subNavFriends a {
					background-position:-346px 0;
				}
					#subNav li#subNavFriends a:hover {
						background-position:-346px -32px;
					}
			#subNav li#subNavInbox {
				width:103px;
			}
				#subNav li#subNavInbox a {
					height:20px;
					padding:10px 0 0 63px;
					background-position:-453px 0;
					font:normal 12px Georgia, "Times New Roman", Times, serif;
					color:#fff;
				}
					#subNav li#subNavInbox a:hover {
						height:22px;
						padding:8px 0 0 63px;
						background-position:-453px -32px;
						color:#747060;
					}
/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		height:107px;
	}
	h1#h1_theRocketSummerCommunity {
		width:440px; height:34px;
		background:url(../../images/h1_theRocketSummerCommunity.png) 0 0 no-repeat;
	}
	#header {
		width:960px; height:188px;
		margin:36px 0 0 0; padding:0 0 0 0;
		background:url(../../images/bg_headerBorder.png) no-repeat 564px 45px;
	}
		#header .album {
			display:none;
		}
	#header a.backBtn:link, #header a.backBtn:active, #header a.backBtn:visited {
		width:156px; height:13px;
		margin:136px 0 0 0; padding:9px 0 0 1px;
		font:bold 11px Arial, Helvetica, sans-serif;
		background:url(../../images/bg_backToLink.png) 0 0 no-repeat;
		display:block;
		float:left;
	}
		#header a.backBtn:hover {
			
		}
	#commHeader {
		width:508px !important; height:175px;
		margin:0 auto 20px auto; padding:0 0 0 90px;
		background:url(../../images/communityHeader_bg.png) 64px 33px no-repeat;
		overflow:hidden;
		float:left;
	}
		#commHeader ul {
			width:308px;
			margin:71px 0 0 0;
			float:left;
			list-style:none;
			color:#d24d20;
		}
			#commHeader ul li {
				padding:5px 0 0 9px;
				background:url(../../images/list_square.gif) 0 10px no-repeat;
				font:bold 12px Georgia, "Times New Roman", Times, serif;
				line-height:19px;
			}
				#commHeader ul li.title {
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					color:#d24d20;
					background:none;
				}
		#commHeader .joinLink {
			width:152px;
			margin:93px 0 0 0;
			float:left;
		}
			#commHeader .joinLink h2 {
				font:bold 14px Georgia, "Times New Roman", Times, serif;
				color:#f5f1e6;
			}
			#commHeader .joinLink a.btn_join:link, #commHeader .joinLink a.btn_join:active, #commHeader .joinLink a.btn_join:visited {
				width:106px; height:36px;
				margin:5px 0 0 0;
				display:block;
				background:url(../../images/btn_joinNow_lg.png) no-repeat;
			}
			#commHeader .joinLink a.btn_join:hover {
				background-position:0 -36px;
			}
	#header a.btn_checkOutAlbum {
		width:333px; height:108px;
		background:url(../../images/btn_checkOutAlbumCommunity.png) 0 0 no-repeat;
		display:block;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	commLogIn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#newsContent {
		
	}
		#commLogIn .titleBar {
			height:21px;
			padding:8px 0 0 9px;
		}
			#commLogIn .titleBar h1#h1_logIn {
				width:52px; height:12px;
				background:url(../../images/h1_logIn.png) no-repeat;
			}
		#commLogIn .contentBox {
			height:227px;
			padding:12px;
			border-bottom:1px solid #aca394;
		}
			#commLogIn .contentBox .login {
				height:199px;
				padding:21px 0 6px 18px;
				background:#f5f1e6;
				border:none;
			}
			#commLogIn .login label {
				font:normal 16px Arial, Helvetica, sans-serif;
				color:#766044;
			}
			#commLogIn .login .inputBox input {
				width:323px; height:20px;
				margin:4px 0 17px 0; padding:1px 0 0 0;
				background:#dcd6c8;
				border:solid 1px #b6ae9d;
				color:#766044;
			}
			#commLogIn .login .checkBox {	
				margin:0 0 23px 0;
			}
				#commLogIn .contentBox .checkBox input {
					width:15px; height:15px;
					margin:0 4px 0 0;
					float:left;
				}
				#commLogIn .login .checkBox p {
					font:normal 14px Arial, Helvetica, sans-serif;
					color:#766044;
					line-height:14px;
					float:left;
				}
			#commLogIn .login a.btn:link, #commLogIn .login a.btn:active, #commLogIn .login a.btn:visited {
				width:75px; height:23px;
				padding:6px 0 0 0;
				display:block;
				background:url(../../images/btn_75.png) top left no-repeat;
				color:#613300;
				font:bold 14px Arial, Helvetica, sans-serif;
				text-decoration:none;
				text-align:center;
			}
				#commLogIn .login a.btn:hover {
					background-position:bottom;
					color:#14407d;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	blogContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogContent {
		width:602px;
		padding:0 4px 0 10px;
		float:left;
	}
		#blogContent .titleBar {
			height:14px;
			padding:8px 0 0 9px;
		}
		#blogContent .contentBox {
			/*height:216px;*/
			margin:13px 0 0 0; padding:0 13px;
			background:url(../../images/bg_communityBlog.png) 13px 0 repeat-y;
			overflow:hidden;
		}
		#blogContent .footerBar {
			height:16px;
			padding:10px 8px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
		#blogContent .footerBar a:link, #blogContent .footerBar a:active, #blogContent .footerBar a:visited {
			width:96px; height:10px;
			margin:0 0 0 auto;
			background:url(../../images/btn_viewMoreBlogs.png) 0 0 no-repeat;
			display:block;
		}
			#blogContent .footerBar a:hover {
				background-position:0 -10px;
			}
				
		#blogContent h1#h1_latestBlogs {
			width:108px; height:14px;
			background:url(../../images/h1_latestBlogs.png) no-repeat;
		}
		#blogContent .entry {
			/*width:576px;*/
			margin:0 0 1px 0; padding:5px 0;
			background:url(../../images/bg_dotBorder.gif) 0 bottom repeat-x;
		}
			#blogContent .entry p.date {
				width:84px;
				padding:6px 6px 0 0;
				font:normal 11px Georgia, "Times New Roman", Times, serif;
				color:#fffdf2;
				float:left;
				
				text-align:right;
			}
			#blogContent .entry p.text {
				width:470px;
				float:left;
				padding:2px 8px 5px 8px;
				font:normal 16px Arial, Helvetica, sans-serif;
				line-height:21px;
			}
				#blogContent .entry p.text a:link, #blogContent .entry p.text a:active, #blogContent .entry p.text a:visited {

				}
					#blogContent .entry p.text a:hover {

					}
				#blogContent .entry p.text .post {
					margin:2px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					display:block;
				}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	userContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#userContent {
		width:280px;
		margin:0 0 12px 0;
		/*float:left;*/
	}
		#userContent .contentBox {

		}
			#userContent .contentBox .userInfo {
				width:280px;
				padding:10px 0 0 0;
			}
				#userContent .contentBox .userInfo .userPhoto {
					float:left;
				}
					#userContent .contentBox .userInfo .userPhoto img {
						border:solid 3px #b3ab85;
						display:block;
					}
				#userContent .contentBox .userInfo .user {
					margin:0 0 0 10px;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#9b8569;
					float:left;
				}
					#userContent .contentBox .userInfo .user strong {
						font:bold 11px Georgia, "Times New Roman", Times, serif;
					}
					
			/*	NOT LOGGED IN */
			#userContent .contentBox .userInfo .statusText {
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#575757;
			}
			#userContent .contentBox .userInfo .btnHolder {
				padding:0 0 10px 0;
			}
				#userContent .contentBox .userInfo .btnHolder a.btn:link, #userContent .contentBox .userInfo .btnHolder a.btn:active, #userContent .contentBox .userInfo .btnHolder a.btn:visited {
					margin:10px 0 0 0;
				}
			#userContent .contentBox ul {
				width:270px;
				margin:0 0 0 10px; padding:0 0 7px 0;
				color:#fff;
				list-style:none;
			}
				#userContent .contentBox ul li {
					margin:5px 0 0 1px; padding:0 4px 0 0;
					background:url(../../images/list_line.gif) right 5px no-repeat;
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					float:left;
					display:inline;
				}
					#userContent .contentBox ul li.noLine {
						background:none;
					}
					#userContent .contentBox ul li a {
						margin:2px 0 0 0;
						display:block;
					}
						#userContent .contentBox ul li a.active {
							color:#766044;
						}
				#userContent .contentBox ul li a.btn:link, #userContent .contentBox ul li a.btn:active, #userContent .contentBox ul li a.btn:visited {
					width:67px; height:17px;
					padding:2px 0 0 0;
					background:url(../../images/btn_67.png) 0 0 no-repeat;
					font-size:11px;
				}	
					#userContent .contentBox ul li a.btn:hover {
						background-position:0 -20px;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPanel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPanel {
		width:280px;
		margin:31px 0 0 0;
		background:url(../../images/mediaPanel2_bg.png) no-repeat;
		/*float:right;*/
	}
		#mediaPanel .buyLink {
			margin:75px 0 14px 114px;
		}
		#mediaPanel a.btnBuyNow:link, #mediaPanel a.btnBuyNow:active, #mediaPanel a.btnBuyNow:visited {
			width:95px; height:39px;
			margin:0;
			display:block;
			background:url(../../images/btn_buyNow_community.png) 0 0 no-repeat;
		}
			#mediaPanel a.btnBuyNow:hover {
				background-position:0 -39px;
			}
		#mediaPanel #audioPlayerHolder {
			width:280px; height:69px;
			background: url(../../images/audioPlayer_bg.jpg) no-repeat;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		}
			#mediaPanel #audioPlayer {
				padding:10px 10px 0 10px;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	photosContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosContent {
		width:299px;
		margin:20px 8px 0 20px;
		display:inline;
		float:left;
	}
		#photosContent .titleBar {
			height:21px;
			padding:7px 0 0 0;
		}
		#photosContent .contentBox {
			/*height:230px;*/
			padding:8px 0 0 1px;
			/*overflow:hidden;*/
		}
		#photosContent .footerBar {
			height:16px;
			padding:3px 8px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
		#photosContent .footerBar a:link, #photosContent .footerBar a:active, #photosContent .footerBar a:visited {
			width:104px; height:10px;
			background:url(../../images/btn_viewMorePhotos.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			#photosContent .footerBar a:hover {
				color:#f9e98a;
				background-position:0 -10px;
			}
		#photosContent h1#h1_photos {
			width:60px; height:14px;
			background:url(../../images/h1_photos.png) no-repeat;
		}
		#photosContent .entry {
			width:300px;
			text-align:center;
		}
			#photosContent .entry a:link, #photosContent .entry a:active, #photosContent .entry a:visited {
				padding:5px;
				display:block;
				background:#f1f1f1;
				overflow:hidden;
				float:left;
			}
				#photosContent .entry a:hover {
					background:#ffffff;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	communityContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityContent {
		width:290px;
		margin:20px 0 0 0;
		float:left;
	}
		#communityContent .titleBar {
			height:21px;
			padding:7px 0 0 0;
		}
		#communityContent .contentBox {
			height:230px;
			padding:8px 0 0 0;
			overflow:hidden;
		}
		#communityContent .footerBar {
			height:16px;
			padding:3px 8px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
		#communityContent .footerBar a:link, #communityContent .footerBar a:active, #communityContent .footerBar a:visited {
			width:107px; height:10px;
			background:url(../../images/btn_becomeAMember.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			#communityContent .footerBar a:hover {
				color:#f9e98a;
				background-position:0 -10px;
			}
		#communityContent h1#h1_communityLatestMembers {
			width:234px; height:21px;
			background:url(../../images/h1_communityLatestMembers.png) no-repeat;
		}
		#communityContent .entry {
			width:92px; height:110px;
			margin:0 4px 2px 0; padding:5px 0 0 0;
			background:#f5f1e6;
			font:normal 11px Arial, Helvetica, sans-serif;
			float:left;
			text-align:center;
			behavior:url("csshover.htc");
		}
			#communityContent .entry:hover {
				background:#fff;
			}
			#communityContent .entry a img {
				padding:0 0 5px 0;
				display:block;
				margin:0 auto;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	fans altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol .fansContent {
		width:300px;
		margin:3px 0 0 0;
		float:left;
	}
	#altCol .fansContent .fanTitle {
		border-bottom:1px solid #D7D0AC;
		width:269px; height:17px;
		margin:0 0 15px 0; padding:7px 0 0 9px;
	}
		#altCol .fansContent .fanTitle h2 {
			width:87px; height:11px;
			background:url(../../images/h1_latestFans.png) 0 0 no-repeat;
			text-indent:-3000px;
		}
	#altCol .fansContent .allfans {

	}
		#altCol .fansContent .allfans ul.entry {
			margin:0;
			background:none !important;
		}
			#altCol .fansContent .allfans ul.entry li {
				width:92px; height:90px;
				margin:0 4px 2px 0;
				background:#dfd9bd;
				float:left;
				overflow:hidden;
			}
				#altCol .fansContent .allfans ul.entry li .userpic {
					width:50px;
					margin:3px auto 5px auto; padding:1px;
				}
				#altCol .allFans .fan-status {
					display:none;
				}
				#altCol .fansContent .allfans ul.entry li .info {
					width:100px;
					margin:0 auto;
					overflow:hidden;
					text-align:center;
				}					
					#altCol .fansContent .allfans ul.entry li .info a {
						font:bold 13px Georgia, "Times New Roman", Times, serif;
						text-decoration:none;
						line-height:30px;
					}
					#altCol .fansContent .allfans ul.entry li .info .loc {
						font:normal 11px Georgia, "Times New Roman", Times, serif;
						line-height:11px;
					}
					#altCol .fansContent .allfans ul.entry li .info .date {
						font:normal 11px Georgia, "Times New Roman", Times, serif;
						line-height:11px;
					}
					#altCol .fansContent .allfans ul.entry li .info .username {
						font:bold 11px Georgia, "Times New Roman", Times, serif;
						color:#d35d30;
					}
	#altCol .fansContent  .footerBar {
		height:16px;
		padding:3px 8px 0 0;
		text-align:right;
		font:bold 10px Arial, Helvetica, sans-serif;
		line-height:11px
	}
		#altCol .fansContent  .footerBar a {
			padding:0 14px 0 0;
			background:url(../../images/btn_doMoreArrows.gif) right 3px no-repeat;
			color:#c3d9ab;
		}
			#altCol .fansContent  .footerBar a:hover {
				background-position:right -37px;
				color:#f9e98a;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#altCol userContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #userContent {
		width:279px;
		margin:0 0 3px 0;
	}
		#userContent .titleBar {
			border-bottom:solid 1px #d7d0ac;
			height:18px;
			padding:9px 0 0 2px;
			color:#a15400;
		}
			#userContent .titleBar h1#h1_rsCommunity {
				width:199px; height:15px;
				background:url(../../images/h1_rocketSummerCommunity.png) no-repeat;
			}
	
	#altCol #mediaPanel {
		margin:31px 0 0 0;
	}
		/*#altCol #userContent .contentBox {

		}
			#altCol #userContent .contentBox .userInfo {
				width:292px;
				padding:10px 0 0 0;
			}
				#altCol #userContent .contentBox .userInfo .userPhoto {
					float:left;
				}
					#altCol #userContent .contentBox .userInfo .userPhoto img {
						border:solid 3px #b3ab85;
						display:block;
					}
				#altCol #userContent .contentBox .userInfo .user {
					margin:0 0 0 10px;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#9b8569;
					float:left;
				}
					#altCol #userContent .contentBox .userInfo .user strong {
						font:bold 11px Georgia, "Times New Roman", Times, serif;
					}*/
					
			/*	NOT LOGGED IN */
			/*#altCol #userContent .contentBox .userInfo .statusText {
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#575757;
			}
			#altCol #userContent .contentBox .userInfo .btnHolder {
				padding:0 0 10px 0;
			}
				#altCol #userContent .contentBox .userInfo .btnHolder a.btn:link, #altCol #userContent .contentBox .userInfo .btnHolder a.btn:active, #altCol #userContent .contentBox .userInfo .btnHolder a.btn:visited {
					width:60px; height:16px;
					margin:10px 0 0 0; padding:2px 0 0 0;
					display:block;
					background:url(../../images/btn_70.png) no-repeat;					
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#fff;					
					text-align:center;
					text-transform:uppercase;
				}
					#altCol #userContent .contentBox .userInfo .btnHolder a.btn:hover {
						color:#fff;
						background-position:0 -19px;
					}
			#altCol #userContent .contentBox ul {
				width:296px;
				padding:0 0 7px 0;
				color:#fff;
				list-style:none;
			}
				#altCol #userContent .contentBox ul li {
					margin:5px 0 0 1px; padding:0 4px 0 0;
					background:url(../../images/list_line.gif) right 5px no-repeat;
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					float:left;
					display:inline;
				}
					#altCol #userContent .contentBox ul li.noLine {
						background:none;
					}
					#altCol #userContent .contentBox ul li a {
						margin:2px 0 0 0;
						display:block;
					}
						#altCol #userContent .contentBox ul li a.active {
							color:#766044;
						}
				#altCol #userContent .contentBox ul li a.btn:link, #altCol #userContent .contentBox ul li a.btn:active, #altCol #userContent .contentBox ul li a.btn:visited {
					width:67px; height:17px;
					padding:2px 0 0 0;
					background:url(../../images/btn_67.png) 0 0 no-repeat;
					font-size:11px;
				}	
					#altCol #userContent .contentBox ul li a.btn:hover {
						background-position:0 -20px;
					}*/