/* Global Reset
----------------------------------------------- */

@import url(/assets/css/reset.css);

/* The Rest...
----------------------------------------------- */

/* 

Body text: #737373

Home/About/Register

Header and side bar: #E3F5F4
Text headers and links: #018E9F ---- Now: #009FB0

Meet (+Talk)
Header and side bar: #EDE8F4
Text headers and links: #018E9F

Inspire:
Background: #bea5ca
Headers: #8d5080

Invite:
Background: #cdcdcd
Headers: #7b7b7b

Book of Gems
OLD:
Header and side bar: #C5D8C2
Text headers and links: #5B55A0
NEW:
Background: #c7d1c5
Headers: #96a797

*/

body {
	margin: 20px 0 0 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	color: #737373;
	background-color: White;
}

#Wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
}

p {
	margin: 0 0 15px 0;
}

a {
	color: #737373;
	}
	a:hover {
		color: black;
	}

a img {
	border: none;
}

input.go-button {
	float: right;
	margin: 0 0 10px 0;
}
p.reset-password {
	clear: right;
	padding: 0 0 15px 0;
}


h1 {
	line-height: 100%;
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #018E9F;
	}
	body.meet h1, body.talk h1, body.talk-restricted h1 {
		color: #018E9F;
	}
	body.invite h1 {
		color:#7b7b7b;
	}
	body.inspire h1 {
		color:#8d5080;
	}
	body.book-of-gems h1 {
		color: #96a797;
	}
	h1 a{
		font-weight: normal;
	}


h2 {
	line-height: 140%;
	margin: 0 0 10px 0;
	padding: 0 0 0 6px;
	/*background-image: url("/assets/device.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;*/
	font-size: 12px;
	color: #009FB0;
	}
	body.meet h2, body.talk h2, body.talk-restricted h2, body.talk-restricted h2 {
		color: #018E9F;
	}
	body.invite h2 {
		color:#7b7b7b;
	}
	body.inspire h2 {
		color:#8d5080;
	}
	body.book-of-gems h2 {
		color: #96a797;
	}
	#Col1 h2 {
		margin: 20px 0 15px 0;
		padding: 0;
	}
	body.sub #Col2 h2 {
		border-bottom: 1px solid #D1D1D1;
	}
	body.sub #Col2 h2.register {
		font-size: 14px;
		border-bottom: none;
		font-weight: normal;
	}

ul#Nav {
	list-style: none;
	position: absolute;
	margin: 200px 0 0 0;
	padding: 0 15px 0 15px;
	width: 210px;
	}
body.sub ul#Nav {
	margin: 0 0 0 245px;
	padding: 0 15px 0 15px;
	width: 440px;
	background-color: #E3F5F4;
	}
body.sub #nologin ul#Nav {
	margin: 0 0 0 245px;
	padding: 0 15px 0 15px;
	width: 684px;
	/*background-color: #E3F5F4;*/
	}
	body.meet ul#Nav, body.talk-restricted ul#Nav, body.inspire ul#Nav {
		background-color: #E3F5F4;
	}
	body.invite ul#Nav {
		background-color:#cdcdcd;
	}
	body.inspire ul#Nav {
		background-color:#bea5ca;
	}
	body.talk ul#Nav {
		background-color: #EDE8F4;
	}
	body.book-of-gems ul#Nav {
		background-color: #c7d1c5;
	}
	
	ul#Nav li {
		font-size: 11px;
		line-height: 190%;
		text-align: right;
		}
		body.sub ul#Nav li {
		float: left;
		line-height: normal;
		margin: 0 10px 0 0;
		line-height: 22px;
		}
		ul#Nav li a {
			color: #737373;
			text-decoration: none;
			}
			ul#Nav li a:hover {
			color: black;
			}
		/* Selected states for nav */
		body.home ul#Nav li.home a {
			color: #009FB0;
			}
		body.being-fabulous ul#Nav li.being-fabulous a {
			color: #009FB0;
			}
		body.all-about-you ul#Nav li.all-about-you a {
			color: #009FB0;
			}
		body.meet ul#Nav li.meet a {
			color: #018E9F;
			}
		body.talk ul#Nav li.talk a, body.talk-restricted ul#Nav li.talk a {
			color: #6b065a;
			}
		body.inspire ul#Nav li.inspire a {
			color: #8d5080;
			}
		body.invite ul#Nav li.invite a {
			color: #7b7b7b;
			}
		body.book-of-gems ul#Nav li.book-of-gems a {
			color: #96a797;
			}
	
