﻿@charset "utf-8";

body{
		font:12px Dotum, AppleGothic;
		background:url(./images/bg_back.gif) repeat-x #292929;
		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:#ccc; text-decoration:none;}
a:active        { color:#666; text-decoration:none;}

.clear { clear:both; margin:0; padding:0; height:0px; font-size:0; }
.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:10px Tahoma;  color:#cccccc; }

/* 달력 월 표시 */
	.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          { color:#999; background:url(images/more.gif) no-repeat left 7px;  padding-left:16px; font-weight:bold; }
    .moreless_top           { color:#999; background:url(images/less.gif) no-repeat left 6px;  padding-left:16px; font-weight:bold; }
    .moreless_body          { color:#999; }
    .moreless_bottom        { color:#999; background:url(images/less.gif) no-repeat left 6px;  padding-left:16px; font-weight:bold; }

/* 키워드 */ 
    .key1 { display:none; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

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; font-size:11px; }

.input			{ background:#222222; border:0; border-top:1px solid #131313; border-bottom:1px solid #404040; color:#969595; font-size:11px; padding:4px; }


/* layout */

.content_size { width:800px; margin:0 auto; }
.full_size { width:900px; margin:0 auto; }
.data_margin { width:50px; }

.action_padding { padding-left:5px; padding-right:5px; }
.action_bg { background:url(./images/action_bg.gif) repeat-x #242424; border-bottom:1px solid #303030;  }
.action_bg_left { background:url(./images/action_bg_side.gif) repeat-y; }
.action_bg_right { background:url(./images/action_bg_side.gif) repeat-y top right; }

#container { padding-bottom:50px; }

#toolbar_wrap { background:url(./images/bg_toolbar.gif) repeat-x; height:29px; }
	#toolbar {}

#header_wrap { clear:both; background:url(./images/bg.gif) repeat-x #222222; }

#subwindow { background:url(./images/bg_sub_window.gif) repeat-x left 2px #212121; }

#switch { width:100%; background:url(./images/switch_bg.gif) repeat-x top left #272627;  }

#main { width:100%; background:url(./images/main_bg.gif) repeat-x top left #292929; }


/* toolbar */
	#toolbar_left_margin	 { float:left; }
	#toolbar				 { float:left; }
		#toolbar_admin		 { float:left; padding-top:9px; }
		#toolbar_search		 { float:right; padding-top:5px; }
			#toolbar_search input { background:#222222; border-top:1px solid #131313; border-bottom:1px solid #404040; color:#969595; font-size:11px; padding-left:2px; padding-right:2px; }

	#toolbar_right_margin	 { float:left; background:url(./images/bt_toolbar_hide.gif) no-repeat; height:29px; cursor:pointer; }

/* header */
	#header_left_margin { float:left; }
	#header { float:left; padding-bottom:5px; padding-top:22px; }
	#header_right_margin { float:left; }

		#logo { float:left; padding-top:0px; }
			#logo a { color:#aaa; text-decoration:none; }
			#logo span { color:#737371; }

		#menu { float:right; }
			#menu ul { list-style:none; font-family:Tahoma; font-size:11px; letter-spacing:1px; }
			#menu ul li { float:left; color:#6a6a6a; padding-bottom:4px; }	

/* menu */
	#tt-body-entry #blog_menu,
	#tt-body-page #blog_menu,
	#tt-body-location #localog_menu,
	#tt-body-tag #taglog_menu,
	#tt-body-keylog #keylog_menu,
	#tt-body-medialog #medialog_menu,
	#tt-body-guestbook #guestbook_menu { background:url(./images/bt_menu_select.gif) no-repeat center bottom; }


/* switch */
	#switch_data { text-align:right; }


/* entry */
	.entry { margin-bottom:20px; }
		.entry p { margin:0; padding:0; }

		.entry .article_protected		  { line-height:18px; }
		.entry .article_protected .submit { margin-left:5px; font-size:11px; letter-spacing:1px; border-left:1px solid #494949; border-top:1px solid #494949; border-right:1px solid #151515;  border-bottom:1px solid #151515; background:#323232; color:#818181; height:21px; }
		.entry .article_protected label	  { color:#999; }

	.entry .entry_bottom { background:url(./images/entry_bg.gif) no-repeat left bottom; padding-top:10px; }
	.entry	.titleWrap { }
	.entry .titleWrap h2 { font-size:12px; font-weight:bold; letter-spacing:2px; }
		.entry .titleWrap h2 a { color:#cecece; }
	.entry .titleWrap h2 .category { font-size:11px; margin-left:6px; font-weight:normal; letter-spacing:0px; }
		.entry .titleWrap h2  a .category { color:#6f6f6f; }
	.entry .titleWrap .entry_date { margin-left:2px; margin-top:4px; font:10px Tahoma; letter-spacing:7px; color:#7a7a7a; }
	.entry .titleWrap .entry_date .sep { color:#4e4e4e; }

	.entry .line	{ font-size:0; height:0; border-top:1px solid #9c9c9c; margin-top:10px; margin-bottom:10px; }
	.entry .admin { text-align:center; margin-bottom:10px; font-size:11px; color:#555; }
		.entry .admin .sep { color:#3a3a3a; margin-left:4px; margin-right:4px; }
	.entry .article { overflow:hidden; margin-bottom:8px; line-height:18px; color:#696969;  }	
		.entry .article a { color:#aaa;  }
		.entry .article a:hover { border-bottom:1px solid #444; }
		.entry .article .key1 { display:inline; margin-left:2px; margin-right:2px; border-bottom:1px solid #444; }

		.entry .article BLOCKQUOTE { padding:10px; margin:0; background:#252525; border-left:1px solid #202020; border-top:1px solid #202020; border-right:1px solid #353535; border-bottom:1px solid #353535; }

	.entry .entry_images { text-align:center; }

	.tagTrail { padding-top:12px; background:url(./images/tagTrail_bg.gif) repeat-x; font-size:11px; margin-bottom:6px;  }
		.entry .tagTrail .tagText { color:#999; }
	
	.entry .actionTrail {  background:url(./images/emboss_bg.gif) repeat-x;  padding-top:11px; height:20px; font-size:11px; /* text-align:right; */ }
		.entry .actionTrail p { margin:0; padding:0; }
		.entry .actionTrail a { color:#999; }
		.entry .actionTrail .sep { margin-left:5px; margin-right:5px; }
		.entry .actionTrail .cnt { color:#d14b2d; margin-right:3px; }

	.entry .trackback { background:url(./images/action_bg.gif) repeat-x 0px -1px #242424; margin-bottom:4px;  }
		.entry .trackback .trackback_padding { padding:10px; padding-left:15px; padding-right:15px; }
		.entry .trackback h3 { font-weight:normal; font-size:11px; color:#979797; padding-top:4px; letter-spacing:1px; }
		.entry .trackback h3 .sep { color:#626262; }

		.entry .trackback ol { list-style:none; margin:0; padding:0; padding-top:10px; }
			.entry .trackback ol .sep { color:#434343; }
		.entry .trackback ol li { background:url(./images/trackback_li.gif) no-repeat 0px 4px; padding-top:2px; padding-bottom:2px; padding-left:12px; }
		.entry .trackback ol li .delete { margin-left:4px; }

	.entry .comment { }
		.entry .comment .comment_padding { padding-top:10px; padding-bottom:10px; }
		.entry .comment .comment_side_padding { padding-left:15px; padding-right:15px; }
		.entry .comment .comment_side_margin { margin-left:15px; margin-right:15px; }
		.entry .comment h3 { font-weight:normal; font-size:11px; color:#979797; padding-top:4px; letter-spacing:1px; padding-bottom:10px; }
		.entry .main_comment {  background:url(./images/bg_comment_write.gif) repeat-x ; padding-top:15px; }

		.entry .comment ol { list-style:none; margin:0; padding:0;  }
			.entry .comment ol li { margin-bottom:16px; }
				.entry .comment ol li ul { list-style:none; padding:0; margin:0; margin-top:10px; }
					.entry .comment ol li ul li { padding:0; margin:0; margin-top:5px; background:url(./images/bg_sub_comment.gif) repeat-x #1f1f1f; border-top:1px solid #1a1a1a; border-bottom:1px solid #2d2d2d; padding-top:14px; padding-bottom:14px; }

		.entry .comment .name_wrap { float:left; color:#979797; height:21px; }
			.entry .comment .name_wrap a { font-weight:bold; color:#979797; }
			.entry .comment .name_wrap a:hover { color:#ccc; }

		.entry  .comment .control_wrap { float:right; }
			.entry .comment p { padding:0; margin:0; padding-bottom:5px; }
			.entry .comment p.desc { clear:both; }
			.entry .comment .date { color:#535252; letter-spacing:1px; font:9px Tahoma; margin-top:5px; }

		.entry .commentWrite { background:url(./images/bg_comment_write.gif) repeat-x; padding-top:14px; }

		.entry .commentWrite .password,
		.entry .commentWrite .text { background:#2c2c2c; border:0; border-top:1px solid #1e1e1e;  border-bottom:1px solid #313131; color:#818181; padding-top:4px; padding-bottom:2px; padding-left:6px; padding-right:6px; }
		.entry .commentWrite textarea { width:474px; background:#2c2c2c; border:0; border-top:1px solid #1e1e1e;  border-bottom:1px solid #313131; color:#818181; margin-top:4px;  }

		.entry .commentWrite .name,
		.entry .commentWrite .password { width:126px; margin-right:3px; }

		.entry .commentWrite .inputArea { float:left; }
		.entry .commentWrite .submitArea { float:left; padding:0; margin-top:5px; }
		.entry .commentWrite .sumbitButton { font-size:11px; letter-spacing:1px; border-left:1px solid #494949; border-top:1px solid #494949; border-right:1px solid #151515;  border-bottom:1px solid #151515; background:#323232; color:#818181; height:70px; } 
		.entry .commentWrite .secretWrap { padding-top:4px; }

/* localog */

	.locallog			{ line-height:20px; padding-bottom:18px; /*background:url(./images/bg_line.gif) repeat-x left bottom;*/ }
		.locallog .locallog_data {}
	.locallog	.spot	{ color:#888; font-size:11px; height:16px; padding-left:14px; padding-top:2px; background: url(./images/icon_globe.gif) no-repeat 0 6px;}
	.locallog	.info	{ color:#777; padding-left:16px; height:18px; background: url(./images/paper.gif) no-repeat 0 5px; padding-bottom:4px;}
	.locallog	.info a { color:#999; }
	.locallog	.info a:hover { color:#ccc; }

/* taglog */

	.taglog			{ padding-bottom:18px; /*background:url(./images/bg_line.gif) repeat-x left bottom;*/ }
		.taglog .taglog_data {  }
	.taglog	ul		{ list-style:none; margin:0; padding:0; }
	.taglog ul li	{ display:inline; margin-right:8px; }
	.taglog .cloud5		{ color : #666666;  font-size :11px;}	
	.taglog .cloud4		{ color : #afafaf;  font-size :11px;}
	.taglog .cloud3		{ color : #cdcdcd;  font-size :11px; font-weight:bold; }
	.taglog .cloud2		{ color : #929d63;  font-size :12px; font-weight:bold; }	
	.taglog .cloud1		{ color : #36888f;	font-size :14px; font-weight:bold; }

/* keylog */
	
	.keylog		{ padding-bottom:12px; /*background:url(./images/bg_line.gif) repeat-x left bottom;*/ }
		.keylog .keylog_data {  }
	.keylog	ul		{ list-style:none; color:#ddd; margin:0; padding:0; }
	.keylog	ul li	{ margin-right:8px; font-size:11px; background:url(./images/li.gif) no-repeat 0px 3px; padding-left:12px; padding-bottom:8px; }

/* guestbook */
	.guestbook						{ }
		.guestbook	.guestbook_data {  }
		.guestbook	.guestWrite		{ padding-bottom:18px; background:url(./images/bg_line.gif) repeat-x left bottom; }
		.guestbook	.guestWrite	p	{ margin:0; padding:0; padding-bottom:10px; }
		.guestbook	.guestWrite .input		{ width:200px;  }
		.guestbook	.guestWrite textarea	{ background:#222222; border:0; border-top:1px solid #131313; border-bottom:1px solid #404040; color:#969595; font-size:11px; padding:4px; width:420px; }
		.guestbook	.guestWrite .button		{ background:#eee; width:80px; }
		.guestbook	.guestWrite label		{ color:#858584; font-size:11px; }
		
		.guestbook .sep				{ color:#3c3c3c; margin-left:4px; margin-right:4px; }

		.guestbook .guestList		{ color:#656464; background:url(./images/guestList_bg.gif) repeat-x top left; padding-top:20px; }
		.guestbook ol				{ list-style:none; margin:0; padding:0;  font-size:11px; }
		.guestbook ol	li			{ background:url(./images/action_bg.gif) repeat-x 0px 0px #242424; border:0; border-top:1px solid #202020; border-bottom:1px solid #353535; margin-bottom:20px; }
		.guestbook ol	li  .title_wrap {  }
		.guestbook ol	li	.name_wrap	{ float:left; padding:10px; padding-bottom:0px; }
			.guestbook ol li .name		{ color:#7c7c7c; }
			.guestbook ol li .name	a		{ color:#7c7c7c; font-weight:bold; }
			.guestbook ol li .name	a:hover	{ color:#ccc;}

		
		.guestbook ol	li  .control_wrap { float:right; padding:10px; padding-bottom:0px; }
			.guestbook	ol	li	.control_wrap a			{ color:#757575; }
			.guestbook	ol	li	.control_wrap a:hover	{ color:#cccccc; }
		.guestbook ol	li	div.main_comment_desc		{ width:700px; margin:0; padding:0; padding-bottom:16px; padding-left:10px; padding-right:10px; }
		.guestbook .date								{ color:#444; font:9px Tahoma; letter-spacing:1px; margin-top:12px; }

		.guestbook .subList			{ background:#1f1f1f; border-top:1px solid #1b1b1b; }
		.guestbook ul					{ list-style:none; margin:0; padding:0; }
		.guestbook ul li				{ border:0;  margin-bottom:0px; background:none; }
			.guestbook ul li	div.sub_comment_desc		{ float:left;  padding:10px; padding-left:14px; margin-left:4px; line-height:18px;  }
			.guestbook ul li	.name_wrap					{ width:50px; overflow:hidden; }

/* sub */
	.sub_wrap			{ margin-bottom:16px; }

/* pages */

#paging { text-align:center; color:#383838; font-size:11px; padding-top:10px; padding-bottom:8px; }
	#paging a { text-decoration: none; color: #cecece; padding-left:10px; padding-right:10px; border-right:1px solid #444; }
		#paging a:hover { text-decoration:underline; }
	#paging .next_prev { margin:0; padding:0; border:0; padding-left:10px; padding-right:6px; }
	#paging .no_size { margin:0; padding:0;  }

	.selected { color:#d14b2d; }
	.interword { padding-left:10px; }


/* list */

.list	{ margin-bottom:20px; background:url(./images/entry_bg.gif) no-repeat left bottom; padding-bottom:20px;  }
	.list h3 { font-size:11px; font-weight:normal; color:#bbb; text-align:center; background:url(./images/emboss_bg.gif) repeat-x; padding-top:11px; height:20px; letter-spacing:1px; }
	.list h3 .bold { font-weight:bold; color:#ccc; }
	.list ol		{ list-style:none; margin:0; padding:0; padding-bottom:0px; background:url(./images/bg_line.gif) repeat-x left bottom;  background:url(./images/bg_list.gif) repeat; }
	.list ol li		{ padding-top:8px; color:#8e8e8e; padding-left:2px; background:url(./images/icon_li.gif) no-repeat 8px 12px; padding-left:20px; height:20px; }
		.list ol li a:visited,
		.list ol li a:link	{ color:#8e8e8e; }
		.list ol li a:hover { color:#ccc; }


	.list ol li .sep { color:#444; margin-left:5px; margin-right:5px; }
	.list ol li .cnt { color:#ccc; margin-left:6px; font:10px Tahoma; letter-spacing:1px; }

	.list .result_count	{ margin-top:0px; font-size:11px; color:#999; padding-left:5px; padding-top:11px; padding-bottom:8px; background:url(./images/emboss_bg.gif) repeat-x left top; letter-spacing:1px; }
	.list .result_count .cnt { color:#ccc; margin-right:5px; }
	.list .result_count .sep { color:#666; }

/* subwindow */
.subwindow_data							{ }
.subwindow_data	h2						{ margin-bottom:15px; }

	.blogItem							{ vertical-align:top; padding-top:24px;   }
	.lastBlogItem						{ margin-right:0; }
	.blogItemSub						{ width:20px; vertical-align:top; padding-top:12px; }

		.blogItem	ul					{ list-style:none; margin:0; padding:0;  }
			.blogItem ul li				{ margin-top:6px; font-size:11px; }
			.blogItem ul li	a			{ color:#888; }

	.blogItem	.cnt					{ color:#cccccc; }
	.blogItem	.category				{ margin-top:10px; font-size:11px; }
	
	.blogItem2							{ margin-top:10px; padding-top:10px; }
	.blogItem2	.cnt					{ color:#cccccc; margin-left:2px; }

		.blogItem2	ul					{ list-style:none; margin:0; padding:0; margin-top:5px; }
		.blogItem2	ul li				{ display:inline; margin-right:6px; font-size:11px; }
		.blogItem2	ul li	a			{ color:#888; }		
	
		.blogItem2 .cloud5		{ color : #666666;  font-size :11px;}	
		.blogItem2 .cloud4		{ color : #afafaf;  font-size :11px;}
		.blogItem2 .cloud3		{ color : #cdcdcd;  font-size :11px; font-weight:bold; }
		.blogItem2 .cloud2		{ color : #929d63;  font-size :12px; font-weight:bold; }	
		.blogItem2 .cloud1		{ color : #36888f;	font-size :14px; font-weight:bold; }

	.license			{ text-align:center; }


/* plugin */
	.ftw_thumbnail		{ padding-bottom:15px; margin-bottom:15px; background:url(./images/bg_line.gif) repeat-x left bottom; }
		.ftw_thumbnail img		   { border-right:1px solid #222; border-bottom:1px solid #222; }
		.ftw_thumbnail table	   { width:100%; }
		.ftw_thumbnail table tr td { text-align:center; vertical-align:left; }