@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */

HTML, BODY, input, textarea {
	font-size: 12px;
	font-family: Tahoma, Dotum, Verdana, Arial, sans-serif;
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: #555;



	background-color:#FFF;
	}

/* 2. 기본 링크 */

	a:link { color:#0099CC; text-decoration:none; }
	a:visited { color:#889190; text-decoration:none; }
	a:active { color:#EEAE00; text-decoration:none; }
	a:hover { color:#EEAE00; text-decoration:none; }

/* 3. 이미지 */

	img {
		border-width:0px;
		padding: 0px;
	    margin: 0px;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
	border:1px solid #999;
}

/* 6. 트리 테이블 */

	.branch2 {
	}

/* 7. 트리 셀 */

	.branch3 {
		font-size:12px;
		line-height:9pt;
		cursor:pointer;
		height:10px;
	}

/* 8. 달력 월 표시 */
	.cal_month {
		font-size : 11px;
		height: 18px;
	}
/* 9. 달력 요일 표시 */
	.cal_week1 {
		font-size : 11px;
		height:18px;
	}
/* 10. 달력 일요일 표시 */
	.cal_week2 {
		color: #F30;
		font-size:11px;
		text-align: center;
	}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		color: #000;
		font-size:12px;
		text-align:center;
	}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {
		color: #000;
		font-size : 11px;
		text-align: center;
	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {
		font-size : 11px;
		text-align: center;
	}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
		text-align: center;
		font-size : 11px;
		background-color:#CCC;
		font-weight:bold;
	}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link {
		font-weight: bold;
		color : #333;
	}
	a.cal_click:visited {
		font-weight: bold;
		color : #333;
	}
	a.cal_click:hover {
		font-weight: bold;
		color : #369;
	}

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
		color: #876;
		text-align: center;
	}

/* 17. 키워드 스타일 */

	.key1 {
		cursor: pointer;
		border-bottom: 1px dotted #ccc;
	}

/* 18. 카테고리 옆 개수 스타일 */

	.c_cnt {
		font : 9px Tahoma;
		color : #999;
	}

/* 19. 최신글 옆 개수 스타일 */

	.ps_cnt {
		font: 10px Tahoma;
		color : #999;
	}


/* 반드시 들어가야하는 스타일 끝 - */

/*
---------------------------------------------------------------
MORE SETTINGS - 이 아래는 자유롭게 추가, 삭제 가능
----------------------------------------------------------------*/


DIV, H1, H2, H3, H4, FORM, IMG {
	PADDING: 0px;
	MARGIN: 0px;
}

P {
	MARGIN: 0px 0px 1.4em 0px;
}


/*
---------------------------------------------------------------
LAYOUT
--------------------------------------------------------------*/

#header {
	MARGIN: 0px 20px 0px 20px;
	height: 48px;



}

#header_logo {
	MARGIN: 10px 0px 0px 0px;
	width:190px;
	height: 38px;
	BACKGROUND: url(images/tt_logo02.gif) no-repeat;
	FLOAT: left;
}

#header_logo H1 {
	font-size:12px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	padding:3px 0 0 42px;
	font-family:dotum;
}
#header_logo a{ color:#26363D;}
#header_logo a:hover { color:#AAA; text-decoration:none; }

#head_owner {
	position: absolute;
	right: 65px;
	top: 0px;
	width: 90px;
	height: 9px;
}

#headline {
	BACKGROUND: url(images/bg_headline.gif) no-repeat;
	top: 48px;
	height: 16px;
	width: 210px;
	right: 0px;
	position: absolute;
}

#content {
	background-color: #F2F2F2;
	MARGIN: 26px 230px 0px 230px;
	line-height: 1.5em;
}

#bg_content{
	BACKGROUND: url(images/bg_content.gif);
	background-repeat:repeat-x;
}

#leftcol {
	LEFT: 20px;
	MARGIN-top: 26px;
	WIDTH: 190px;
	POSITION: absolute;
	font-size: 11px;
}

#rightcol {
	MARGIN-right: 20px;
	background-color: #F2F2F2;
	RIGHT: 0px;
	WIDTH: 190px;
	POSITION: absolute;
	TOP: 74px;
	line-height: 1.3em;
}

