/* CSS CLASS FOR LAZY THEMBA NDALA */

body {
	margin:0px;
	padding:0px;
	background:#FFb2FA;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	}
	
#CenterWraper {
	margin:0 auto;
	text-align:center;
	width:950px;
	}

p.Offline {
	background:#FFFFFF;
	color:#CC0000; 
	font-weight:bold;
	font-size:14px;
	margin:5px 0 5px 0;
	padding:2px;
	width:120px;
	letter-spacing:1px;
	}

p.Online {
	background:#FFFFFF;
	color:#009900; 
	font-weight:bold;
	font-size:14px;
	margin:5px 0 5px 0;
	padding:2px;
	width:120px;
	letter-spacing:1px;
	}

#LightOrange {
	background:#FF9933;
	padding:10px;
	width:430px;
	margin:0 0 0 0;
	}

#LoginOrange {
	background:#FF9933;
	padding:10px;
	width:220px;
	margin:0 0 10px 0;
	}
	
#POPup {
	background:url(../../img/gif/popupBG.gif) no-repeat;
	}
	
#PAGING {
	margin:25px 0 0 20px;
	padding:0 0 20px 0;
	}
		
/* ---------------------- HEADER SECTION ------------------- */

a.BlueLink { color:#003399; text-decoration:none; }
a.BlueLink:hover { color:#003399; text-decoration:none; }

a.BlackLink { color:#000000; text-decoration:none; }
a.BlackLink:hover { color:#000000; font-weight:bold; text-decoration:none; } 

#HeadWraper {
	margin:0 auto;
	text-align:center;
	padding:30px 0 0 0;
	text-align:center;
	height:260px;
	background:#FFb2FA url(../img/gif/TopBG.gif) no-repeat;
	}
	
#HeaderImg {
	margin:0 auto;
	text-align:center;
	height:178px;
	width:950px;
	background:url(../img/gif/Header.jpg) no-repeat;
	}

#LoginBar {
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
	height:60px;
	width:950px;
	background:url(../img/gif/LoginBar.gif) no-repeat;
	}

#StatsHolder {
	margin:0 0 0 35px;
	letter-spacing:1px;
	}
	
#TitleBG {
	background:url(../img/gif/TitleHolder.gif) no-repeat;
	width:452px;
	height:32px;
	padding:10px 0 0 10px;
	margin:10px 0 20px 20px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	}
	
/* ------------------------- MENU_BAR ------------------------- */

#LeftBar {
	float:left;
	margin:0 auto;
	text-align:left;
	width:243px;
	}
	
#NavWraper {
	padding:35px 0 0 0;
	text-align:center;
	width:243px;
	height:390px;
	background:url(../img/gif/NavBar.gif) no-repeat;
	}
	
#LoginBox {
	margin:0 0 0 0;
	background:url(../img/gif/LoginBox.gif) no-repeat;
	width:241px;
	height:210px;
	padding:26px 0 0 0;
	}
	
#SearchBox {
	margin:0 0 0 0;
	background:url(../img/gif/searchBox.gif) no-repeat;
	width:241px;
	height:351px;
	padding:73px 0 0 16px;
	}
	
.NavBTN { margin:0 0 6px 0; border:0; }
#Faces2cBanner { margin:27px 0 0 0; border:0; }
	
/* ------------------------ CONTENT DISPLAY -------------------- */

#AboutUs {
	width:550px;
	margin:0 0 0 18px;
	}
	
#TopCurve {
	width:700px;
	height:33px;
	margin:0 0 0 240px;
	background:url(../img/gif/TopCurve.gif) no-repeat;
	}

#BottomCurve {
	width:700px;
	height:33px;
	margin:0 0 0 240px;
	background:url(../img/gif/BottomCurve.gif) no-repeat;
	}

#ContentWraper {
	width:700px;
	margin:0 0 0 240px;
	padding:5px 0 0 35px;
	background:url(../img/gif/ContentBG.gif) repeat-y;
	}
	
#InfoDisplay {
	width:600px;
	text-align:left;
	padding:0 0 0 20px;
	}
	
/* ----------------------- PROFILE WRAPER -------------------- */

#ProfileWraper {
	border-bottom:1px dotted #CCCCCC;
	width:500px;
	height:180px;
	padding:10px;
	}

