/*Elements*/
body
{
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
	font-size: 11px; 
	margin: 0; 
	padding: 0; 
}
dl dt 
{
    background:#edf4ec;
    color:#000;
    float:left;
    font-weight:bold;
    margin-right:5px;
    padding:8px;
    width:100px;
}
 
dl dd 
{
    margin:3px 0;
    padding:5px 0;
}

input, textarea
{
	border: 1px solid #296000; 
	background: #fff; 
	color: black; 
}
input:focus, textarea:focus
{
	background: #F0FFF0;
	border: 1px solid #49E20E; 
}
a
{
	text-decoration: none; 
	
}
	a:link
	{
		color: #296000;
	}
	a:visited
	{
		color: #028a2f;
	}
	a:hover
	{
		text-decoration: underline; 
	}
	a:active
	{
		background: #296000; 
		color: #fff; 
	}
	a img
	{
		border: 0; 
	}
h5
{
	margin: 3px; 
	font-size: 11px; 
}
h1
{
	margin: 0; 
	padding: 0; 
}
img
{
	margin: 0;
	padding: 0; 
}
/*ID's*/ 
/*credit*/
#addThis
{
	padding: 0 0 15px 45px; 
}
#credit h2, #credit h3
{
	text-align: center; 
}
#credit dl dt 
{
    background:#edf4ec;
    color:#000;
    float:left;
    font-weight:bold;
    margin-right:5px;
    padding:8px;
    width:445px;
}
 
#credit dl dd 
{
    margin:3px 0;
    padding:8px 0;
}
/*Info*/
#infoBox
{
width: 580px; 
margin: 0 auto; 
}
	#infoBox h2 
	{
		color: #296000; 
		margin: 0; 
		padding: 0; 
	}
	#infoWrapper
	{
		margin: 0 0 30px 0; 
	}
		#infoPicAvatar
		{
			float: left;
			padding: 0 15px 0 0; 
		}
			#infoTextAvatar p
			{
				padding: 0; 
				margin: 0; 
			}
/*Gallery ID's*/
#warning
{
	background: #FFFCCF url('../img/warning.png') no-repeat;  
	background-position: 10px 10px;
	padding: 5px 5px 10px 50px;  
	margin: 0 0 15px 0; 
	border: 1px solid black; 
}
#error
{
	background: #FFCCCC url('../img/error.png') no-repeat;  
	background-position: 10px 10px;
	padding: 5px 5px 10px 50px;  
	margin: 0 0 15px 0; 
	border: 1px solid black; 
}
#success
{
	background: #A6D785 url('../img/success.png') no-repeat;  
	background-position: 10px 10px;
	padding: 5px 5px 10px 50px;  
	margin: 0 0 15px 0; 
	border: 1px solid black; 
}
#galleryFull, #galleryDisplayFull
{
	margin: 0 auto; 
	width: 580px; 
	
}
#galleryDisplayFull
{
	text-align: center; 
	min-height: 300px;
}
#galleryFull
{ 
	padding-left: 40px; 
}
	#galleryFull img
	{
		margin: 5px; 
	}
#galleryNav
{
	text-align: center; 
	width: 250px; 
	margin: 0 auto; 
	padding: 10px; 
}
	#galNavLeft
	{
		float: left; 
	}
	#galleryNav a
	{
		color: white; 
		font-weight: bold; 
	}
	#galleryNav a:hover
	{
		text-decoration: none; 
		background: #EDF4EC;
		color: black; 
	}
	#galNavRight
	{
		float: right; 
	}