#footer {
	CLEAR: both;
	BORDER-TOP: #DDDDDD 1px solid;
	MARGIN: 20px 230px 0px 230px;
	PADDING: 4px 0px 20px 0px;
	TEXT-ALIGN: center;
	color: #C3C3C3;
	font-size: 10px;
	font-family: Tahoma, Dotum, Verdana;
	text-align: center;
}

#footer A:link {COLOR: #C3C3C3;	font-weight: bold;}
#footer A:hover {	COLOR: #0099CC;}

.bgcolor {
	background-color: #F2F2F2;
}

.padding {
	padding: 5px;
}

.border {
	border: 1px solid #DFDEDE;
	background-color: #FFF;
}

#portfolio, #switch, #category_box {
	MARGIN-TOP: 20px;
}

/*
---------------------------------------------------------
TEXT SETTINGS
--------------------------------------------------------*/

H1, H2, H3 {
	font-family: Tahoma, Dotum, Times, serif;
}

H1 {
	font-size: 11px;
	font-weight: bold;
}

H2, .rightcol_title {
	color: #A5B1B5;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}

H3, .navioff, .navion {
	color: #A5B1B5;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
}

H4 {
	color: #A5B1B5;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
}

.font10, .date, .cnt {
	font-size: 10px;
	color: #AAA;
	letter-spacing:-1px;
	font-family:  verdana;
}

.font11, .rightbox, .name, #subtag {
	font-size: 11px;
	font-family: Dotum, verdana,Tahoma;
	color: #AAA ;
}
.font11, .rightbox a:hover {color: #0099CC; text-decoration: none;}

.floatleft {FLOAT: left; TEXT-ALIGN: left; }
.floatright {FLOAT: right; TEXT-ALIGN: right;}

hr {
	height: 1px;
	border: 0px;
	border-top: 1px dotted #EEE;
}

/*
--------------------------------------------------------
PADDING & MARGIN
-------------------------------------------------------*/


#content .date, .rplist .date{
	padding-right:8px;
}

.padding10 {
	padding: 0px 10px 10px 10px;
}



/* search list, rplist */
.list, .rplist{
	margin-bottom:30px;
}

/*
--------------------------------------------------------
STYLES SWITCH SETTINGS
-------------------------------------------------------*/

#switch A, #button {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #0099CC;
	background-color: #D0ECF9;
	PADDING: 0px 2px 0px 2px;
	MARGIN-RIGHT: 2px;
	COLOR: #109EDD;
}

#switch A:visited {
	border: 1px solid #109EDD;
	background-color: #D0ECF9;
}

#switch A:active, #switch A:hover {
	COLOR: #EEAE00;
	border: 1px solid #EEAE00;
	background-color: #F1E5C8;
}

#switch_none, #border_none {
	border-bottom: none;
}

span.styleswitch {
	PADDING-LEFT: 20px;
}

/*
------------------------------------------------------
LEFT COLUMN
-----------------------------------------------------*/

#leftcol UL {
	PADDING: 7px 10px 0px 10px;
	MARGIN: 0px;
	border-top: 1px solid #F7F7F7;
	border-left: 1px solid #F7F7F7;
	border-bottom: 1px solid #DFDEDE;
	LIST-STYLE-TYPE: none;
	background-color: #FFF;
}

#leftcol LI {
	PADDING: 0px;
	MARGIN: 0px;
	height: 100%;
}

#leftcol LI A {
	width: 100%;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BACKGROUND: url(images/unvisited.gif) no-repeat 148px 50%;
	MARGIN: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
}

#leftcol LI A:visited {
	BACKGROUND: url(images/visited.gif) no-repeat 148px 50%;
}

#leftcol LI A:hover {
	BORDER-BOTTOM: 1px solid #EEAE00;
	BACKGROUND: url(images/hover.gif) no-repeat 148px 50%;
}

#leftcol LI A.subon, #leftcol LI A.subon:hover, #leftcol LI A.subon:visited {
	COLOR: #EEAE00;
	cursor: default;
	BORDER-BOTTOM: 1px solid #EEAE00;
	BACKGROUND: url(images/active.gif) no-repeat 148px 50%;
}

