/* 전체 배경 */
.mainBg{ background-color:#FFFFFF;background-image:url(./img/bg.gif)} 

/* 헤더 배경 */
.headerBg{ background-image:url(./img/header_bg.gif);}
/* 타임라인 */
.harooBg{ border-top:solid 1px #fff; background-image: url(./img/main_bg.jpg); }

/*****************************************************************************************************/

.header_title{color:#b15662;}
.header_userInfo_1{color:#bf7c84;}
.header_userInfo_2{color:#bf7c84;}

.fontColor{ color:#b15662; }


.bt_haroo{ background-color:#ffffff;border:solid 1px #b15662;height:22px;width:62px;padding:8px 0 0 0}
.bt_haroo_txt{ color:#b15662; }

.haroo_post{ border:solid 3px #535353}
.haroo_win{ border:solid 3px #535353}

.bt_post{ background-color: #535353;color:#000000;border:solid 1px #535353; height:22px; width:70px;}
.bt_cancel{ background-color: #000000;color:gray;border:solid 1px #cccccc; height:22px; width:70px;}
/*****************************************************************************************************/

/* 헤더 */
div#header #profile .title{ color:#000000; }
div#header #profile .userInfo_1{ color:#c84034; }
div#header #profile .userInfo_2{ color:#93c2e8; }


/* 메뉴바 */
.menuBarBg{ background-color:#b15662; }

div#menuBar H5{float:left;font-size:12px;}
div#menuBar .txtType{ color:#ffffff; }
div#menuBar #right .txtType2{ color:#ffffff; }

div#menuBar #tit_bar{ display:none;}

div#menuBar #tit_haroo A{

	background-image: url(./img/menuBar.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:189px;
	top:0px;
	width:120px;
	height:32px;
	display:block;
	text-indent:-1000em;
	background-position:-100px 0px;
}

div#menuBar #tit_mocabang A{

	background-image: url(./img/menuBar.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:300px;
	top:0px;
	width:110px;
	height:32px;
	display:block;
	text-indent:-1000em;
	background-position:0px 0px;
}

div#menuBar #tit_visitor A{

	background-image: url(./img/menuBar.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:400px;
	top:0px;
	width:110px;
	height:32px;
	display:block;
	text-indent:-1000em;
	background-position:-200px 0px;
}

.harooDateColor_left{ color : #b15662; }
.harooDateColor_center{ color : #b15662; }
.harooDateColor_right{ color : #b15662; }

div#haroo_wrap #haroo .bt_alarm{ border:solid 3px #457925;background-color:#5d903d;}
div#haroo_wrap #haroo .bt_alarm_txt{ color:#fff;font-family:dotum,gulim,굴림,돋움;font-size:9pt;font-weight:bold;}


/* haroo object */
.haroo_object_box{ 
	background:#fff;
	border : solid 2px  #b15662 
}

.haroo_object_txt{color:#4B4B4B;}
.haroo_object_count{color:#ff5a00;}

/* 타임라인 */
.timeLine_bg{ background-color:#b15662}
.timeLine_txt{ color:#FFFFFF;font-family:tahoma;font-size:11px;}


/* 타임라인 팝업 */
.popup_time_txt{ color:#fff; }
.popup_txt{ color:#b15662;}
.popup_line{ background-color:#ffb5bf}

/* 캘린더 */

.calenderCell{ background-color:#ffd5db;border:solid 1px #df949e;height:24px;width:24px;}

div#contents #left .calenderBg{ background-image: url(./img/cal_bg.gif); background-repeat:no-repeat;}
div#contents #left #calender #title{ display:none; }
div#contents #left #calender .calColor_1{ color:#535353; } /* 당일 */
div#contents #left #calender .calColor_2{ color:#FFFFFF; } /* 기본색상 */
div#contents #left #calender .calColor_3{ color:#0089e9; } /* 사진 있는날 */
div#contents #left #calender .calColor_4{ color:#00e9cb; } /* 사진이 있는데 디스플레이가 되지 않은날 */

div#contents #left #calender{

	width:196px;
	height:250px;
	text-align:center;
	padding:20px 2px 0 2px;
	
}

.mainContentsbg{ background-image: url(./img/con_bg.gif);background-repeat:no-repeat;height:311px;}

/* 갤러리 */
div#main #gallery #title{ display:none; }
div#contents #main #gallery{

	padding:15px 0 0 15px;
	width:550px;
	height:115px;

}


/* 방문자 */
div#main #visitor #title{ display:none; }
div#contents #main #visitor{

	padding:5px 0 0 15px;
	width:280px;
	height:184px;
	float:left;
}


/* 최근코멘트 */
div#main #comment #title{ display:none; }
div#contents #main #comment{

	padding:5px 0 0 10px;
	width:270px;
	height:184px;
	float:left;
}	

/* 친구들 */
div#main #friends #title{ display:none; }
div#contents #main #friends{

	padding:30px 0 0 26px;
	float:left;
	text-align:center;
	width:170px;
	/*position:relative;*/
	z-index:0;

}	

div#contents #main #friends #friends_img{

	border:solid 1px #FFFFFF;

}

/* 방명록 색상 설정*/

.visitorBg_1{ background-color:#fff; }
.visitorBg_2{ background-color:#fadce0; }
.visitorBg_3{ background-color:#f7c0c7; }
.visitorColor_1{ color:#b15662; }
.visitorColor_2{ color:#b15662; }
.visitorColor_3{ color:#b15662; }

/*********************************/
/*        Mocabang USER CSS      */
/*********************************/
div#moca_visual{
	border:solid 2px #000000;
	background-color:#000;

}


.mocaAlbum_box{
	border:solid 4px #cc7c87;
	background-image:url(./img/moca_bg.gif);
}

.mocaAlbum_title{

	font-family:tahoma;verdana;
	font-size:16px;
	color:#cc7c87;
	text-align:left;
	font-weight:bold;
	padding:0 0 10px 0;
}


.sideLeft_border{ 
	border:solid 2px #b15662;
	padding:5px;
	background-color:#FFFFFF;
	min-height:790px;
}

.sideRight_border{
	border:solid 2px #b15662;
	padding:0 8px 0 5px;
	background-color:#FFFFFF;
	width:180px;
	text-align:center;
	min-height:800px;
}

.conMain_border{
	border:solid 2px #b15662;
	padding:0 8px 0 8px;
	background-color:#FFFFFF;
	min-height:800px;
}

/* 왼쪽메뉴 */

div#left_box_top{

	width:161px;
	height:11px;
	background-image:url(./img/menu_r_top.gif);

}
div#left_box_middle{
	
	width:141px;
	height:191px;
	padding:0 10px 0 10px;
	background-image:url(./img/menu_r_middle.gif);

}
div#left_box_bottom{
	
	width:161px;
	height:11px;
	background-image:url(./img/menu_r_bottom.gif);
}

.icon_menu{
	background-image:url(/harooye/images/icons/icon_menu.gif);
}

.setting_contents{
	
	border:solid 2px #cc7c87;

}