ul#SubNav {
	clear: left; /* Clear the left floated logo */
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}
	ul#SubNav li {
		margin: 0 0 5px 0;
	}
	ul#SubNav li a {
		font-size: 11px;
		line-height: 120%;
		text-align: left;
		padding: 10px 10px 10px 10px;
		background-color: white;
		/*background-image: url("/assets/device.gif");*/
		background-repeat: no-repeat;
		background-position: 10px 10px;
		display: block;
		text-decoration: none;
		color: #018E9F;
		}
		ul#SubNav li a img {
			display:inline;
			}
		ul#SubNav li a span {
		color: #737373;
		}
		ul#SubNav li a span p {
			margin:-21px 0 0 90px;
			padding:0;
			}
		body.meet ul#SubNav li a, body.talk ul#SubNav li a, body.talk-restricted ul#SubNav li a, body.inspire ul#SubNav li a, body.invite ul#SubNav li a {
		color: #018E9F;
		}
		body.meet ul#SubNav li.meet a, body.talk ul#SubNav li.talk a, body.talk-restricted ul#SubNav li.talk a, body.inspire ul#SubNav li.inspire a, body.invite ul#SubNav li.invite a {
		background-color: white; /*#FEECEB */
		}
		body.book-of-gems ul#SubNav li a {
		color: #96a797;
		}
		body.book-of-gems ul#SubNav li.book-of-gems a {
		background-color: #white;
		}
		
ul#Me {
	float: right;
	margin: 375px 15px 0 0;
	padding: 0;
	list-style: none;
	}
body.sub ul#Me {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	width: 225px;
	background-color: #E3F5F4;
	}
	body.meet ul#Me, body.talk-restricted ul#Me, body.inspire ul#Me {
		background-color: #E3F5F4;
	}
	body.invite ul#Me {
		background-color:#cdcdcd;
	}
	body.inspire ul#Me {
		background-color:#bea5ca;
	}
	body.talk ul#Me {
		background-color: #EDE8F4;
	}
	body.book-of-gems ul#Me {
		background-color: #c7d1c5;
	}	
	ul#Me li {
		color: #018E9F;
		font-size: 11px;
		float: left;
		margin: 0 15px 0 0;		
		}
		body.meet ul#Me li, body.talk-restricted ul#Me li, body.inspire ul#Me li, body.invite ul#Me li {
			color: #018E9F;
		}
		body.talk ul#Me li {
			color:#6b065a;
		}
		body.inspire ul#Me li {
			color:#8d5080;
		}
		body.invite ul#Me li {
			color:#7b7b7b;
		}
		body.book-of-gems ul#Me li {
			color: #96a797;
		}
		body.sub ul#Me li {
		line-height: 22px;
		}
		ul#Me li.last {
		margin: 0;		
		}
		ul#Me li a {
			color: #737373;
			text-decoration: none;
			}
			ul#Me li a:hover {
				color: black;
				}
#Header {
	background-color: #E3F5F4;
	width: 960px;
	height: 390px;
	}
	body.sub #Header {
	position: absolute;
	background: none;
	height: 22px;
	}

	#Header #Messaging {
		position: absolute;
		margin: 0 0 0 240px;
	}

	a#Logo {
		float: left;
		margin: 0 0 50px 0;
		padding: 25px 0 25px 0;
		}
	a#Logo img {
		border: none;
	}
	body.home a#Logo {
		padding: 35px 5px 25px 5px;
	}

#Content {
	clear: both;
	width: 960px;
	margin: 5px 0 5px 0;
	background-image: url("/assets/background_col1_1.gif");
	background-repeat: repeat-y;
}
body.meet #Content, body.talk-restricted #Content {
	background-image: url("/assets/background_col1_2.gif");
}
body.invite #Content {
	background-image: url("/assets/background_col1_6.gif");
}
body.inspire #Content {
	background-image: url("/assets/background_col1_5.gif");
}
body.talk #Content {
	background-image: url("/assets/background_col1_4.gif");
}
body.book-of-gems #Content {
	background-image: url("/assets/background_col1_3.gif");
}

#headpic {
	padding:27px 0 0 0;
	}
	
#headpic img {
	margin-left:5px;
	}

