@charset "utf-8";

body{
		font:12px  Dotum, AppleGothic;
		background:url(./images/bg.gif) repeat-x;
		background-color:#eeede6;
		color:#666;
		margin:0; padding:0;
		width:100%; height:100%;
}

a:link          { color:#666; text-decoration:none;}
a:visited       { color:#666; text-decoration:none;}
a:hover         { color:#666; text-decoration:underline;}
a:active        { color:#666; text-decoration:none;}

.clear { clear:both; }
.sep   { color:#cacaca; }

/* 기본 TT css - tistory skin 에서 얻어옴 */

/* 페이징 - 현재 페이지 */
    .selected               { color:#f30;}
    .no-more-prev,
	.no-more-next { color:#ccc;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer; font:11px  Dotum; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:11px  Dotum;  color:#9a8c92; }

/* 달력 월 표시 */
	.cal_month               { font:11px Tahoma;  height:18px; font-weight:bold;}
	.cal_month   a           { text-decoration:none; color:#555;}
	.cal_month   a:hover	 { text-decoration:none; color:#735768; }
/* 달력 요일 표시(th 영역) */
	.cal_week1              { font:12px  Dotum;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
	.cal_week2              { font:12px  Dotum;  }

/* 달력 Week(tr 영역)  */
	.cal_week               { }
	.cal_current_week       { }
	
/* 달력 Day(td 영역) */
	.cal_day                { color:#eee;  font:11px verdana;   text-align:center; height:18px;}
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday         { color:#aaa !important;}
	
/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { color:#aaa;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { color:#000;  }
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click:link        { color:#735768;  text-decoration:underline; font-weight:bold;}
	a.cal_click:visited     { color:#735768;  text-decoration:underline; font-weight:bold;}
	a.cal_click:hover       { color:#333; text-decoration:underline;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/more.gif) no-repeat left 7px;  padding-left:16px; font-weight:bold; }
    .moreless_top           { background:url(images/less.gif) no-repeat left 6px;  padding-left:16px; font-weight:bold; }
    .moreless_body          { }
    .moreless_bottom        { background:url(images/less.gif) no-repeat left 6px;  padding-left:16px; font-weight:bold; }

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #777; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;  border:0; font:12px  Dotum;}
textarea        { width:480px; height:60px; color:#7b7679; border:1px solid #d2d0ce; background:url(./images/input.gif) repeat-x #f7f6f3; font:11px  Dotum; padding:4px; }
label			{ color:#666666; cursor:pointer;}

.input			{ color:#7b7679; border:1px solid #d2d0ce; background:url(./images/input.gif) repeat-x #f7f6f3; font-size:11px; width:100px; height:12px; padding-left:2px; padding-top:4px; }
.homepage		{ color:#7b7679; border:1px solid #d2d0ce; background:url(./images/input.gif) repeat-x #f7f6f3; font-size:11px; width:180px; height:12px; padding-left:2px; padding-top:4px; }
.search_input	{ color:#7b7679; border:1px solid #e0dad9; border-right:0; background:url(./images/input.gif) repeat-x #f7f6f3; font-size:11px; width:80px; height:12px; padding-left:2px; padding-top:3px; }
.cnt			{ color:#9a8c92; }
.checkbox		{ cursor:pointer; }

/* layout */

#container		{ width:1000px; margin:0 auto;}

#header			{ width:848px; margin:0 auto; margin-top:46px; }
#top_view		{ width:848px; margin:0 auto; margin-top:16px; height:35px; background:url(./images/mm_center.gif) repeat-x; }

#wrap			{ margin-top:16px; }

#layout			{ width:100%; }

#left_margin	{ float:left; width:76px; }
#sidebar		{ float:left; width:210px; padding-right:10px;}
#main			{ float:left; width:628px; padding-right:10px;  }
#top_link		{ float:left; width:66px; }
#footer			{ clear:both; }

/* header */
#header_logo			{ font:bold 12px  Dotum; color:#555555; letter-spacing:2px; }
	#header_logo a		{ color:#555; text-decoration:none; }
	#header_logo a:hover{ color:#999; }

#header_menu			{ font:10px Tahoma; letter-spacing:1px; background:url(./images/menu_bg.gif) repeat-x;  border-top:2px solid #956882; border-bottom:2px solid #956882; margin-top:12px; padding-left:4px; padding-right:6px; height:22px;}
	#header_menu	a	{ color:#666666; }
	#header_menu	a:hover		{ text-decoration:none; color:#a8a8a8; }
	#header_menu	.main_menu	{ float:left; height:14px; }
	#header_menu	.owner_menu	{ float:right; padding-top:5px; }
	#header_menu	.sep		{  margin-left:2px; margin-right:2px; }
	#header_menu	ul			{ list-style:none; margin:0; padding:0;  }
	#header_menu	ul	li		{ float:left; height:17px; padding-top:5px; padding-right:2px; }
	
/* menu */

	#tt-body-page		#menu_blog,
	#tt-body-blog		#menu_blog,
	#tt-body-location	#menu_locallog,
	#tt-body-tag		#menu_taglog,
	#tt-body-keylog		#menu_keylog,
	#tt-body-media		#menu_medialog,
	#tt-body-guestbook	#menu_guestbook	{ background:url(./images/select_menu_bg.gif) repeat-x; padding-left:6px; padding-right:6px; }

/* top view */
#top_view_left			{ width:100%; height:100%; background:url(./images/mm_left.gif) no-repeat; }
#top_view_right			{ width:100%; height:100%; background:url(./images/mm_right.gif) no-repeat right; }

#top_view_desc			{ color:white; font:11px  Dotum; background:url(./images/mm_icon.gif) no-repeat 10px 10px; padding-top:13px; padding-left:36px; letter-spacing:2px; }


/* sidebar */
#userImage				{ overflow:hidden; text-align:center; }

#recent_trackbacks,
#recent_posts,
#recent_comments,
#archive,
#calendar,
#tagcloud,
#category,
#links,
#notice					{ border:2px solid #e3ddde; padding:6px; padding-top:8px; padding-bottom:1px; background:url(./images/sidebar_bg.gif) repeat-x left 0px #f4f3ee; }
#tagcloud				{ padding-bottom:4px; }

#calendar				{ padding-top:4px; }
#category,
#archive				{ padding-top:6px; }

/* ie 6 */
* html #recent_trackbacks,
* html #recent_posts,
* html #recent_comments,
* html #archive,
* html #tagcloud,
* html #calendar,
* html #category,
* html #links,
* html #notice {
	 background:url(./images/sidebar_bg.gif) repeat-x left 2px #f4f3ee;
}

/* ie 7 */
*:first-child+html #recent_trackbacks,
*:first-child+html #recent_posts,
*:first-child+html #recent_comments,
*:first-child+html #archive,
*:first-child+html #tagcloud,
*:first-child+html #calendar,
*:first-child+html #category,
*:first-child+html #links,
*:first-child+html #notice {
	 background:url(./images/sidebar_bg.gif) repeat-x left 1px #f4f3ee;
}

.data_desc				{ padding-top:5px; padding-bottom:8px; }

#tagcloud ol { list-style:none; line-height:20px; margin:0; padding:0; }			
			#tagcloud li { display:inline; background:none; padding:0; padding-right:4px; }

			#tagcloud .cloud1		{ color : #75586a;	font :14px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
			#tagcloud .cloud2		{ color : #7b7679;  font :13px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
			#tagcloud .cloud3		{ color : #7b7679;  font :12px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
			#tagcloud .cloud4		{ color : #606060;  font :12px  Gulim, Tahoma, Arial, sans-serif;}
			#tagcloud .cloud5		{ color : #af9fa9;  font :11px  Gulim, Tahoma, Arial, sans-serif;}	


.sidebar				{ margin-bottom:16px; }

.sidebar	ul			{ list-style:none; margin:0; padding:0; margin-top:5px; padding-top:4px; padding-bottom:5px; border-top:1px solid #e7e0e3; }
.sidebar	ul	li		{ font-size:11px; background:url(./images/li.gif) no-repeat 3px 9px; padding-left:10px;  padding-top:5px; color:#998e94; }
.sidebar	ul	li	a	{ color:#998e94; }

.skinname				{ }
.comment_name			{ color:#aaa; }

.logo_links				{ float:left; padding-top:2px; background:url(./images/t_line.gif) no-repeat right; padding-right:15px; }
.search					{ float:right; }
	.search .search_input_div	{ float:left; }
	.search .search_button_div  { float:left; }

	/* ie 6 */
	* html .search .search_button_div   { padding-top:1px; }

	/* ie 7 */
	*:first-child+html .search .search_button_div   { padding-top:1px; }

.archive_window { width:198px; padding:4px; border:2px solid #e3ddde; background:#efeee9; visibility:hidden; }
		.archive_window_data { height:14px; padding-top:2px; font-size:11px; }
		.archive_window_data a { text-decoration: none; color: #888; }
		.archive_window_data a:hover { text-decoration: underline;color: #666;}

.archive_input { width:100%; height:15px; }
		.archive_text	{ float:left; color:#a0a0a0;}
		.archive_button { float:right; padding-top:4px; padding-right:2px;}

.simpleviolet	{ background:url(./images/ss_center.gif) repeat-x; height:26px; }
.simpleviolet_left { width:100%; height:100%; background:url(./images/ss_left.gif) no-repeat; }
.simpleviolet_right{ width:100%; height:100%; background:url(./images/ss_right.gif) no-repeat right; }
.simpleviolet_wrap { padding-top:6px; text-align:center; }

/* main */

.article_wrap			{ border:3px solid #e0dad9; margin-bottom:20px; }
.article				{ border-top:1px solid white; border-left:1px solid white; border-right:1px solid white; padding:10px; }

.article	ul			{ list-style:none; margin:0; padding:0; margin-top:5px; padding-top:8px; border-top:1px solid #e7e0e3; }
.article	ul	li		{ font-size:11px; background:url(./images/li.gif) no-repeat 3px 5px; padding-left:10px;  padding-bottom:4px; color:#998e94; }
.article	ul	li	a	{ color:#998e94; }
.article	h3			{ font-size:12px; color:#7b7679; }

.article	.title_wrap						{ background:url(./images/title_wrap.gif) repeat-x left bottom; padding-bottom:10px; }
	.article	.title_wrap .content_title_calender_month { color:#aba8a8; font:7pt Tahoma,Gulim; font-weight:bold; width:100%; padding-left:1px; letter-spacing:1px; text-align:center; padding-top:3px; }
	.article	.title_wrap .content_title_calender_day { color:#8f8c8c; font:10pt Tahoma, Gulim; font-weight:bold;  width:100%; padding-left:1px; letter-spacing:2px; text-align:center; padding-top:1px; }

.article	.calendar						{ float:left; background:url(./images/calendar_bg.gif) no-repeat; width:34px; height:36px; margin-right:9px; }
.article	.textarea						{ float:left; }
.article	.textarea	.subject			{ color:#7b7679; font-weight:bold; margin-top:3px; margin-bottom:4px; }
	.article	.textarea	.subject	a	{ color:#7b7679; }
.article	.textarea	.extra				{ color:#e0d1da; font-size:11px; }
	.article	.textarea	.extra		a   { color:#b49daa; }
	.article	.textarea	.extra	.date	{ color:#b49daa; font:10px verdana; }
.article	.desc_wrap						{ padding-top:10px; padding-bottom:10px; line-height:18px; overflow:hidden;  width:600px; }

.article	.tc_line						{ padding-left:5px; padding-right:5px; font:11px  Dotum; background:url(./images/comment_bg.gif) repeat-x; height: 18px; padding-top:6px; color:#7b7679; }
.article	.article_admin					{ text-align:center; margin-top:10px; }
.article	.tags							{ background:url(./images/tag.gif) no-repeat; margin-bottom:10px; padding-left:22px; padding-top:2px; }

.article	.trackback						{ margin-top:14px; background:url(./images/trackback.gif) repeat-x left bottom; padding-bottom:15px; }
.article	.trackback_copy					{ background:url(./images/comment_box_bg.gif) repeat-x #f4f3ee; border:1px solid #d2d0ce; padding:8px; text-align:center; font:11px Tahoma; color:#7b7679; }
.article	.trackback	ol					{ list-style:none; font:11px  Dotum; padding:0; margin-left:0px; margin-bottom:0; }
.article	.trackback	ol	li				{ margin-bottom:5px; }
.article	.trackback .trackback_wrap		{ }

	.article	.comment { line-height:15px; }		

	.article	.comment_textarea { float:left;  margin-top:6px; }
	.article	.comment_submit { float:left; margin-left:14px; margin-top:7px; }
	
	.article	.commentwrite { width:100%; margin-top:14px; }
	.article	.commentwrite DL { margin:0; }
	.article	.commentwrite label { font-size:11px; color:#767676; }

	.article	.commentlist { position:relative; }
	.article	.commentlist OL { list-style:none; padding:0; margin:0; }
	.article	.commentlist UL { list-style:none; padding:0; margin:0; border:0; }
	.article	.commentlist LI { padding-top:10px;}
	.article	.commentlist UL LI { border:1px solid #d2d0ce; background:url(./images/comment_box_bg.gif) repeat-x #ecebe5; }
	.article	.commentlist OL LI UL { margin-top:10px; }

		.article	.main_comment_list { background:url(./images/comment_bg2.gif) repeat-x left bottom; padding-bottom:12px; }
		.article	.main_comment_sublist { margin:0; padding:10px; min-height:50px; margin-top:10px; }
		/* for Internet Explorer */
		/*\*/
		* html .article	.main_comment_sublist {
			height: 50px;
		}
		/**/
		.article	.comment_name {  margin-right:4px; color:#888; font:11px  Dotum,Gulim; }
			.article	.comment_name A { text-decoration:none; color:#888; font-weight:bold; }
			.article	.comment_name A:hover { text-decoration:underline; color:#888; font-weight:bold; }

		.article	.comment_date { font:11px Tahoma,Arial; color:#a3a3a3;}

		.article	.comment_modify { float:left; }
		.article	.comment_desc { color:#7b7679;  margin:8px 0 0 0; padding:0; line-height:18px; }					
			.article	.comment_desc A { text-decoration:none;  color:black; }
			.article	.comment_desc A:hover { text-decoration:underline; color:black; }

		.article	.comment_reply { float:right; }
	

	.article	.guestwrite { width:100%; padding-bottom:20px; background:url(./images/trackback.gif) repeat-x left bottom;}
	.article	.guestwrite DL { margin:0; }
	.article	.guestwrite label { font-size:11px; color:#767676; }
	
	.article	.guestlist { position:relative; padding-top:14px; }
		.article	.guestlist OL { list-style:none; padding:0; margin:0; }
		.article	.guestlist UL { list-style:none; padding:0; margin:0; border:0; }
		.article	.guestlist LI { }
			.article	.guestlist UL LI{ margin-top:10px; }

		.article	.main_guest_list { margin-bottom:14px; padding-bottom:12px; background:url(./images/comment_bg2.gif) repeat-x left bottom; }
		.article	.main_guest_sublist { border:1px solid #d2d0ce; padding:10px; background:url(./images/comment_box_bg.gif) repeat-x #ecebe5; }


.article	.sub_desc	{ margin-top:5px; padding-top:8px; border-top:1px solid #e7e0e3; }


/* locallog */

.spot {color:#737373; font :12px Gulim, Tahoma, Arial, sans-serif; height:16px; padding-left:12px; padding-top:2px; background-image: url(./images/icon_globe.gif); background-repeat: no-repeat;background-position: 0 3px;}
.info {color:#737373; font :12px Gulim, Tahoma, Arial, sans-serif; padding-left:15px; height:18px; background-image: url(./images/paper.gif); background-repeat: no-repeat; background-position: 0 1px; padding-bottom:4px;}

/* taglog */

.taglog ol { list-style:none; line-height:20px; margin:0; padding:0; margin-top:5px; padding-top:8px; border-top:1px solid #e7e0e3; }			
	.taglog li { display:inline; background:none; padding:0; padding-right:4px; }

	.taglog .cloud1		{ color : #75586a;	font :14px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
	.taglog .cloud2		{ color : #7b7679;  font :13px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
	.taglog .cloud3		{ color : #7b7679;  font :12px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
	.taglog .cloud4		{ color : #606060;  font :12px  Gulim, Tahoma, Arial, sans-serif;}
	.taglog .cloud5		{ color : #af9fa9;  font :11px  Gulim, Tahoma, Arial, sans-serif;}	

/* list */
.list				{ padding-bottom:5px; }
.list ol			{ list-style:none; line-height:20px; margin:0; padding:0; margin-top:5px; padding-top:8px; border-top:1px solid #e7e0e3; }			
.list li			{ background:none; padding:0; padding-right:4px; }
.list .list_name    { color:#999; margin-left:8px; }
.list .list_date	{ color:#999; margin-right:8px; }

/* pages */
#pages {text-align:center; padding:12px; padding-top:5px; color:#AAA; font:bold 12px Tahoma , Arial, sans-serif;	 }

			.pages a:link { text-decoration: none; color: #7b7679; }
			.pages a:hover { text-decoration: none; color: #7b7679; }
			.pages a:visited { text-decoration: none; color: #7b7679; }
			.pages a:hover { text-decoration: none;color: #333;}
			
			.next_prev		  { font-weight:normal; }
			.next_prev a:link { text-decoration: none; color: #7b7679; }
			.next_prev a:hover { text-decoration: none; color: #7b7679; }
			.next_prev a:visited { text-decoration: none; color: #7b7679; }
			.next_prev a:hover { text-decoration: none;color: #333;}

			.selected { color:#e07b2a; }
			.interword { padding-left:7px;}

/* top button */
#div_top_button { position: relative; }

