@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - JESSIE JAMES COMMUNITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jessie_community.css
	Date:			Aug 04, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background:url(../../images/nav_current.png) 742px 1px no-repeat;
	}
	#nav li.navCommunity a {
		background-position:-708px -40px;
	}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.header {
		
	}
		.header h1 {
			width:420px; height:30px;
			margin:0 0 0 10px;
			float:left;	
		}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav_community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav_community {
		border-top:dashed 1px #002531; border-bottom:dashed 1px #002531;
		width:585px; height:11px;
		margin:0 0 20px 0; padding:12px 0 11px 0;
		background:url(../../images/nav_current.png) 0 1px no-repeat;
		float:left;
	}
		ul#nav_community li {
			height:11px;
			float:left;
			display:inline;
		}
		ul#nav_community li a {
			height:11px;
			background:url(../../images/nav_community.png) 0 0 no-repeat;
			display:block;
		}
			ul#nav_community li.nav_profile {
				width:52px;
				margin:0 0 0 16px; padding:0 48px 0 0;
			}
				ul#nav_community li.nav_profile a {
					width:52px;
					background-position:0 0;
				}
					ul#nav_community li.nav_profile a:hover {
						background-position:0 -11px;
					}
			ul#nav_community li.nav_blog {
				width:34px;
				padding:0 49px 0 0;
			}
				ul#nav_community li.nav_blog a {
					width:34px;
					background-position:-100px 0;
				}
					ul#nav_community li.nav_blog a:hover {
						background-position:-100px -11px;
					}
			ul#nav_community li.nav_photos {
				width:52px;
				padding:0 47px 0 0;
			}
				ul#nav_community li.nav_photos a {
					width:52px;
					background-position:-183px 0;
				}
					ul#nav_community li.nav_photos a:hover {
						background-position:-183px -11px;
					}
			ul#nav_community li.nav_guestbook {
				width:79px;
				padding:0 48px 0 0;
			}
				ul#nav_community li.nav_guestbook a {
					width:79px;
					background-position:-282px 0;
				}
					ul#nav_community li.nav_guestbook a:hover {
						background-position:-282px -11px;
					}
			ul#nav_community li.nav_friends {
				width:53px;
				padding:0 52px 0 0;
			}
				ul#nav_community li.nav_friends a {
					width:53px;
					background-position:-409px 0;
				}
					ul#nav_community li.nav_friends a:hover {
						background-position:-409px -11px;
					}
			ul#nav_community li.nav_inbox {
				width:41px;
			}
				ul#nav_community li.nav_inbox a {
					width:41px;
					background-position:-514px 0;
				}
					ul#nav_community li.nav_inbox a:hover {
						background-position:-514px -11px;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community {
		margin:0 0 0 25px;
	}
		#community .content {
			border:1px dashed #002531;
			margin:0 0 30px 0; padding:20px 10px 10px 10px;
			background:url(../../images/bg_checker.gif) repeat;
		}
			
			