/*-----------------------------------------------------
 RIGHT COLUMN notice list , trackbacks, articles ,notice
 -----------------------------------------------------*/

.rightcol_title {
	background-color: #FAFAFA;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FFF;
	MARGIN: 0px;
	PADDING: 4px 5px 4px 10px;
	display: block;
}

#rightcol .paddingcontent {
	border-bottom: none;
	PADDING: 8px;
	letter-spacing:-1px;
}

#rightcol .listbox {
	MARGIN: 5px 0px;
	PADDING: 0px;
	text-align:left;
	line-height:120%;
	font-family: "Dotum",Tahoma;
	font-size:11px;
}

#rightcol UL {
	MARGIN: 0px 7px 0px 7px;
	PADDING: 0px;
	LIST-STYLE-TYPE: none;
}

#rightcol LI {
	PADDING: 0px;
	MARGIN-bottom: 3px;
}

#rightcol LI A {
	width: 100%;
	PADDING: 0px 0px 0px 13px;
	text-decoration: none;
	BACKGROUND: url(images/unvisited02.gif) no-repeat 0 30%;
}

#rightcol LI A:visited {
	BACKGROUND: url(images/visited.gif) no-repeat 0 30%;
}

#rightcol LI A:hover {
	BACKGROUND: url(images/hover.gif) no-repeat 0 30%;
}

/*
------------------------------------------------------
LEFT NAVIGATION AND SECTIONS
-----------------------------------------------------*/

A.navioff, A.navioff:visited, .switch {
	background-color: #FAFAFA;
	COLOR: #A5B1B5;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #FFF;
	BORDER-top: 1px solid #FFF;
	MARGIN: 0px;
	PADDING: 4px 5px 4px 10px;
	display: block;
}

A.navion, A.navion:hover, A.navioff:hover {
	background-color: #F2F2F2;
	color: #A5B1B5;
	text-decoration: none;
	BORDER-BOTTOM: 1px solid #DFDEDE;
	BORDER-left: 1px solid #F7F7F7;
	BORDER-top: 1px solid #F7F7F7;
	MARGIN: 0px;
	padding: 4px 5px 4px 10px;
	display: block;
}

A.navion:visited, A.navion:active, A.navioff:hover {
	color: #58595B;
}

#portfolio A.navioff, #portfolio A.navioff:visited {
	BACKGROUND: url(images/open.gif) no-repeat 158px 50%;
	background-color: #FAFAFA;
}

#portfolio A.navion {
	BACKGROUND: url(images/close.gif) no-repeat 158px 50%;
	background-color: #F2F2F2;
}

#portfolio A.navion:hover {
	BACKGROUND: url(images/close_hover.gif) no-repeat 158px 50%;
	background-color: #F2F2F2;
}

#portfolio A.navioff:hover {
	BACKGROUND: url(images/open_hover.gif) no-repeat 158px 50%;
	background-color: #F2F2F2;
}

#portfolionav {
	border-bottom: 1px solid #F2F2F2;
}

#subtag{
	margin: 5px 10px 2px 10px;
}

/* Other stuff */

.off {	display: none }
.on {	display: block }

/*---- LIST_TITLE  ---*/

.list_title {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #A5B1B5;
	font-family: Tahoma, Dotum, Times, serif;
	background: url(images/bg_content.gif);
	background-repeat:repeat-x;
	padding: 4px 0px 0px 10px;
	MARGIN-bottom: 10px;
	height: 24px;
}

.list_title a:link {color:#A5B1B5;    }
.list_title a:hover {	color: #0099CC; text-decoration: none;}

/*----  PAGELINK ---*/

#pagelink {
	font-size:10px;
	font-family:verdana, Dotum;
	text-align: center;
}

#pagelink a:link { color: #A8B3B5; text-decoration:none; }
#pagelink a:visited { color: #A8B3B5; text-decoration:none; }
#pagelink a:hover { color: #0099CC; text-decoration:underline; }

/*----  기타 BOX ---*/

#category {
	WIDTH: 158px;
	padding: 10px;
	margin: 0px;
}

#subcalendar {
	WIDTH: 158px;
	margin: 10px;
	background-color: #F8F8F8;
	border: 1px #EEE solid;
	padding: 5px 0px 0px 0px;
}