/*Contact Page ID's*/ 
#contactVIP
{
	margin: 0 auto; 
}
#email, #name, #comment
{
	background-position: 3px 0;
    background-repeat: no-repeat;
	padding-left: 22px; 
}
#email
{
	background-image: url('../img/email.png');
}
#name
{
	background-image: url('../img/user_green.png');
}
#comment
{
	background-image: url('../img/comment.png');
}
/*Index ID's*/ 
#video
{ 
	text-align: center; 
}
#shadow, #hidden
{
	display: none; 
}
#shadow
{
	z-index: 1; 
	background: #000; 
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%; 
	height: 100%; 
	/*Breaks CSS Validation*/ 
	filter: alpha(opacity=50); /*Internet Explorer Opacity Fix*/ 
	-moz-opacity: 0.5; /*Older versions of Gecko Engine*/ 
	-khtml-opacity: 0.5; /*Older Versions of Webkit Engine*/ 
	opacity: 0.5; /*Opacity for CSS3 Compliant Browser*/ 
}
#hidden
{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 2;
}
	#hiddenWrapper
	{	
		z-index: 3; 
		width: 950px; 
		margin: 0 auto; 
		padding-top: 65px; 
	}
		#hiddenClose
		{
			padding: 6px; 
			margin: 0 15px -6px 0; 
			text-align: center; 
			float: right; 
			background: #fff; 
			border-radius: 6px; /*Border Radius for Presto / Webkit Rendering Engine*/ 
			-moz-border-radius: 6px; /*Border Radius Fix for Gecko Rendering Engine*/ 
		}
			#hiddenClose a:hover
			{
				background: white; 
			}
		#hiddenContent
		{
			background: #fff;
			clear: both; 
			padding: 10px; 
			-moz-border-radius: 6px; /*Border Radius Fix for Gecko Rendering Engine*/ 
			border-radius: 6px; /*Border Radius for Presto / Webkit Rendering Engine*/ 
		}
#header
{
	background-color: #028a2f; 
	/*for Christmas!*/
	background-image: url('../img/christmas.jpg');  
	background-repeat:repeat-x;
	/*End Christmas*/
	padding: 5px 40px 5px 25px; 
}
	#headerWrapper
	{
		width:930px;
		margin: 0 auto; 
	}
		#headerLeft
		{
			width: 305px; /* Worth Noting that on Facebook this section is the same size as the left column */ 
			float: left; 
		}
			#headerLeftLogo
			{
				float: left; 
			}
			#headerLeftButtons
			{
				float: right; 
			}
				#headerLeftButtons img
				{
					padding: 0 0 0 5px; 
				}
		#headerRight
		{
			float: right; 
			color: #ccc; 
			font-size: 18px;
		}
			#headerRightLogo
			{
				float: left; 
				width: 35px; 
			}
			#headerRightText
			{
				float: right;  
				margin-top: 5px; 
			}
			#headerRight a
			{
				color: #fff; 
				font-weight: bold;
			}		
#content
{
	width: 950px; 
	margin: 0 auto; /*For Modern Browsers (Non <= IE 8)*/ 
	padding: 10px 0 0 0; 
}
#col1
{
	max-width: 197px; 
	float: left; 
}
	#profileInfo
	{
		padding: 5px 0 5px 0; 
		border-bottom: 1px solid #ccc; 
	}
		#profileInfo a
		{
			display: block; 
			padding: 3px; 
			color: #222;
			font-family: verdana; 
			font-size: 13px; 
			margin: 2px 0 2px 0; 
		}
			#profileInfo a:hover
			{
				background: #86cd7e; 
				text-decoration: none; 
			}
			#profileInfo a img
			{
				margin: 0 5px 0 0; 
			}
		#profileFriends p, #profileFamily p
		{
			width: 163px;
		}
		#profileFriends img, #profileFamily img
		{
			float: left; 
			margin: 0 5px 10px 0; 
		}
		#profileFriends a, #profileFamily a
		{
			font-size: 13px; 
			font-weight: bold; 
		}
#col2
{
	max-width: 449px;
	float: left; 
	padding: 0 40px 0 40px; 
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
}
	#info
	{
		color: #999; 
		font-size: 12px; 
		text-align: justify;
	}
		#info h1
		{
			color: #000; 
			margin: 0 0 5px -2px;
		}
		#info img
		{
			margin: 0 3px 0 0; 
		}
		#info p
		{
			margin: 0 0 0 0; 
		}
	#gallery
	{
		padding: 10px 0 5px 0;
		border-bottom: 1px solid #ccc; 
	}
		#gallery img
		{
			margin: 0 7px 0 7px; 
		}
			#gallery a:hover
			{
				text-decoration: none; 
			}
		#galleryButton
		{
			font-size: 13px; 
			font-weight: bold; 
			margin: 4px 0 0 0; 
		}
				#galleryButton a:hover
				{
					text-decoration: underline; 
				}
	#legal
	{
		text-align: center; 
		font-size: 10px; 
	}