/*	--------------------------------------------------------------------------------------------------------------------------
	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;
				}
	.contentHolder {
		padding:0 0 30px 0;
		background:#e3dfd3;
	}	
				
/*	--------------------------------------------------------------------------------------------------------------------------
	blogContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogContent {
		width:604px;
		padding:0 4px 0 10px;
		float:left;
	}
		#blogContent .titleBar {
			height:21px;
			padding:8px 0 0 9px;
			background:#231e1b;
		}
		#blogContent .contentBox {
			height:216px;
			padding:13px 13px 0 13px;
			overflow:hidden;
			background:#9b9283;
		}
		#blogContent .footerBar {
			height:16px;
			padding:6px 13px 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 {
				padding:0 7px 0 0;
				color:#d8cfbd;
				text-decoration:none;
				background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
			}
				#blogContent .footerBar a:hover {
					color:#ff0000;
					background-position:right -40px;
				}
				
		#blogContent h1#h1_latestBlogs {
			width:165px; height:14px;
			background:url(../../images/h1_latestBlogEntries.png) no-repeat;
		}
		#blogContent .entry {
			width:576px;
			margin:0 0 1px 0; padding:0 0 2px 0;
			background:#f1f1f1 url(../../images/bg_communityBlog.png) 0 0 repeat-y;
		}
			#blogContent .entry p.date {
				width:84px;
				padding:6px 6px 0 0;
				float:left;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#f1f1f1;
				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 {
					color:#d33030;
				}
					#blogContent .entry p.text a:hover {
						color:#ff0000;
					}
				#blogContent .entry p.text .post {
					margin:2px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					display:block;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPanel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPanel {
		width:320px; height:283px;
		background:url(../../images/mediaPanel3_bg.jpg) no-repeat;
		float:left;
		display:inline;
	}
		#mediaPanel .buyLink {
			margin:127px 0 0 130px;
		}
		#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.jpg) 0 0 no-repeat;
		}
			#mediaPanel a.btnBuyNow:hover {
				background-position:0 -39px;
			}
		#mediaPanel #audioPlayerHolder {
			width:277px; height:59px;
			margin:37px 0 0 18px;
			background: url(../../images/audioPlayer_bg.jpg) no-repeat;
			color:#fad58b;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			display:inline;
		}
			#mediaPanel #audioPlayer {
				padding:10px 10px 0 10px;
			}
			#mediaPanel #audioPlayerHolder a:link, #mediaPanel #audioPlayerHolder a:active, #mediaPanel #audioPlayerHolder a:visited {
				color:#fefbbf;
			}
				#mediaPanel #audioPlayerHolder a:hover {
					color:#e4efff;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	photosContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosContent {
		width:314px;
		margin:20px 3px 0 16px;
		background:#9b9283;
		float:left;	
	}
		#photosContent .titleBar {
			height:17px;
			padding:7px 0 0 9px;
			background:#231e1b;
		}
		#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 {
			padding:0 7px 0 0;
			color:#d8cfbd;
			text-decoration:none;
		}
			#photosContent .footerBar a:hover {
				color:#000;
			}
		#photosContent h1#h1_photos {
			width:196px; height:14px;
			background:url(../../images/h1_latestGalleryPhotos.png) no-repeat;
		}
		#photosContent .entry {
			width:300px;
			text-align:center;
		}
			#photosContent .entry a:link, #photosContent .entry a:active, #photosContent .entry a:visited {
				width:300px; height:217px;
				padding:5px;
				display:block;
				background:#f1f1f1;
				overflow:hidden;
			}
				#photosContent .entry a:hover {
					background:#ffffff;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	communityContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityContent {
		width:314px;
		margin:20px 0 0 0;
		background:#9b9283;
		float:left;
	}
		#communityContent .titleBar {
			height:19px;
			padding:5px 0 0 9px;
			background:#231e1b;
		}
		#communityContent .contentBox {
			height:230px;
			padding:8px 0 0 5px;
			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 {
			padding:0 7px 0 0;
			color:#d8cfbd;
			text-decoration:none;
			background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
		}
			#communityContent .footerBar a:hover {
				color:#ff0000;
				background-position:right -40px;
			}
		#communityContent h1#h1_communityLatestMembers {
			width:251px; height:19px;
			background:url(../../images/h1_community-LatestMembers_15px.png) no-repeat;
		}
		#communityContent .entry {
			width:100px; height:115px;
			margin:0 1px 1px 0;
			font:normal 11px Arial, Helvetica, sans-serif;
			float:left;
			text-align:center;
			overflow:hidden;
		}
			#communityContent .entry a:link, #communityContent .entry a:active {
				width:100px; height:110px;
				padding:5px 0 0 0;
				display:block;
				background:#f5f1e6;
			}
				#communityContent .entry a:visited {
					width:100px; height:110px;
					padding:5px 0 0 0;
					display:block;
					background:#e8e3d4;
				}
				#communityContent .entry a:hover {
					width:100px; height:110px;
					padding:5px 0 0 0;
					display:block;
					background:#fff;
				}
			#communityContent .entry a img {
				padding:0 0 5px 0;
				display:block;
				margin:0 auto;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	userContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #userContent {
		width:320px;
		margin:0 0 3px 0;
	}
		#userContent .titleBar {
			height:19px;
			padding:9px 0 0 9px;
			background:#231e1b;
			color:#a15400;
			
		}

			#userContent .titleBar h1#h1_jameyJohnsonCommunity {
				width:196px; height:16px;
				background:url(../../images/h1_jameyJohnsonCommunity.png) no-repeat;
			}
		#altCol #userContent .contentBox {
			padding:8px 0 8px 9px;
			background:#cbc3b6;
		}
			#altCol #userContent .contentBox .userInfo {
				width:292px;
				padding:10px 0 0 10px;
				background:#f1f1f1;
			}
				#altCol #userContent .contentBox .userInfo .userPhoto {
					float:left;
				}
					#altCol #userContent .contentBox .userInfo .userPhoto img {
						display:block;
					}
				#altCol #userContent .contentBox .userInfo .user {
					margin:0 0 0 10px;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#9b8569;
					float:left;
				}
					#altCol #userContent .contentBox .userInfo .user strong {
						font:normal 13px Arial, Helvetica, sans-serif;
					}
			/*	NOT LOGGED IN */
			#altCol #userContent .contentBox .userInfo .statusText {
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#9b8569;
			}
			#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:70px; 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:#cfcfcf;					
					text-align:center;
					text-transform:uppercase;
				}
					#altCol #userContent .contentBox .userInfo .btnHolder a.btn:hover {
						color:#a5bdde;
						background-position:bottom;
					}
			#altCol #userContent .contentBox ul {
				width:292px;
				padding:0 0 7px 10px;
				background:#f5f1e6;
				color:#9b8569;
				list-style:none;
			}

				#altCol #userContent .contentBox ul li {
					margin:5px 0 0 0; padding:0 4px 0 0;
					background:url(../../images/list_line.gif) right 5px no-repeat;
					font:normal 11px Arial, Helvetica, sans-serif;
					float:left;
					display:inline;
				}
					#altCol #userContent .contentBox ul li.noLine {
						background:none;
					}
					#altCol #userContent .contentBox ul li a {
						margin:2px 0 0 0;
					}
						#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:70px; height:18px;
					margin:0 0 0 15px;
					display:block;
					background:url(../../images/btn_logout.jpg) no-repeat;					
				}
					#altCol #userContent .contentBox ul li a.btn:hover {
						color:#a5bdde;
						background-position:0 -18px;;
					}