.rightbox {
	text-align: right;
	margin-bottom: 10px;
}


/* --------- LOCATION ------------- */

.location .spot {
	padding-left:30px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 2px;
	margin-bottom:3px;
	}
.location .info {
	padding-left:15px;
	background:url("images/iconIndentArrow_localinfo.gif") no-repeat 0 50%;
	margin-bottom:3px;
	}
/*------- Guest & Comment  ----------*/


#guest_form, #comment_form {
	WIDTH: 485px;
	height: 120px;
	BACKGROUND: url(images/bg_form.gif);
	padding: 5px 0px 5px 3px;
}

#guest_form label, #comment_form label {
	font:10px Verdana;
}

.form_textarea {
	BACKGROUND: url(images/bg_textarea.gif) no-repeat;
	background-attachment: fixed;
	background-color: #FFF;
	color: #666666;
	border: 1px #DDD solid;
	font-family: verdana,Tahoma, dotum;
	width: 300px;
	height: 120px;
	float: left;
}

.form_s_box {
	float: left;
	font-size: 18pt;
	font-family: tahoma, 돋움;
	color: #666666;
	padding-left: 10px;
	WIDTH: 160px;
}

.input_form {
	background-color: #FFF;
	color: #666666;
	font-family: verdana,Tahoma, dotum;
	border: 1px #DDD solid;
	width:160px;
	height: 16px;
}

.btn-submit {
display: block;
margin: 5px 0px 0px auto;
}

.checkbox {
	border:none;
	padding:0;
	margin: 0;
	width:15px;
}

/*------- Search ----------*/

.searchbox{
	margin: 5px;
}

.search {
	border: 1px solid;
	border-color: #CCC;
	width: 92px;
	height: 19px;
}

/* Counter & Bloginfo */

.counter {
	background-color:#F8FAFB;
	padding: 3px;
	color: #888;
	font:10px verdana;
}
.total {padding:0px 0px 0px 18px;}
.skin_by {	padding:0px 0px 0px 40px;}

.bloginfo {
	text-align:center;
	margin: 5px 0px 5px 0px ;
}


/* content common */
#content h2 {    /* post title */
	font-size:18px;
	padding-top:10px;
	margin:0;
}
#content h2 a:hover{    /* post title mouseover*/
	text-decoration:none;
	color:#222;
	background:url(images/iconTitleLink.gif) no-repeat top right;
	padding-right:15px;
}
#content h3 {    /* tag, search, location, guestbook title */
	font-size:14px;
	color:#333;
	margin:10px 0;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
}
#content ol, #content ul {
	list-style:none;
	padding:0;
	margin:0;
}
#content .name {
	font-size:12px;
	color:#666;
	letter-spacing:-1px;
}
#content .cnt {
	font:10px Verdana;
	color:#666;
}
#content .date {
	font:10px Verdana;
	letter-spacing:-1px;
	color:#666;
}
#content cite {
	font-size:12px;
	font-style:normal;
	color:#666;
}


/* TAG  */
#content .tagcloud ul {
	padding:5px;
	text-align:justify;
  }
#content .tagcloud li {
	display:inline;
	}
#content .tagcloud a:hover{
	background-color:#cce5ff;
  color:#000;
  }
#content .tagcloud li .cloud1 {
	background-color:#eee;
	font-weight:bold;
  font-size : 16px;
  color : #f30;
  }
#content .tagcloud li .cloud2 {
	background-color:#eee;
	font-weight:bold;
  font-size : 15px;
  color : #f60;
  }
#content .tagcloud li .cloud3 {
	background-color:#eee;
	font-weight:bold;
  font-size : 14px;
  color : #369;
  }
#content .tagcloud li .cloud4 {
	background-color:#eee;
  font-size : 13px;
  color : #690;
  }
#content .tagcloud li .cloud5 {
  font-size : 12px;
  color : #999;
  }