#col3
{
	max-width: 220px; 
	min-width: 220px; 
	float: left; 
	padding: 0; 
}
	#contact
	{
		padding: 20px 20px 20px 55px; 
	}
		#contact a
		{
			color: #fff; 
			padding: 3px; 
		}
		#contact a:hover
		{
			text-decoration: none; 
			background: #EDF4EC;
			color: black; 
		}
		#ads h5, #quickLinks h5
		{
			background: #eee;
			padding: 5px; 
		}
/*Classes*/
.infoText
{ 
	margin: 0 0 0 40px; 
	padding: 0 0 0 20px; 
	background: url('../img/chasebookPawSmallIcon.png') no-repeat; 
	background-position: 0px 5px; 
}
.window2
{
background: #A6D785;
}
.window1,.window2
{
padding: 10px; 
}
.clear
{
	clear: both; 
}
.profileSelected
{
	background: #a5ce9e; 
}
.friendsList
{
	text-align: center; 
	color: #a5ce9e;
}
.postWrapper
{
	width: 449px; 
	margin: 0 auto; 
}
.post{
	margin: 10px 0 10px 0; 
	border-bottom: 1px solid #ccc; 
	padding: 0 0 10px 0; 
}
	.postAuthor
	{
		width: 47px; 
		float: left; 
		margin: 0 0 0 15px; 
	}
	.postContent
	{
		width: 375px;  
		float: right; 

	}
		.postContent a{
			font-weight: bold; 
		}
		.postContent p{
			margin: 7px 0 7px 0; 
		}
		.postLink
		{
			margin: 0 0 10px 0; 
		}
			.postLinkImg
			{
				float: left; 
				width: 55px; 
			}
			.postLinkContent
			{
				float: right;
				width: 310px;
				color: #999;
			}
				.postLinkContentTitle
				{
					width: 74%; 
					float: left; 
				}
				.postLinkContentButton
				{
					float: right;
					width: 21%; 
				}
					.postLinkContentButton a
					{
						border: 1px solid #296000;
						display: block;  
						text-align: center; 
						background: #028A2F;
						color: white; 
					}
					.postLinkContentButton a:hover
					{
						color: #000; 
						text-decoration: none; 
						background: #edf4ec
					}
		.postCommentTitleInfo 
		{
			color: #999; 
		}
			.postCommentTitleInfo img
			{
				margin: 0 5px 0 0; 
			}
			.postCommentTitleInfo h5
			{
				margin: 0; 
				padding: 0;
				display: inline; 
			}
		.postCommentTitle
		{
			color: #A5CE9E; 
		}
		.postComment, .postTop
		{
			background: #edf4ec; 
			padding: 5px; 
			margin: 3px 0 3px 0; 
		}
			.postTop img
			{
				margin: 0 5px 0 0; 
			}
			.postCommentPic
			{
				float: left; 
				margin: 0 5px 0 0;
				width: 28px; 
			}
			.postCommentContent
			{
				float: left;
				padding: 2px; 
				width: 89%;
			}
				.postCommentContent p
				{
					margin: 0; 
					
				}
			.postCommentInfo
			{
				color: #999; 
			}
.button
{
	border: 1px solid #296000;
	display: block; 
	width: 100px; 
	text-align: center; 
	background: #028A2F;
}			
.ad, .quicklink
{
	margin: 7px; 
}

	.ad a, .quicklink a
	{
		font-weight: bold; 
		margin: 0 0 0 2px; 
	}
	.adContent, .qlContent
	{
		margin: 5px 0 0 0;
	}
	.adPic
	{
		width: 70px; 
		float: left; 
	}
	.adText
	{
		float: right; 
		width: 115px;
		padding: 0 0 0 5px; 
	}
	
	.qlPic
	{
		width: 40px; 
		float: left; 
	}
	.qlText
	{
		width: 145px;
		float: right; 
		padding: 0 0 0 5px; 
	}
/* 
Some Color Ideas: 
Comment BG Color On Original 	PSD:	eceff4
								Green: 	edf4ec
Link Color on Orginal			PSD: 	9eb0ce
								Green: 	296000
Friends Title Header			PSD: 	94b4da
								Green: 	a5ce9e
Known Bugs:
	IE 8 - Name of friend in Friends Column Not breaking 
	so stretching page. 
*/