/*	--------------------------------------------------------------------------------------------------------------------------
	#profileSmall Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profileSmall {
		border-bottom:dashed 1px #002531;
		width:565px;
		padding:0 0 25px 0; margin:0 0 30px 0;
		position:relative;
	}
		#profileSmall h2 {
			margin:0 0 15px 0;
			font:bold 17px Arial, Helvetica, sans-serif;
			color:#9eafb3;
		}
		#profileSmall .profile {
			width:480px;
		}
			#profileSmall .profile .imgHolder {
				width:102px;
				padding:3px 3px 3px 3px;
				background:#b7ddea;
				float:left;
			}
				#profileSmall .profile .imgHolder img {
					border:solid 1px #000;
					margin:0 auto;
					display:block;
				}
			#profileSmall .profile .info {
				width:315px;
				padding:0 0 0 25px;
				float:left;
				font:normal 13px Arial, Helvetica, sans-serif;
				color:#546063;
			}
				#profileSmall .profile .info .stat {
					margin:0 0 12px 0;
				}
				#profileSmall .btns {
					top:125px; margin-left:135px;
					width:315px;
					position:absolute;
				}
					#profileSmall .btns a.btn_addFriend {
						width:151px; height:19px;
						background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#profileSmall .btns a.btn_addFriend:hover {
							background-position:0 -19px;
						}
					#profileSmall .btns a.btn_sendMessage {
						width:151px; height:19px;
						background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
						display:block;
						float:right;
					}
						#profileSmall .btns a.btn_sendMessage:hover {
							background-position:0 -19px;
						}
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #comments {
		margin:0;
	}