/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	background: #0f0000 url(../images/body_bg.gif) repeat-x top;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
}

#body_bg{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/body_bg.jpg) no-repeat center top;
}

#body_whole{
	width: 750px;
	height: auto;
	text-align: left;
}

.site_links:link, .site_links:active, .site_links:visited{
	text-decoration: none;
	color: #FFFFFF;	
}

.site_links:hover{
	color: #FFCC00;
	text-decoration: underline;
}

/* Header styles */

	#header{
		width: 750px;
		height: auto;
		float: left;
	}
	
	#header_left{
		width: 279px;
		height: 88px;
		float: left;
		background: url(../images/header_left.jpg) no-repeat;
		padding: 15px 0 0 7px;
	}

	#header_right{
		width: 454px;
		height: 68px;
		float: left;
		background: url(../images/header_right.jpg) no-repeat;
		padding: 35px 0 0 10px;
	}

	#home:link, #home:active, #home:visited{
		width: 68px;
		height: 41px;
		float: left;
		background: url(../images/home_normal.jpg) no-repeat;
	}

	#home:hover{
		background: url(../images/home_hover.jpg) no-repeat;
	}


	#register:link, #register:active, #register:visited{
		width: 73px;
		height: 41px;
		float: left;
		background: url(../images/register_normal.jpg) no-repeat;
	}

	#register:hover{
		background: url(../images/register_hover.jpg) no-repeat;
	}

	#search:link, #search:active, #search:visited{
		width: 69px;
		height: 41px;
		float: left;
		background: url(../images/search_normal.jpg) no-repeat;
	}

	#search:hover{
		width: 69px;
		height: 41px;
		float: left;
		background: url(../images/search_hover.jpg) no-repeat;
	}

	#login:link, #login:active, #login:visited{
		width: 64px;
		height: 41px;
		float: left;
		background: url(../images/login_normal.jpg) no-repeat;
	}

	#login:hover{
		width: 64px;
		height: 41px;
		float: left;
		background: url(../images/login_hover.jpg) no-repeat;
	}
	
	#logout:link, #logout:active, #logout:visited{
		width: 64px;
		height: 41px;
		float: left;
		background: url(../images/logout_normal.jpg) no-repeat;
	}

	#logout:hover{
		width: 64px;
		height: 41px;
		float: left;
		background: url(../images/logout_hover.jpg) no-repeat;
	}

	#contact:link, #contact:active, #contact:visited{
		width: 73px;
		height: 41px;
		float: left;
		background: url(../images/contact_normal.jpg) no-repeat;
	}

	#contact:hover{
		width: 73px;
		height: 41px;
		float: left;
		background: url(../images/contact_hover.jpg) no-repeat;
	}

	#sitemap:link, #sitemap:active, #sitemap:visited{
		width: 78px;
		height: 41px;
		float: left;
		background: url(../images/sitemap_normal.jpg) no-repeat;
	}

	#sitemap:hover{
		width: 78px;
		height: 41px;
		float: left;
		background: url(../images/sitemap_hover.jpg) no-repeat;
	}

/* Contents */

	#contents{
		width: 750px;
		height: auto;
		float: left;
	}

	.content_left{
		width: 188px;
		height: auto;
		float: left;
		background: url(../images/left_bg.jpg) no-repeat top;
	}

	#left_top{
		width: 174px;
		height: 280px;
		float: left;
		background: url(../images/left_top.gif) no-repeat top;
		padding: 57px 0 0 14px;
	}
	
	#left_top_logged{
		width: 174px;
		height: 370px;
		float: left;
		background: url(../images/left_top_logged.gif) no-repeat top;
		padding: 30px 0 0 14px;
	}
	
	.left_content, .left_bcontent{
		width: 164px;
		height: auto;
		float: left;
		overflow-x: hidden;
		overflow-y: auto;
		color: #FFFFFF;
		font-size: 11px;
		margin-bottom: 7px;
	}

	#left_bottom{
		width: 174px;
		height: 230px;
		float: left;
		background: url(../images/left_bottom.gif) no-repeat top;
		padding: 47px 0 0 14px;
		font-size: 10px;
	}

	.left_bcontent{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	.left_content select, .left_content input{
		width: 160px;
		font-size: 11px;
		border: 1px solid #EAEAEA;
		padding: 2px;
	}

	.left_content input{
		width: auto;
	}

	.content_right{
		width: 562px;
		height: auto;
		float: right;
		background: url(../images/main_content_bg-pro.gif) no-repeat top;
	}

	#content_header{
		width: 562px;
		height: auto;
		float: left;
	}
	
	#content_header_top{
		width: 562px;
		height: 52px;
		float: left;
		padding: 0px;
		background:url(../images/dating_profile_top.jpg) no-repeat top;
	}

	#main_content{
		width: 562px;
		height: auto;
		float: left;
	}

	.contents_main{
		width: 519px;
		height: auto;
		float: left;
		background: #FFFFFF;
		padding: 10px 15px 10px 15px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.normal_content, .normal_content_bottom{
		width: 529px;
		height: auto;
		float: left;
		background: #FFFFFF;
		padding: 10px 10px 10px 10px;
	}

	.normal_content_bottom{
		background: #FFFFFF url(../images/main_content_bottom_bg.jpg) repeat-x bottom;
	}

	#main_content_bottom_closer{
		width: 549px;
		height: 8px;
		float: left;
		background: url(../images/main_content_bottom_close.gif) no-repeat;
	}

	.general_contents{
		width: 519px;
		height: auto;
		float: left;
		padding: 20px 0 0 0;
	}

	.title{
		font-size: 16px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		color: #660000;
	}
	
	.title_top{
		font-size: 14px;
		font: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding: 10px;
		color: #F1F1F1;
	}

	.sub_title{
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		color: #660000;
	}

	.regular_text{
		padding: 0;
		margin: 0;
		font-size: 11px;
		color: #333;
		margin-bottom: 10px;
	}

	.user_photo{
		margin: 0 10px 0 0;
		border: 3px solid #333333;
	}

	.member_container{
		width: 77px;
		height: auto;
		float: left;
		padding: 3px 3px 7px 3px;
		margin-right: 5px;
		background: #333333 url(../images/member_container_bottom.gif) no-repeat bottom;
		color: #FFFFFF;
		font-size: 11px;
		text-align: center;
	}
	
	.page_counts, .page_counts:link, .page_counts:active, .page_counts:visited{
		font-size: 12px;
		border: 1px solid #EAEAEA;
		background: #F9F9F9;
		padding: 3px;
		text-decoration: none;
		color: #333333;
	}

	.page_counts:hover{
		border: 1px solid #DADADA;
		background: #F0F0F0;
	}
	
	.user_list:link, .user_list:active, .user_list:visited{
		width: 250px;
		height: 100px;
		float: left;
		border: 1px solid #EAEAEA;
		background: #F9F9F9;
		padding: 5px;
		text-decoration: none;
		color: #333333;
		margin-right: 2px;
	}

	.user_list:hover{
		border: 1px solid #CCC;
	}

/* Footer */

	#footer{
		width: 750px;
		height: 70px;
		float: left;
	}