/* Columns 1,2 & 3 */
#Col1 {
	width: 230px;
	float: left;
	padding: 10px 5px 30px 5px;
	background-color: #E3F5F4;
	}
	body.sub #Col1 {
		background-image: url("/assets/background_logo_new.gif");
		background-repeat: no-repeat;
		background-position: 0 220px;
	}
	body.meet #Col1, body.talk-restricted #Col1, body.invite #Col1{
		background-color: #E3F5F4;
	}
	body.invite #Col1 {
		background-color:#cdcdcd;
		background-image: url("/assets/background_logo_new5.gif");
		background-repeat: no-repeat;
		background-position: 0 220px;
	}
	body.inspire #Col1 {
		background-color:#bea5ca;
		background-image: url("/assets/background_logo_new4.gif");
		background-repeat: no-repeat;
		background-position: 0 220px;
	}
	body.talk #Col1 {
		background-color: #EDE8F4;
		background-image: url("/assets/background_logo_new2.gif");
		background-repeat: no-repeat;
		background-position: 0 220px;
	}
	body.book-of-gems #Col1 {
		background-color: #c7d1c5;
		background-image: url("/assets/background_logo_new3.gif");
		background-repeat: no-repeat;
		background-position: 0 220px;
	}
	#Col1talk {
		width:240px;
		height:240px;
		margin:-10px 0 20px -5px;
		padding-bottom:10px;
		background-color: #EDE8F4;
	}
	#Col1 p {
	line-height: 140%;
	}
	#Col1 div.small p {
	font-size: 10px;
	}
	body.talk #Col1 div.small h2 {
		color:#6b065a;
	}
	#Col1 div.wrapper {
	padding: 0 10px 0 10px;
	}
	#Col1 div.wrapper p.ad a img {
	background-color: white;
	border-top: 5px solid white;
	border-right: 15px solid white;
	border-bottom: 5px solid white;
	border-left: 15px solid white;
	display: block;
	}
	#Col1 div.wrapper p.newsletter {
	margin: 0 0 5px 0;
	}
	#Col1 div.wrapper p.newsletter a {
	background-color: white;
	background-image: url("/assets/icon_email_small.gif");
	background-repeat: no-repeat;
	background-position: 10px;
	display: block;
	padding: 9px 9px 9px 35px;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	}
	#Col1 div.wrapper p.twitter a {
	background-color: white;
	background-image: url("/assets/icon_twitter_small.gif");
	background-repeat: no-repeat;
	background-position: 10px;
	display: block;
	padding: 9px 9px 9px 35px;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	}
	#Col1 div.wrapper p.chat {
	margin: 0 0 5px 0;
	}
	#Col1 div.wrapper p.chat a {
	background-color: white;
	background-image: url("/assets/icon_chat_small.gif");
	background-repeat: no-repeat;
	background-position: 10px;
	display: block;
	padding: 9px 9px 9px 35px;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	}
	
	
#Col2 {
	float: left;
	}
	/*body.home #Col2 {
	width: 209px;
	margin: 30px 0 0 0;
	padding: 0 15px 15px 15px;
	border-right: 1px dotted #A3A3A3;
	}*/
	body.home #Col2 {
	width: 449px;
	/*margin: 30px 0 0 0;*/
	margin:0;
	padding: 0 5px 15px 15px;
	border-right: 1px dotted #A3A3A3;
	}
	body.sub #Col2 {
	width: 420px; /* 450 */
	/*margin: 52px 0 0 0;*/
	margin:15px 0 0 0;
	padding: 0 30px 0 30px;
	}
	body.talk #Col2, body.wide #Col2 {
	width: 659px;
	padding: 0 0 0 30px;
	border-right: none;
	}
	#Col2 p {
		padding: 0;
		line-height: 140%;
		color: #737373;
		}
		body.home #Col2 p {
		padding: 0 17px 0 17px;
		}
		body.sub #Col2 p {
		font-size: 12px;
		}
		body.terms-of-use #Col2 p, body.privacy-policy #Col2 p {
		font-size: 10px;
		}


#Col3 {
	float: left;
	width: 209px;
	padding: 0 15px 15px 15px;
	}
	/*body.home #Col3 {
	margin: 30px 0 0 0;
	border-right: 1px dotted #A3A3A3;
	}*/
	body.home #Col3 {
	display: none;
	}
	body.sub #Col3 {
	float: right;
	width: 240px;
	border-right: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
	#Col3 p {
		padding: 0;
		line-height: 140%;
		color: #737373;
		}
		body.home #Col3 p {
		padding: 0 17px 0 17px;
		}
		body.sub #Col3 p {
		padding: 0 17px 0 17px;
		}
	#Col3 img {
		margin: 0 0 15px 0;
		background-color: white;
		}
	#Col3 div.wrapper {
		margin: 0 0 30px 0;
		padding: 0 15px 15px 15px;
		border-left: 1px dotted #A3A3A3;
		}
	#Col3 div.wrapper2 {
		margin: -30px 0 30px 0;
		padding: 0 15px 15px 15px;
		border-left: 1px dotted #A3A3A3;
		}
	#Col3 div.wrapper_l {
		margin: 0 0 30px 0;
		padding: 0 15px 15px 0;
		/*border-left: 1px dotted #A3A3A3;*/
		}
	
