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

/* 1. 본문 전체  */


HTML, BODY {
	font-size: 12px;
	font-family: Tahoma, Verdana, Dotum, Gulim, Arial, sans-serif;
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: #666;
	BACKGROUND-COLOR: #FFF;
	}


/* 2. 기본 링크 */

	a:link { color:#00A2FF; text-decoration:none; }
	a:visited { color:#A5B1B5; 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 {
		font-family: 굴림;
		font-size:9pt;
		padding-top:2px;
	}

/* 6. 트리 테이블 */

	.branch2 {
	}

/* 7. 트리 셀 */

	.branch3 {
		font-size:9pt;
		line-height:9pt;
		cursor:pointer;
		height:17px;
		padding:2px 2px 0 2px;
	}

/* 8. 달력 월 표시 */

	.cal_month {
		vertical-align:top;
		height:18px;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		font-weight:bold;
	}

/* 9. 달력 요일 표시 */

	.cal_week1 {
		text-align:center;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}

/* 10. 달력 일요일 표시 */

	.cal_week2 {
		color:#CC0000;
		text-align:center;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}

/* 11. 달력 지난 달 날짜 표시 */

	.cal_day1 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

/* 12. 달력 다음 달 날짜 표시 */

	.cal_day2 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

/* 13. 달력 이번 달 날짜 표시 */

	.cal_day3 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

/* 14. 달력 오늘 날짜 표시 */

	.cal_day4 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		padding-left:2px;
		font-weight:bold;
	}

/* 15. 달력 글쓴 날 링크 스타일 */

	A.cal_click:link {
		font-weight:bold;
	}

	A.cal_click:visited {
		font-weight:bold;
	}

	A.cal_click:hover {
		font-weight:bold;
	}

/* 16. 이미지 아래 캡션 스타일 */

	.cap1 {
		text-align:center;
		color:#300099;
		word-break:break-all;
		font-size:9pt;
		font-family:verdana, dotum;
	}

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

	.key1 {
		cursor:pointer;
		text-decoration:none;
		border-bottom: 1px solid gray;
		color:#308FC9;
	}

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

	.c_cnt {
		font-size:8pt;
		font-family:verdana;
	}

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

	.ps_cnt {
		font-size:7pt;
		font-family:verdana;
	}

/* 20. 컨텐츠영역 태그 타이틀 표현  */

	.post_tagtxt {
		display : inline;
	}

	A.tag:link { color: #308FC9; text-decoration:none; }
	A.tag:visited { color: #308FC9; text-decoration:none; }
	A.tag:hover { color:red; text-decoration:underline; }

/* 21. 태그메뉴 스타일 */

	.cloud1 {
		font-size : 14px;
		color : #ff6600;
	}

	.cloud2 {
		font-size : 13px;
		color : #ff9900;
	}

	.cloud3 {
		font-size : 12px;
		color : #669900;
	}

	.cloud4 {
		font-size : 12px;
		color : #0099CC;
	}

	.cloud5 {
		font-size : 11px;
		color : #999999;
	}


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



/* more settings */


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

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

#rightcol P {
	MARGIN: 0px 0px 0.8em 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;
}
#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;
}

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


/* Text settings */

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

H1, .rep_name, .rep_title {
	font-size: 11px;
	font-weight: bold;
}

H2 {
	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;
}

.font7 {
	font-size: 10px;
	color: #888;
	font-family:  verdana,Tahoma, Gulim;
}

.font8, .rightbox {
	font-size: 11px;
	font-family: 돋움, verdana,Tahoma, Gulim;
	color: #888;
}

