/* REF 

almost black
#D1D1D1;


v.dark grey 
headings and body text
#6d6e71;



medium grey 
blog head and footer bg color
#B0B1B3;

*/

.profileAvatar {
	width: 100px;
	height: 64px;
	
	margin-bottom: 36px;

}


.profileAvatar img {
	float: left; 
	margin-right: 10px;
	margin-bottom: 36px;

}

.profileBoxLink {
	margin: 0px;
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
	color: #6d6e71;
}


.postData {
	margin: 0px;
	font-size: 10px;
	color: #6d6e71;
}

.postDataHeading {
	font-style: italic;
	color: white;
	
}




/* AS BLOG */


.topBanner {
	margin: 5px;
	
	height: 35px;
	width: 100%;
	
	position: absolute;
	top: 0px;
	
	background: none;
}


.bottomBanner {
	height: 50px;
	margin: 5px;
	width: 100%;
	
	background: none;
	position: absolute;
	bottom: 0px;
}

.contentPreview {
/*
	height: 50px;

	margin: 0px 5px 0 5px;

	position: absolute;
	
	top: 100px;
*/	
	padding-top: 100px;
	
}

.profileBannerMargin {
	margin-top:  100px;
	
	height: 360px;
	
}

.profileBannerUser {
	margin: 20px 5px 5px 5px;
	
	height: 75px;
	width: 100%;
	
	position: absolute;
	top: 0px;
	
	background: none;


}

.profileBannerUser img {
	float: left;
	
	margin-right: 10px;
}

.profileBannerUser h1 {
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
	color: #6d6e71;
	margin: 0px;
}

.profileBannerUser h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}


.selector {
border: solid 5px orange;
}