/* GUESTBOOK > LIST */
.guestbook p{
	padding: 5px 0;
	margin:0;
}
.guestbook .list ol li{
	padding:5px 10px 0px 20px;
	background:url("images/iconGuestbook.gif") no-repeat 0 5px;
}
.guestbook .list li ul li{
	padding-left:30px;
	margin-left:20px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
	background-color:#F8FAFB;
}
.guestbook .list .name a{
	font-size:12px;
	font-weight:bold;
	color:#888;
	padding-right:15px;
	background:url("images/icon_homepage.gif") no-repeat right;
}
.guestbook .control a{
	font:9px tahoma;
	background:url("images/iconControl.gif") no-repeat center right;
	padding-right:10px;
	color:#999;
	margin-right:5px;
}


/* ENTRY > PROTECTED  */
.entry_protected {
	margin-bottom:15px;
	}
.entry_protected input {
	border:1px solid #999;
	font:10px Tahoma;
}
.entry_protected .submit {
	border:1px solid #bbb;
	background-color:#ddd;
}
.entry_protected p{
	color:#BB0000;
}

/* ENTRY ARTICLE*/
.entry .article {
	padding:10px 0;

}
.entry .article blockquote {
	border-left: 7px double #ccc;
	margin: 10px 10px 10px 20px;
	padding-left: 10px;
}
.entry .article a{
	color:#369;
	border-bottom:1px dotted #999;
}
#content .entry .article ul{
	padding:10px 30px;
	list-style-type:disc;
}
#content .entry .article ol{
	padding:10px 30px;
	list-style-type:decimal;
}
.entry .article a:hover{
	color:#369;
	text-decoration:none;
}
/* ENTRY TOP BUTTON*/
.entry .btn_top{
	text-align:right;
	float:right;
	clear: both;
	margin-top:3px;
}
/* ENTRY TAG */
.entry .tagbox{
	padding:5px;
}
.entry .tagtext{
	font:9px verdana;
	font-weight:bold;
	background-color:#00A2FF;
	border:1px solid #003366;
	color:#fff;
	padding:1px 0px 1px 3px;
	margin-right:8px;
}

/* ENTRY TRACKBACK */
.entry .trackback {
	font-family:verdana, dotum;
	background-color:#F8FAFB;
	padding:5px;
	margin-bottom:4px;
}

.entry .trackbox {
	background-color:#F0F0F0;
	padding: 3px;
	text-align:center;
	font:11px Verdana;
	color:#333;
	border:1px solid #DDD;
}

.entry  .trackback li{
	border-top:1px dotted #ccc;
	padding:10px 0;
}

/* ENTRY COMMENT */
.entry .comment {
	background-color:#FFF;
}
.entry .comment p{
	margin:0;
	padding:5px 0;
}
.entry .comment ol li{
	padding:5px 10px 0 20px;
	background:url("images/iconGuestbook.gif") no-repeat 0 5px;
}
.entry .comment li ul li{
	padding:5px 0px 0 25px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 5px;
	background-color:#F8FAFB;
}
.entry .control a{
	font:9px tahoma;
	background:url("images/iconControl.gif") no-repeat center right;
	padding-right:8px;
	color:#999;
	margin-left:5px;
}

/*-------------------------------------------
tag cloud

#sidebar .tagbox ul {
	padding:5px;
	text-align: justify;
  }
#sidebar .tagbox a {
	letter-spacing:-1px;
	}
#sidebar .tagbox li .cloud1 {
	background-color:#eee;
	font-weight:bold;
  font-size : 16px;
  color : #f30;
  }
#sidebar .tagbox li .cloud2 {
	background-color:#eee;
	font-weight:bold;
  font-size : 15px;
  color : #f60;
  }
#sidebar .tagbox li .cloud3 {
	background-color:#eee;
	font-weight:bold;
  font-size : 14px;
  color : #369;
  }
#sidebar .tagbox li .cloud4 {
	background-color:#eee;
  font-size : 13px;
  color : #690;
  }
#sidebar .tagbox li .cloud5 {
  font-size : 12px;
  color : #999;
  }
#sidebar .tagbox a:hover{
	background-color:#cce5ff;
  color:#000;
  }
/* recent posts, recent comment, recent trackback, archive, link
#sidebar .listbox {
	padding:5px 0;
}
#sidebar .listbox ul {
	padding:5px 0;
	margin-left:3px;
}
#sidebar .listbox li {
	background:url(images/bul.gif) no-repeat 0 5px;
	line-height:16px;
	padding-left:8px;
-------------------------------------------*/