body {
	background: transparent url(../images/bg1.jpg) repeat-x scroll left top;
	font-size: 12px;
}
div.clear_left {
	clear: left;
}
a{
	text-decoration:none;
}
h1,dl,dt,dd,ul,ol,li{margin:0;padding:0;}
/* header */
#header {
	background: transparent url(../images/index_04.jpg) repeat-x top left;
}
#search_box {
	color: #eaf69a;
	text-align: right;
	padding: 5px 0px 3px 0px;
}
#search_box form {
	float: right;
	margin: 0px 38px 0px 10px;
	*margin: 0px 13px -2px 10px;
}
#search_box form input#sf_keyword {
	background-color: #fee5e3;
	border: 1px solid #b30e3b;
	height: 18px;
}
#search_box form button#sf_submit {
	background: transparent url(../images/icon-search.gif) no-repeat 0 5px;
	border: 0 none;
	cursor: pointer;
	position: absolute;
	height: 25px;
	width: 30px;
	right: 10px;
	top: -1px;
	*top: 0px;
}
#search_box form button#sf_submit:hover {
	background-position: 0 -25px;
}
#search_box form button#sf_submit span {
	display: none;
}
#search_box a {
	color: #eaf69a;
	text-decoration: none;
	font-size:14px;
}
#search_box a.homepage {
	color: #771f37;
}
#search_box a:hover {
	text-decoration: underline;
}
#header h1 {
	background: transparent url(../images/logo.jpg) no-repeat scroll bottom left;
	line-height: 41px;
	height: 80px;
/*	*margin-top: 1px;*/
	width: 226px;
	float: left;
}
#header h1 span {
	margin-left: -999px;
	font-weight: bold;
	color: #fff;
	font-family: serif;
}
#site_menu, div#login_bar, #user_info {
	margin: 0px auto;
	width: 900px;
}
#site_menu ul li {
	background: transparent url(../images/line.jpg) no-repeat 0 3px;
	float: left;
	width: 60px;
	list-style:none;
}
#site_menu ul li a {
	background-image: url(http://www.yenta4.com/assets/images/site_menu_sprite.gif);
	display: block;
	margin: 3px 0px 0px 2px;
	height: 72px;
	width: 57px;
}
#site_menu ul li a:hover { background-color: #ff9f49; }
#site_menu ul li a em {
	margin-left: -9999px;
}
#site_menu ul li a#gig_menu { background-position: 0px 0; }
#site_menu ul li a#diary_menu { background-position: -58px 0; }
#site_menu ul li a#game_menu { background-position: -121px 0; }
#site_menu ul li a#album_menu { background-position: -182px 0; }
#site_menu ul li a#club_menu { background-position: -242px 0; }
#site_menu ul li a#story_menu { background-position: -305px 0; }
#site_menu ul li a#cutie_menu { background-position: -364px 0; }
#site_menu ul li a#cartoon_menu { background-position: -425px 0; }
#site_menu ul li a#music_menu { background-position: -486px 0; }
#site_menu ul li a#video_menu { background-position: -547px 0; }
#site_menu ul li a#showoff_menu { background-position: -607px 0; }
#site_menu ul li a.selected { background-color: #fc728a; }
#site_menu ul li a.selected:hover { background-color: #fc728a; }

div#login_bar {
	background: transparent url(http://www.yenta4.com/assets/images/bg_login.png) no-repeat bottom center;
}
div#login_bar form {
	background: transparent url(http://www.yenta4.com/assets/images/login_sprite.gif) no-repeat 12px 5px;
	color: #630;
	font-weight: bold;
	padding: 3px 20px 13px 35px;
}
div#login_bar form input.y4_input {
	border: 1px solid #7f9db9;
	width: 120px;
}
div#login_bar form input.y4_btn {
	background-color: #FF6594;
	border-color: #FFB2CD #DE4D83 #DE4D83 #FFB2CD;
	border-style: solid;
	border-width: 2px;
	color: #fff;
	font-weight: normal;
	padding: 0px 5px;
}
div#login_bar form #register {
	background: transparent url(http://www.yenta4.com/assets/images/login_sprite.gif) no-repeat 0px -152px;
	padding-left: 29px;
	margin-left: 10px;
}
div#login_bar form #forget_pass {
	background: transparent url(http://www.yenta4.com/assets/images/login_sprite.gif) no-repeat 0px -52px;
	padding-left: 22px;
}
div#login_bar form #bookmark {
	background: transparent url(http://www.yenta4.com/assets/images/login_sprite.gif) no-repeat 0px -100px;
	padding-left: 22px;
}

div#user_info {
	background: transparent url(http://www.yenta4.com/assets/images/bg_login.png) no-repeat bottom center;
	padding: 10px 0px;
	*padding: 10px 0px 7px 0px;
}
div#user_info img#avatar, div#user_info ul {
	border-left: 1px solid #FDFDFD;
	border-right: 1px solid #DAD9D9;
	float: left;
}
div#user_info img#avatar {
	margin: 0px 10px 0px 20px;
}
div#user_info ul {
	padding: 0px 10px;
	color: #2c5e83;
}
div#user_info ul a {
	color: #2c5e83;
}
div#user_info li {
	background: transparent url(.http://www.yenta4.com/assets/images/user-info-sprite.gif) no-repeat -20px 0px;
	padding-left: 23px;
	*height: 20px;
	list-style:none;
}
div#user_info li#mail { background-position: 0px -4px; }
div#user_info li#signout { background-position: 0px -143px; }
div#user_info li#help { background-position: 0px -107px; }
div#user_info li#edit { background-position: 0px -71px; }
div#user_info li#write { background-position: 0px -216px; }
div#user_info li#shortcut { background-position: 0px -179px; }
div#user_info li#nickname, div#user_info li#ranking { padding-left: 0px; }

div#user_info ul#user_info1 {
	width: 195px;
}
div#user_info ul#user_info2, div#user_info ul#user_info3, div#user_info ul#user_info4 {
	width: 178px;
}
div#user_info ul#user_info4 {
	border-right: 0px;
}
div#user_info li.menu-item {
	position: relative;
}
div#user_info ul.submenu {
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid #ff838d;
	left: 10px;
	padding: 2px;
	position: absolute;
	top: 23px;
	white-space: nowrap;
	z-index: 20;
}
div#user_info ul.submenu li {
	background:transparent none repeat scroll 0 0;
	list-style-position:inside;
	list-style-type:disc;
	padding:3px;
}

div#hide_info {
	text-align: center;
} 
div#hide_info img#btn_hide_info {
	cursor: pointer;
} 

/* end header */
