html {
		margin: 0;
		background-color: #ffffff;
	}
	body {
		font-family: Verdana;
		font-size: 10px;
		color: #000;
		line-height: 11px;
		margin: 0;
		padding: 0;
	}
	td {
		font-family: Verdana;
		font-size: 10px;
		color: #000;		
	}
	#header {
		width:780px;
		height:35px;
		margin:8px 0px 8px 0px;
	}
	a {
		color:#000;
	}
	a:hover {
		color:#fc3d32;
	}
	
	.top_nav {
		color:#333;
		text-decoration:none;
	}	
	.top_nav:hover {
		color:#FC3D32;
	}	
	#pagecontainer {
		width: 780px;
		padding: 0;
		margin: 0px 0px 0px 2px;
		text-align: left;
		background-color: #ffffff !important;
	}
	
	#pagebody {
		width: 780px;
		padding: 0px;
		margin: 0px;
		text-align: left;
		background-color: #ffffff !important;
		border:1px solid #99CCCC;
	}
	html>#pagebody {
		width: 780px;
		w\idth:782px;
	}
	#homepage {
		width: 752px;
		margin: 0px;
		padding: 14px;
		text-align: left;
		background-color: #ffffff !important;
	}
	html>#homepage {
		width: 752px;
		w\idth:780px;
	}	
	.leftcolumn {
		width: 143px;
		margin: 0 14px 0 0;
		padding: 0;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.centercolumn {
		width: 385px;
		margin-right: 0 14px 0 0;
		padding: 0 0 0 0;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.rightcolumn {
		width: 208px;
		margin: 0;
		padding: 0;
		float: left;
		background-color: white;
		font-size: 10px;
		line-height:12.5px;
	}

	.welcome {
		width:143px;
		height:220px;
	}
	html>#welcome {
		height:189px;
		h\eight:221px;
	}
	.seen {
		width:143px;
		height:75px;
	}
	.freepromo {
		width:150px;
		height:150px;
		padding:0px 0px 28px 0px;
		border-bottom:1px solid #CCCC99;
		margin-bottom:28px;
	}
	.breather {
		height:28px;
	}
	.success {
		width:143px;
	}
	.success_header {
		width:143px;
		height:75px;
		margin-bottom:10px;
	}
	.gifts {
		width:125px;
		height:125px;
		padding-bottom:14px;
		margin-left:22px;
	}
	.recommend {
		width:385px;
		height:150px;
		background-color:#CBD34C;
		margin-bottom:5px;
	}
	#recommend {
		width:370px;
		height:216px;
		background-color:#CBD34C;
		margin-bottom:5px;
		background-image: url(images/gb_bg_recommend.gif);
		background-position:0px 10px;
		padding:14px 0px 0px 14px;
		color:#fff;
		line-height:12.5px;
	}
	.recommend_ico {
		width:90px;
		height:114px;
		vertical-align:middle;
		text-align:right;
		float:right;
	}	
	.find {
		width:385px;
		height:150px;
		background-color:#99cccc;
	}
	#find {
		width:370px;
		height:87px;
		padding:14px 0px 22px 14px;
		background-color:#99cccc;
		color:#fff;
	}
	#advice {
		width:355px;
		height:340px;
		padding: 0px 14px  0px 14px;
		border-left:1px solid #C7CE9A;
		border-right:1px solid #C7CE9A;
	}
	html>#advice {
		width:354px;
		w\idth:383px;
	}
	.free {
		width:208px;
		height:123px;
		background-color:#CDE3E2;
		margin-left:1px;
	}
	.free_promo {
		width:230px;
		height:166px;
		background-image:url(images/gb_bg_spread_promo.gif);
		margin-left:1px;
	}	
	.catchofday {
		width:180px;
		height:150px;
		padding:0px 8px 0px 20px;
		background-color:#CDE3E2;
		margin-left:2px;
		vertical-align:middle;
	}
	#catchofdayb {
		width:180px;
		height:230px;
		padding:0px 8px 0px 20px;
		background-color:#E2E59F;
		background-image: url(images/gb_bg_cotd.gif);
		background-position:0px 10px;
		margin-left:1px;
		margin-bottom:5px;
		vertical-align:top;
	}
	#catchofdayb-boy {
		width:175px;
		height:75px;
		float:left;
		margin-top:9px;
	}
	html>body#catchofdayb-boy {
		float:left;
	}
	#catchofdayb-girl {
		width:175px;
		height:75px;
		margin-top:13px;
		float:left;
	}
	html>body #catchofdayb-girl {
		margin-top:15px;
	}
	.sidebar {
		width:180px;
		border-bottom:1px solid #CCCC99;
		margin-left:22px;
		margin-bottom:14px;
	}

	.diary {
		width:180px;
		/*height:150px;*/
		margin-left:22px;
	}	
	#menu {
		width:780px;
		height: 24px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#footer {
		width: 780px;
		color: #686868;
		text-align: center;
		padding-top: 14px;
		font-family: verdana, sans-serif;
		font-size: 9px;
		background-color: #fff;
	}
	#footer a {
		color: #666666;
		text-decoration:none;
	}
	#footer a:hover {
		color: #FC3d32;
		text-decoration:none;
	}	
	#footer #copyright {
		color:#CCCCCC;
	}
	.spacer {
	}
	html>body .spacer {
		clear: both;
		height:0px;
	}
	p {
		margin: 0px 0 0px 0;
	}
	#bigblue {
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 17px; color:#99CCCC;
	}
	#bigblue a{
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 17px; color:#99CCCC; text-decoration:underline;
	}
	#bigblue a:hover{
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 17px; color:#EE4A3F ; text-decoration:underline;
	}
	.headline {
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 20px; color:#99CCCC;
	}
	.headline a{
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 20px; color:#99CCCC; text-decoration:underline;
	}	
	/* search css */
	.findaguy {
		width:752px;
		padding: 14px 0px 14px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.findaguy .left {
		width:441px;
		padding: 0px 14px 0px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
		border-right:1px solid #C7CE9A;
		
	}
	.lpic{
		width:120px;
		float: left;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.lcontent{
		width:307px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
	}
	.lcontent a {
		font-family: Verdana; font-weight:bold; font-size: 10px; color:#019094; text-decoration:underline;
	}
	.lcontent a:hover {
		color:#FC3D32;
	}		
	
	.findaguy .right {
		width:282px;
		padding: 0 0px 0 14px;
		float: left;
		background-color: white;
		font-size: 10px;		
	}
	.rpic{
		width:75px;
		float: left;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.rcontent{
		width:193px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
	}
	/* search css end */
	/* profile css */
	.profile {
		width:752px;
		padding: 14px 0px 22px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.profileleft {
		width:480px;
		padding: 0px 14px 10px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
		border-right:1px solid #C7CE9A;
		
	}
	.profilelpic{
		width:150px;
		float: left;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.profilelcontent{
		width:287px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
	}
	.profilelcontent a{
		font-family: Verdana; font-weight:bold; font-size: 10px; color:#019094; text-decoration:underline;
	}
	.profilelcontent a:hover {
		color:#FC3D32;
	}	
	.profileright {
		width:242px;
		padding: 0 0px 0 14px;
		float: left;
		background-color: white;
		font-size: 10px;		
	}
	.profilerpic{

		float: left;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.profilecontent{
		width: 152px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
	}
	.about {
		width:752px;
		padding: 14px 0px 22px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.aboutleft {
		width:480px;
		padding: 0px 14px 10px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
	}
	.aboutright {
		width:242px;
		padding: 0 0px 0 14px;
		float: left;
		background-color: white;
		font-size: 10px;		
	}
	.morephotos {
		width:752px;
		padding: 14px 0px 14px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
		vertical-align:top;
	}
	/* profile css end */
	
	
	/* askjean (editorial) css */
	.editorial {
		width:752px;
		padding: 14px 0px 22px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
	}

	.editorialleft {
		width:487px;
		padding: 0px 14px 10px 0px;
		float: left;
		background-color: white;
		font-size: 10px;
		border-right:1px solid #C7CE9A;
	}
	

	
	.editorialleft-ask {
		width:487px;
		float: left;
		padding: 0px 0px 22px 0px;
		background-color: white;
		font-size: 10px;
	}
	.editorialleft-ask-pic{
		width:140px;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.editorialleft-ask-content{
		width:330px;
		padding: 0px 0px 0px 8px;
		float: left;
		background-color: white;
	}

	.editorialleft-about {
		width:487px;
		float: left;
		padding: 14px 0px 22px 0px;
		background-color: white;
		font-size: 10px;
	}
	.editorialleft-about-main{
		padding: 14px 0px 0px 0px;
		border-top:1px solid #99CCCC;
	}
	.editorialleft-more {
		width:487px;
		float: left;
		padding: 14px 0px 22px 0px;
		background-color: white;
		font-size: 10px;
	}
	.diaries {
		width:216px;
		height:235px;
		float: left;
		padding: 14px 10px 10px 10px;
		background-color: #D0E4E8;
		background-image: url(images/gb_bg_diaries.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		font-size: 10px;
	}
	.poll {
		width:216px;
		height:230px;
		float: right;
		padding: 14px 10px 10px 10px;
		background-color:#E2E59F;
		border-top:5px solid #CBD34C;
		font-size: 10px;
	}

	.editorialright {
		width:236px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
		font-size: 10px;		
	}

	.editorialright-matchmakers {
		width:236px;
		padding: 0px 0px 14px 0px;
		border-bottom:1px solid #C7CE9A;
	}
	.editorialright-ad {
		width:236px;
		padding: 10px 0px 10px 0px;
		border-bottom:1px solid #C7CE9A;
	}
	
	.editorialright-scss {
		width:236px;
		padding: 10px 0px 10px 0px;
		border-bottom:1px solid #C7CE9A;
	}
	.editorialright-scss-pic{
		width:75px;
		padding: 0px 0px 0px 0px;
		background-color: white;
		float: left;
	}
	.editorialright-scss-content{
		width:147px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color: white;
	}

	/* askjean (editorial) css end */
	/* askjean (article) css end */
	.articleright-promoslot {
		width:216px;
		height:156px;
		margin:24px 0px 10px 0px;
		background-color: #CDE3E2;
		padding: 10px;
	}
	/* askjean (article) css end */
	
	
	
	
		.recommendgbf {

		width:752px;

		padding: 14px 0px 14px 0px;

		float: left;

		background-color: white;

		font-size: 10px;

	}

	.recommendgbfleft {

		width:470px;

		padding: 0px 14px 10px 0px;

		float: left;

		background-color: white;

		font-size: 10px;

		border-right:1px solid #C7CE9A;

	}

	.recommendgbfright {

		width:253px;

		padding: 0px 0px 0px 14px;

		float: left;

		background-color: white;

		font-size: 10px;		

	}

	.recommendgbf-step-1 {

		width:637px;

		padding: 22px  0px 22px 115px;

		float: left;

		background-color: #CDE3E2;

		font-size: 10px;

	}

	.recommendgbf-step-1 input{

		width: 160px; height:15px; border:1px solid #999999; font-size:10px;

	}
	.recommendgbf-step-1 .radio-input{

		width:12px;

		border:0px;

		vertical-align:middle;

	}
	.recommendgbf-step-1 textarea{

		width: 300px; height:75px; border:1px solid #999999; font-size:10px;

	}

	.recommendgbf-step-1 td{

		vertical-align:top;

	}

	.required {

		color: #008E8F;

	}

	.recommendgbf-step-2 {

		width:637px;

		padding: 22px  0px 22px 115px;

		float: left;

		background-color: #E2E59F;

		font-size: 10px;

	}

	.recommendgbf-step-2 input{

		width: 160px; height:15px; border:1px solid #999999; font-size:10px;

	}

	.recommendgbf-step-2 .radio-input{

		width:12px;

		border:0px;

		vertical-align:middle;

	}

	.recommendgbf-step-2 textarea{

		width: 300px; height:75px; border:1px solid #999999; font-size:10px;

	}

	.recommendgbf-step-2 td{

		vertical-align:top;

	}

	/* recommend end */

	.desc {
		font-family: Verdana; font-weight:bold; line-height:16px; font-size: 14px; color:#000000;
	}
	.spacer10px{
		padding-top: 10px;
		clear:both;
	}
	.spacer6px{
		padding-top: 6px;
		clear:both;
	}	
	#page_nav {
		color: #666;
		font-family: verdana, sans-serif;
		font-size: 9px;
	}
	#page_nav a {
		color: #666;
		text-decoration: none;
	}
	#page_nav a:hover {
		color:#ee4a3f;
		font-weight: bold;
		text-decoration: none;
	}
	/*account*/
	.account {
		width:708px;
		padding: 14px  22px 14px 22px;
		float: left;
		background-color: #E2E5A0;
		font-size: 11px;
		line-height:14px;
	}
	.account a {
		text-decoration:none;
		font-size:11px;
	}
	.account td{
		vertical-align:top;
		font-size:11px;
		line-height:14px;
	}
	.accountleft {
		width:342px;
		float: left;
		padding-right: 12px;
		background-color: #E2E5A0;
		font-size: 11px;
		line-height:14px;
	}
	
	.accountleft-hder {
		height:14px; border-bottom:1px solid #FFFFFF; margin-bottom:14px;
	}
	.accountright {
		width:342px;
		float: left;
		padding-left: 12px;
		background-color: #E2E5A0;
		font-size: 11px;	
		line-height:14px;	
	}
	/*messages*/
	.messages {
		width:752px;
		float: left;
		background-color: #FFFFFF;
		font-size: 10px;
	}
	.messagesleft {
		width:113px;
		padding:26px 22px 14px 22px;
		float: left;
		background-color: #E2E5A0;
		font-size: 10px;
	}
	.messagesleft-hder {
		height:14px; border-bottom:1px solid #FFFFFF; margin-bottom:5px;
		margin-bottom:10px;
	}
	.messagesright {
		width:559px;
		float: left;
		background-color: #E2E5A0;
		font-size: 10px;
		padding:16px;
	}
	.messagestable{
		border-top:1px solid #FFF; 
		border-left:1px solid #FFF; 
		border-bottom:1px solid #FFF; 
		width:100%;
	}
	.messagestable-hder{
		background-color:#CBD34C; 
		height:21px; 
		padding-left:10px; 
		border-right:1px solid #fff;
		font-weight:bold; 
	}
	.messagestable-content {
		height:21px; 
		padding-left:10px; 
		border-right:1px solid #fff; 
		border-top:1px solid #fff;
	}
	/*favorites*/
	.favorites {
		width:752px;
		float: left;
		background-color: #E2E5A0;
		font-size: 10px;
	}
	.favoritesleft {
		width:348px;
		padding:14px;
		float: left;
		background-color: #E2E5A0;
		font-size: 10px;
	}
	.favpic{
		width:75px;
		float: left;
		padding: 0px 0px 0px 0px;
		background-color: #E2E5A0;
		float: left;
	}
	.favdesc {
		font-family: Verdana; font-weight:bold; line-height:14px; font-size: 12px; color:#000000;
	}
	.favcontent{
		width:258px;
		padding: 0px 0px 0px 14px;
		float: left;
		background-color:#E2E5A0;
	}
	.favoritesright {
		width:347px;
		padding:14px;
		float: left;
		background-color: #E2E5A0;
		font-size: 10px;
	}
	.favcontent a {
		font-family: Verdana; font-weight:bold; font-size: 11px; color:#019094; text-decoration:underline;
	}
	.favcontent a:hover {
		font-family: Verdana; font-weight:bold; font-size: 11px; color:#FF0000; text-decoration:underline;
	}
	
	.alert {
		color:#EE4A3F;
		font-weight: bold;
		font-size: 12px;
	}
	.errmsg {
		font-size:12px;
		font-weight:bold;
		color:#EE4A3F;
	}
	.missing {
		color:#EE4A3F;
	}
	.regwhite{
		color:#FFFFFF;
		text-decoration:none;
	}
	/* diaries */
	.diariesbody {
		width:752px;
		float: left;
		padding-bottom:14px;
		background-color: #FFF;
		font-size: 10px;
	}
	.diariesleft {
		width:375px;
		vertical-align:top;
		padding: 14px 0px 14px 0px;
		float: left;
		background-color: #FFF;
		font-size: 10px;
	}
	.diariespic{
		width:150px;
		float: left;
		background-color: #FFF;
		text-align: center;
	}
	.diariesdesc {
		font-family: Verdana; font-weight:bold; line-height:14px; font-size: 12px; color:#000000;
	}
	.diariescontent{
		width:197px;
		padding: 0px 0px 0px 14px;
		line-height:13px;
		float: left;
		background-color:#FFF;
	}
	.diariescontent a {
		font-family: Verdana; font-weight:bold; font-size: 11px; color:#019094; text-decoration:underline;
	}
	.diariescontent a:hover {
		font-family: Verdana; font-weight:bold; font-size: 11px; color:#FF0000; text-decoration:underline;
	}
	.diariesright {
		width:362px;
		vertical-align:top;
		padding: 14px 0px 14px 14px;
		float: left;
		background-color: #FFF;
		font-size: 10px;
	}
	.diariesprofile {
		float: left; 
		margin: 0px 0px 22px 0px;
	}
	.diarycenter {
		width:428px; padding:14px 0px 0px 163px; float:left;
	}
	.diaryentries {
		width:428px; padding:24px 0px 24px 0px; border-bottom:1px solid #CDE3E2;
	}
	html>body .diaryentries {
		float:left;
	}
	#pull_quote {
		border:1px solid #99CCCC;
		padding:14px;
	}
	#pull_quote b {
		font-family: Arial; font-weight:bold; line-height:25px; font-size: 20px; color:#99CCCC;
	}
	#searchformbox { height:30px; margin-top:6px; padding:22px 14px 12px 14px; background-color:#CDE3E1; }
	html>body #searchformbox  {
		 height:auto;
	}