#Col4 {
	width: 210px;
	float: left;
	/*margin: 30px 0 0 0;*/
	margin:5px 0 0 0;
	padding: 0 10px;
	}
	#Col4 p {
		padding: 0 17px 0 17px;
		line-height: 140%;
		color: #737373;
	}	

/* Other */
div.clear {
	clear: both;
	line-height: 0px;
	}
	
/* Footer */
#Footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 100px 0 0 0;
	width: 960px;
	height:79px;
	/*background-color: #BDBDBD;*/
	/*background-image: url("/assets/wallpaper/befab_01.gif");*/
	background:url("/assets/wallpaper/footer.jpg") no-repeat;
	/*background-position: center 10px;*/
	/*background-repeat: repeat-x;*/
}
#Footer2 {
	clear: both;
	margin: 10px 0 0 0;
	padding: 100px 0 0 0;
	width: 960px;
	height:79px;
	/*background-color: #BDBDBD;*/
	/*background-image: url("/assets/wallpaper/befab_01.gif");*/
	background:url("/assets/wallpaper/footer_2.jpg") no-repeat;
	/*background-position: center 10px;*/
	/*background-repeat: repeat-x;*/
}
#Footer3 {
	clear: both;
	margin: 10px 0 0 0;
	padding: 100px 0 0 0;
	width: 960px;
	height:79px;
	/*background-color: #BDBDBD;*/
	/*background-image: url("/assets/wallpaper/befab_01.gif");*/
	background:url("/assets/wallpaper/footer_3.jpg") no-repeat;
	/*background-position: center 10px;*/
	/*background-repeat: repeat-x;*/
}
#Footer4 {
	clear: both;
	margin: 10px 0 0 0;
	padding: 100px 0 0 0;
	width: 960px;
	height:79px;
	/*background-color: #BDBDBD;*/
	/*background-image: url("/assets/wallpaper/befab_01.gif");*/
	background:url("/assets/wallpaper/footer_4.jpg") no-repeat;
	/*background-position: center 10px;*/
	/*background-repeat: repeat-x;*/
}
#Footer5 {
	clear: both;
	margin: 10px 0 0 0;
	padding: 100px 0 0 0;
	width: 960px;
	height:79px;
	/*background-color: #BDBDBD;*/
	/*background-image: url("/assets/wallpaper/befab_01.gif");*/
	background:url("/assets/wallpaper/footer_5.jpg") no-repeat;
	/*background-position: center 10px;*/
	/*background-repeat: repeat-x;*/
}
#Footer #FooterContent, #Footer2 #FooterContent, #Footer3 #FooterContent, #Footer4 #FooterContent, #Footer5 #FooterContent {
	width: 100%;
	padding: 10px 0 10px 0;
	background-color: White;
}
#Footer #FooterContent ul, #Footer2 #FooterContent ul, #Footer3 #FooterContent ul, #Footer4 #FooterContent ul, #Footer5 #FooterContent ul {
	width: 840px;
	margin: 0 auto 0 auto;
	font-size: 11px;
	color: #B2B2B2;
	list-style: none;
}
#Footer #FooterContent ul li, #Footer2 #FooterContent ul li, #Footer3 #FooterContent ul li, #Footer4 #FooterContent ul li, #Footer5 #FooterContent ul li {
	float: left;
	margin: 0 10px 0 0;
}

div.notice {
	margin: 10px 0 10px 0;
}
div.notice p {
	margin: 10px;
}
div.positive {
	border-top: 1px solid #006600;
	border-bottom: 1px solid #006600;
	background-color: #E5EFE5;
}
body.sub #Col2 div.positive p {
	color: #006600;
}
div.negative {
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	background-color: #FFE5E5;
}
body.sub #Col2 div.negative p {
	color: #FF0000;
}

.rightbg {
	background:#e3f5f4;
	width:229px;
	padding-bottom:1px;
	margin-bottom:16px;
	}
	
.rightbg_l {
	background:#bea5ca;
	width:238px;
	padding-bottom:1px;
	margin-bottom:16px;
	}

.rightbg_g {
	background:#cdcdcd;
	width:238px;
	padding-bottom:1px;
	margin-bottom:16px;
	}
	
	
/* Comments on blog / Articles */

	.comment{
		padding: 10px 0 10px 0;
		margin: 0 0 15px 0;
		font-style: italic;
		border-bottom: 1px solid #E5E5E5;
	}
	
	.comment .posted{
		margin: 10px 0 0 0;
	}
	
	h4.comments{
		font-size:14px;
		line-height:140%;
		margin:30px 0 10px 0;
		padding:20px 0 0 0 !important;
		display: block;
		border-bottom:1px solid #D1D1D1;
		border-top:2px solid #8D5080;
	}	
	
	h4.commentRegister{
		padding: 0 0 30px 0;
	}