.font8 a:link {color: #AAA;}.font8 a:visited {color: #A5B1B5;}
.font8 a:hover {color: #00A2FF;text-decoration: none;}

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

ul {
	PADDING: 3px 10px 15px 15px;
	MARGIN: 0px;
	line-height: 1.4em;
	list-style-type: disc;
}

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

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

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

.sectionhead A:visited {
	border: 1px solid #EE5A00;
	background-color: #FCDCD3;
}

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



/* Navigation and sections */
A.navioff, A.navioff:visited, .sectionhead, .sectionsubhead {
	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;
}

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

.sectionhead {
	BORDER-left: none;
	BORDER-top: none;
	PADDING-left: 11px;
}

.sectionsubhead {
	BORDER-top: 1px solid #DFDEDE;
	BORDER-left: none;
	PADDING-left: 11px;
}

#rightcol .sectionsubhead {
	MARGIN: 1.0em 0px 0.5em 0px;
}

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.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;
}

#leftcol UL {
	PADDING: 7px 10px 7px 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;
}

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

#fontsection {
	border-bottom: none;
}

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

#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%;
}

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

.tagcloud {
	font-family: 돋움,Dotum, verdana, sans-serif;	
	text-align: justify;
}
.tagcloud a:link { color:#00A2FF; text-decoration:none; }
.tagcloud a:visited { color:#A5B1B5; text-decoration:none; }
.tagcloud a:hover { color:#EEAE00; text-decoration:none; }

/* Other stuff */
.off {
	display: none
}

.on {
	display: block
}

/*---- 리스트및수정 삭제 박스 ---*/

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

.list_title a:link {
color: #A5B1B5;
}

.list_title a:hover {
	color: #00A2FF;
	text-decoration: none;
}

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


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

#pagelink {
	font-size:7pt;
	font-family:verdana, Gulim;
	text-align: center;
}

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


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

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

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

.padding5, .rep_desc {
	padding:3px 0px 10px 0px ;
} 

.padding5, .rep_box {
	padding:0px 0px 0px 30px ;
}

#guest_area1 {
	padding: 10px 10px 0px 30px;
}

#guest_area2 {
	padding: 10px 10px 0px 60px;
}


/*------- GUEST & FORM ----------*/


#guest_form, #form_comment {
	WIDTH: 100%;
	BACKGROUND: url(./images/bg_form.gif);
	padding: 5px 0px 5px 3px;
}

#guest_textarea {
	WIDTH: 400px; 
	HEIGHt: 100px;
}

#guest_select_icon {
	float: right; 
	width: 80px; 
	height: 100px;
}

.guest_number {
	padding-right: 10px;
	text-align: right;
	font-size: 7pt;
	font-family: verdana,돋움;
}

.guest_text_right {
	background-color: #F5F5F5;
	width: 430px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 9pt;
	font-family: 돋움,verdana;
	margin-left: 10px;
	border-bottom: 1px #0ABDEE solid;
}

.form_textarea{
	BACKGROUND: url(./images/bg_textarea.gif) no-repeat;
	background-color: #FFF;
	color: #666666;
	border: 1px #DDD solid;
	font-family: 돋움,verdana;
	width: 320px; 
	height: 80px;
	float: left;
}

.form_input {
	background-color: #F8FAFB;
	color: #666666;
	border: 1px #DDD solid;
	font-family: 돋움,verdana;
}

.form_icon {
	float: left;
	font-size: 8pt;
	font-family: tahoma, 돋움;
	color: #666666;
	margin-left: 20px;
	WIDTH: 120px;
}

.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 8px;}
.skin_by {	padding:0px 0px 0px 42px;}

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

.trackbox {
	background-color:#F8FAFB;
	border:1px solid #DDD;
	padding: 2px;
	text-align:center;
}

.ul_icon {
	list-style-image: url("./images/li_icon.gif");
}

.ul_icon a:link {color:#666;	text-decoration: none; }
.ul_icon a:hover {color:#00A2FF;	text-decoration: none; } 
.ul_icon a:visited {color:#A5B1B5;	text-decoration: none; } 

.fontcolor {
color: #A5B1B5;
}

#validator {
	width: 168px;	
	height: 15px;
	margin-top: 7px;
}

/* TAGBOX */

.tagbox{
	padding:5px;
}
.tagtext{
	font:9px verdana;
	font-weight:bold;
	background-color:#00A2FF;
    border:1px solid #003366;
	color:#fff;
	padding:1px 0px 1px 3px;
	margin-right:8px;
}