@charset "UTF-8";
/* must have to Style in tattertools start */
/* 1. content all  */
	body, td, input, textarea {
		font: x-small Verdana, AppleGothic, Sans-serif;
		color : #666;
	}
/* 2. basic link */
	a:link {
		text-decoration: none;
		color : #9CB668;
	}
	a:visited {
		text-decoration: none;	
		color : #9CB668;
	}
	a:hover {
		text-decoration: underline;	
		color : #666;
	}
/* 3. image */
	img {
		border-width: 0px;
	}
	.imageblock img {
/*		border:1px solid #333333;*/
	}
/* 4. image button */
	.ib {
		cursor: pointer;
	}
/* 5. input text */
	.text {
	}
/* 6. tree table */
	.branch2 {
	}
/* 7. tree cell */
	.branch3 {
		cursor: pointer;
		height: 10px;
	}
/* 8. calendar month */
	.cal_month {
		text-align:center;
		font-size : 8px;
		height: 10px;
	}
/* 9. calendar day */
	.cal_week1 {
		font-size : 8px;
		height:10px;
	}
/* 10. calendar sunday */
	.cal_week2 {
		color: #f30;
		font-size:8px;
		text-align: center;
	}
/* 11. calendar pre */
	.cal_day1 {
		color: #000;
		font-size:8px;
		text-align:center;
	}
/* 12. calendar next */
	.cal_day2 {
		color: #000;
		font-size : 8px;
		text-align: center;
	}
/* 13. calendar this */
	.cal_day3 {
		font-size : 8px;
		text-align: center;
	}
/* 14. calendar today */
	.cal_day4 {
		text-align: center;
		font-size : 8px;
		font-weight:bold;
		background-color:#efefef;
		border:1px solid #D0D0D0;
	}
/* 15. calendar link */
	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 : #9CB668;
	}
/* 16. image caption */
	.cap1 {
		color: #876;
		text-align: center;
	}
/* 16. keyword */
	.key1 {
		cursor: pointer;
		border-bottom: 1px dotted #ccc;
	}
/* 16. category post count */
	.c_cnt {
		font:9px Tahoma;
		color : #999;
	}
/* 17. recently post comment count */
	.ps_cnt {
		font:10px Tahoma;
		color : #999;
	}
/* must have to Style in tattertools end */

/*--------------- common ---------------*/
html {
	height:100%;
	}
body {
	margin:0;
	background-color:#D8D8D8;
	font-family: Verdana,Gothic,Sans-serif,DotumChe;
	font-size: 11px;
	line-height: 160%;
	color: #4c4c4c;
	}
a {
	text-decoration: none;
	}

a:link {
	color: #9CB668;
	}

a:visited {
	color: #9CB668;
	}

a:active {
	color: #9CB668;
	}

a:hover {
	text-decoration: underline;
	color: #666666;
	}
h1 {
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #494949;
	}
h2 {
	margin-top: 30px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #494949;
	}
h3 {
	border-bottom: 1px dotted #666666;
	margin-top: 40px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 1px;
	}
ul {
	margin-top: 5px;
	margin-left: 20px;
	}
li {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	list-style-type: square;
	}
blockquote {
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #d9d9d9;
	color:#7a7a7a;
}

pre {
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #d9d9d9;
	border-bottom:1px dotted #d9d9d9;
}
.boxClear {
	background-color:#FFFFFF;
	clear:both;
}
/*--------------- contents size ---------------*/
#boxWrapper {
	width:700px;
	margin: 0 auto;
/*	padding: 0px;*/
}
/*--------------- top ---------------*/
#boxTop {
	background-color:#FFFFFF;
	padding:20px 0 10px 0;
}
#boxTop span.title {
	float:left;
	font-size:20px;
	margin:0 0 5px 0;
	padding:0 10px 0 0;
	border-right:1px solid #808080;
	line-height:22px;
}
#boxTop span.menu {
	float:left;
	font-size:8px;
	margin:0;
	padding:0 0 0 10px;
	line-height:12px;
}
#boxTop span.menu a { font-size:9px }
/*--------------- bottom ---------------*/
#boxBtm {
/*	border-bottom:1px solid #C5C5C5;*/
	background-color:#D8D8D8;
}
#boxBtm .menu { float:left; }
#boxBtm .menu a { font-size:9px; }
#boxBtm .search { float:right; }
#boxBtm .search a { font-size:9px; }
#boxBtm .menu .count {
	margin : 0 0 0 10px;
	font-family: Verdana,Gothic,Sans-serif,DotumChe;
	font-size: 9px;
	color:#999999;
}
/*--------------- bottom extra ---------------*/
#boxExtLine {
	border-top: 1px solid #C9C9C9;
}
#boxExt {
	background-color: #D8D8D8;
}
.lineDottedBtm {
	border-bottom:1px dotted #D0D0D0;
}
.lineSolidBtm {
	border-bottom:1px solid #D0D0D0;
}
.boxExtDiv {
/*	background-color:#eaeaea;*/
	margin:1px;
	padding:0;
	float:left;
}
.boxExtDiv ul {
	width:136px;
	padding:0;
	margin:0;
}
.boxExtDiv ul li {
	list-style-type:none;
}