#ProfileDataWraper {
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:390px;
	}

#ProfilePhotoWraper {
	float:left;
	padding:3px 0 0 0;
	margin:0 20px 0 0;
	}

#ProfileAboutMe {
	font-size:12px;
	padding:0 0 0 0;
	width:480px;
	}
	
.ProfilePic {
	border:0;
	padding:2px;
	margin:5px 0 0 0;
	}
	
p.ProfileUsername {
	font-weight:bold;
	font-size:14px;
	color:#0066CC;
	margin:0;
	}

p.ProfileBrief {
	margin:3px 0 0 0;
	font-size:12px;
	}
		
#ProfileMiniBar {
	width:320px;
	height:20px;
	margin:10px 0 0 160px;
	padding:5px 0 5px 10px;
	background-color:#FFFFFF;
}

#ProfileMiniBar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

#ProfileMiniBar li.OnlineStatus {
	float:left;
	height:24px;
	padding:3px 0 0 23px;
	margin:0 50px 0 0;
	color:#009933;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../img/gif/BlueHeart_Offline.gif) no-repeat;
	}

#ProfileMiniBar li.OfflineStatus {
	float:left;
	height:24px;
	padding:3px 0 0 23px;
	margin:0 50px 0 0;
	color:#CC0000;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../img/gif/BlueHeart_Offline.gif) no-repeat;
	}

#ProfileMiniBar li.MaleIco {
	float:left;
	height:24px;
	padding:5px 0 0 23px;
	margin:0 10px 0 0;
	color:#CC0000;
	letter-spacing:1px;
	background:url(../img/gif/ProfileMaleIco.gif) no-repeat;
	}
	
#ProfileMiniBar li.FemaleIco {
	float:left;
	height:24px;
	padding:5px 0 0 23px;
	margin:0 10px 0 0;
	color:#CC0000;
	letter-spacing:1px;
	background:url(../img/gif/ProfileFemaleIco.gif) no-repeat;
	}
	
#ThumbHolder {
	float:left;
	margin:0 5px 0 0;
	padding:8px 0 0 17px;
	background:url(../img/gif/ThumbBG.gif) no-repeat;
	width:140px;
	height:160px;
	}
	
#ProfileSummaryHeading {
	border-bottom:2px solid #000000;
	padding:0 0 5px 0;
	font-size:14px;
	}

#ProfileSummary {
	margin:10px 0 0 0;
	font-size:12px;
	}

#ProfileFacts {
	letter-spacing:1px;
	float:left;
	width:150px;
	margin:0 0 3px 0;
	}
	
#ProfileFactsValue {
	letter-spacing:1px;
	margin:0 0 3px 0;
	}

/* ------------------- MESSAGES -------------------- */

#ReadMSGWraper {
	border-bottom:1px dotted #CCCCCC;
	width:500px;
	padding:10px;
	}
	
/* ------------------- USER NAVIGATION AND CONTROLS ----------------- */

#UserNavigation {
	background:url(../img/png/UserMenuBG.png) no-repeat;
	padding:10px 10px 10px 10px;
	width:149px;
	height:133px;
	margin:10px 0 0 0;
	}

#UserNavigation p.Items{ 
	margin:0 0 2px 0; 
	letter-spacing:1px; }
	
/* ----------------- FORM ELEMENTS ----------------- */

#FormL	{
	font-size:12px;
	width:200px;
	margin:10px 0 0 34px;
	text-align:left;
	}

#FormL label { margin:0; padding-bottom:5px; }	

#FormL input {
	background:#FFFFFF;
	margin:2px 10px 7px 0;
	width:150px;
	height:19px;
	border:2px solid #FFb2FA;
	font-size:13px;
	}

#FormL input.submit {
	background:url(../img/gif/loginBTN.gif) no-repeat;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:160px;
	height:36px;
	border:0;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	}

#FormL input.search {
	background:url(../img/gif/searchBTN.gif) no-repeat;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:160px;
	height:36px;
	border:0;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	}

#FormL select {
	padding:0 0 0 0;
	margin:2px 18px 7px 0;
	width:140px;
	border:1px solid #FFb2FA;
	color:#000000;
	font-size:14px;
	text-align:left;
	letter-spacing:1px;
	}