/*--------------- main contents ---------------*/
#box {
/*	border: 1px solid #666666;*/
	background-color: #FFFFFF;
}
.content {
	padding: 15px 0 15px 0;
}

br {
	letter-spacing: 0;
}

.textbody {}

.articletitle {
	margin : 0;
}
.articletitle a {
	font-size: 19px;
}
.articleutil {
	margin: 5px 0 2px 0;
	font-size: 9px;
	font-weight: normal;
	border-bottom: 1px solid #d9d9d9;
	float:right;
}
.articleutil a {
	color:#afafaf;
	font-size: 9px;
}
.articleutil a * {
	color:#afafaf;
	font-size: 9px;
}
.articleutiltop {
	float:right;
	background: url(./images/link-icon.gif) no-repeat 0 7px;
	margin: 5px 0 2px 20px;
	font-size: 9px;
	font-weight: normal;
	border-bottom: 1px solid #d9d9d9;
}

.posted { 
	padding: 3px 0px 3px 0px;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: 0px;
}
.sepa {
	border-top: 1px dotted #666666;
	margin-top:30px;
}


#comments {
	border-top: 1px solid #D9D9D9;
	margin-top:0px;
	background-color: #F3F3F3;
	padding: 15px;
}

#comments .posted {
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: none;
	border-bottom: 1px dotted #666666;
	margin-bottom: 0px;
}

#comments blockquote {
	margin: 15px 0px 15px 30px;
	color: #555555;
}

#paging {
	width:100%;
	border-top: 1px solid #D9D9D9;
	margin:0 0 0 0;
	background-color: #F3F3F3;
	letter-spacing: 0.1em;
	text-align: center;
}

/* --------------- Form --------------- */
input.searchfield {
	width: 100px;
	height:10px;
	margin:0px;
	border : 2px solid #cecece;
	padding:0px;
	color:#000000;
	font-size:8px;
}
.submitSrch {
	width:50px;
	height:10px;
	margin:0px;
	padding:0px;
	color: #444444;
	font-family: tahoma;
	font-size: 7px;
	background-color: #888;
	border: 1px solid #9e9e9e;
}
input.textfield {
	width: 15em;
	margin:5px 0;
	border : 1px solid #cccccc;
	padding:2px;
	color:#7a7a7a;
}
input checkbox {
	margin:5px 0;
}
textarea.commentbox {
	width:400px;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font: 11px 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
	border : 1px solid #cccccc;
	color:#7a7a7a;
}
label.text {
	position:relative;
	left:0.5em;
	top:-0.5em;
}

/* --------------- TAG ---------------*/
.content .textbody a {
	padding:3px;
}
.content .textbody .cloud1,#tagCloudTd .cloud1 {
	letter-spacing: 0.5em;
	font-weight:bold;
	font-size : 16px;
	color : #FF9933;
}
.content .textbody .cloud2, #tagCloudTd .cloud2 {
	font-weight:bold;	
	font-size : 15px;
	color : #FF99CC;
}
.content .textbody .cloud3, #tagCloudTd .cloud3 {
	font-weight:bold;	
	font-size : 14px;
	color : #CC99CC;
}
.content .textbody .cloud4, #tagCloudTd .cloud4 {
	font-size : 13px;
	color : #66CCFF;
}
.content .textbody .cloud5, #tagCloudTd .cloud5 {
	letter-spacing: 0.2em;
	font-size : 12px;
	color : #999;
}

/*--------------- category list ---------------*/
.cateList ul {
	padding:0;
	margin:0;
}
.cateList ul li {
	list-style-type:none;
	padding:0;
	margin:0;
}

/*--------------- paging ---------------*/
#paging .content a{
	font-size : 9px;
}

/*--------------- thumbnail list ---------------*/
#thumb_main{
	margin:20px 0px 0px 0px;
}
.thumb_item{
	margin:0px 0px 10px 0px;
	font-size:8px;
}
.thumb_border{
	margin:0px 0px 5px 0px;
	border:4px solid #e7e7e7;
}
.thumb_border_p{
	margin:0px 15px 15px 0px;
	border:4px solid #e7e7e7;
} 

.thumb_item a:link {color:#506D7A;font-size:9px;}
.thumb_item a:visited {color:#506D7A;font-size:9px;}
.thumb_item a:active {color:#506D7A;font-size:9px;}
.thumb_item a:hover {color:#B96; border-bottom:0px dotted #999;font-size:9px;}

.paging{
	border-top: 1px dotted #666666;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size : 9px;
}