@charset "utf-8";
@import url(dtree.css);
/* CSS Document */
/* 1. ?? ??  */
body{ font:12px Verdana; background:#C3CFCB 0 0 repeat; padding:0; margin:0; color:#666; }
/* 2. ?? ?? */
a {text-decoration:none;}
a:link	 {overflow:hidden;color:#666;}
a:visited{ color:#666;}
a:hover  { color:#f60; text-decoration:underline; }
a:active { color:#666;}	
/* 3. ??? */
img{ border:0;}
form{ margin: 0}
/* 4. ??? ?? */
	.ib {	cursor: pointer;}
/* 5 Calendar */
  #blogCalendar { font-size:10px; text-align:center; }
	#blogCalendar .cal_month { height:18px; color:#e1cdbd; }
	#blogCalendar .cal_week1 { color:white; font-weight:normal; }
	#blogCalendar .cal_week2 { color: #ff845e; }
	#blogCalendar .cal_day { background-color:#B5BDB0; color:#fff; }
	#blogCalendar table { margin:0; padding:0; border-collapse:collapse; width:100%; table-layout:fixed;}
	#blogCalendar td { padding: 1px 0; }
  #blogCalendar td a { font-weight:bold; text-decoration:none; }
	#blogCalendar td a:hover { text-decoration:underline; }
/* ?? ??? */
h1, h2, h3, h4{ margin:0; padding:0;}
hr{display:none;}

/* ???? ???? */
.container{width:802px;}
	.content {float:right; width:587px; margin:15px 0 20px; padding:0px;  border-bottom:solid 1px #a9c0b6;}
		.content_top {width:285px; height:15px; background:white url(corner01.gif) top right no-repeat;}
		.content_menu {}
			.content_leftmenu { width:285px; height:35px; font-size:1px; float:left; display:inline;background-color:white;}
				.content_leftadmin { margin:0 22px;  border-top:solid 1px #f4f4f4; }
				.content_leftmain { margin:0 22px; }
				.leftmenu_top { padding:1px 0 0 0; height:14px; width:238px; }
			.content_rightmenu { width:302px; height:35px; font-size:1px; float:left; display:inline; background:#eef4f1 url(corner01.gif) top right no-repeat;}
				.rightmenu{ float:left; width:190px; display:inline; }
				.search_box{ float:left; width:auto; display:inline; }
				.search_box form { margin:0px; padding:0px;}
		.content_box { background-color:white; clear:both; }
		* html .content_box{ height:1000px}
			.content_body { width:543px; margin:0 auto; }
	.sideinfo{ float:left; width:215px; margin-bottom:20px;}
		.tit_box { color:#EEF4F1; font-weight:normal; margin:30px 0 30px 0; font-size:16px; padding:9px 0 9px 5px; width:175px; }
		.tit_box .desc_box { font-size:12px; color:#FD9C9E; padding:0px 1px; letter-spacing:-1px; }
		.side_box {width:180px; margin:0 auto;}
			.sea_box01 {background-color:#b8c4c0; padding:5px; margin-bottom:15px; border-bottom:solid 1px #93ada1;}
			.sea_box02 { background-color:#e0e5e2; padding:5px; margin-bottom:15px;}

/* roll-over menu */
a.rollover { color:#7F714E; background-color:#E0E0E0; display:block; float:left; font-size:10px; margin:0 1px 0 0; padding: 1px 9px; }
a.rollover:visited { color:#7F714E; }
a.rollover:hover { color:#FFECEC; background-color:#808080; text-decoration:none; }

a.rollover2 { font:9px verdana; padding:0 5px; text-decoration:none; }
a.rollover2:link { overflow:hidden;color:#ADA388; }
a.rollover2:visited { color:#ADA388; }
a.rollover2:hover { color:#ADA388; text-decoration:none; }

/* Search */
.search_box input{ border:0; margin-top:8px; padding:0; }
.search_box select { font-size: 10px; }
.search_box .input{ width:70px; height:14px; font:11px Tahoma; padding:3px 0 0 4px;}
.search_box .input2 { width: 180px; }
.search_box .btn{ border:none; width:13px; height:13px; background:url(btn_search.gif) top left no-repeat; margin:0 0 3px 5px;}

/* Sideinfo basic */
.sideinfo {font-size:11.5px;}
.sideinfo .name{ color:#738a96;}
.sideinfo .date{ font:10px Tahoma; color:#738a96; letter-spacing:0;}
.sideinfo .cnt{ font:10px Tahoma; color:#c63; letter-spacing:0;}
.sideinfo ul{ margin:0; padding:0; list-style:none;}
.sideinfo li{ background:url(bull.gif) no-repeat 0 7px; padding:2px 0 2px 8px; }
.sideinfo ol{ margin:0; padding:5px; list-style:none;}
.sideinfo a:link, .sideinfo a:visited {color:#5a6f68;}
.sideinfo a:hover {color:#666; }
/* Sideinfo title*/
.sideinfo .s_tit{ height:12px; font-size:1px; border-bottom:solid 1px #a9c0b6;}
.sideinfo .category .s_tit{ background:url(barCategory.gif) top left no-repeat;}
.sideinfo .recentPost .s_tit{ background:url(barRecentPost.gif) top left no-repeat;}
.sideinfo .recentComment .s_tit{background:url(barRecentComment.gif) top left no-repeat;}
.sideinfo .recentTrackback .s_tit{background:url(barRecentTrackback.gif) top left no-repeat;}
.sideinfo .tag .s_tit{ background:url(barTag.gif) top left no-repeat;}
.sideinfo .archive .s_tit{ background:url(barArchive.gif) top left no-repeat; }
.sideinfo .calender .s_tit{ background:url(barCalender.gif) top left no-repeat;}
.sideinfo .link .s_tit{ background:url(barLink.gif) top left no-repeat;}
/* Profile image */
.sideinfo .blogimage{ width:168px; overflow:hidden; margin-bottom:5px; text-align:center; border:6px solid #e8e9e4;}
/* Noitce*/
.sideinfo .notice {font-size:10px; margin:20px 0; padding:5px 0;}
.sideinfo .notice .notice_cell a{ color:#f3f8f1; }
/* Recent comment */
.sideinfo .recentComment{overflow:hidden;}
/* Counter */
.sideinfo .counter{ font:10px Verdana; letter-spacing:1px;}
/* Copyright */
.sideinfo .poweredBy{font:10px Verdana; padding:5px;}
.sideinfo .poweredBy a.copyright {color:#677971; text-decoration:none;}

/* content > entry ?? ?? */
.write { background-color:#f8f9f9; color:#999; margin-top:20px;}
.write p{margin:0;}
.write input{ width:40%; font-size:11px;}
.write textarea{ font-size:12px; width:513px;}
.write textarea.lite { width: 460px; height: 30px; }
.write input.lite { width: 474px; height: 20px; }
.write .emoticon { margin: 2px; }
.write .emoticon img { width: 20px; height: 20px; }
.write .emoticon select { font-size: 10px; margin: 0 30px 2px 5px; }
.write .ubbcodebox img { margin: 0 2px; }
.write .homepage{ width:40%; display:inline;}
.write .checkbox{ border:0; width:20px; margin-top: 3px; }
.write .btn{font-size:11px; width:527px; height:25px; color:#494f4c; border:1px solid #e2e2e2; background-color:#e8e8e8;}

/* content ?????*/
.content {font:11.5px/1.7 Verdana; }
.content h2{ font:bold 13px Verdana; color:#654c36;}
.content h3{ font:bold 14px Verdana; color:#333; border-bottom:1px solid #ccc; margin:0 5px;}
.content input{ border:1px solid #e2e2e2; color:#666;}
.content textarea{ border:1px solid #e2e2e2; color:#666; overflow:visible; height:100px; padding:6px;}
.content .name{font:11px Verdana; margin-top:2px;}
.content .date{font:10px Tahoma; color:#999; letter-spacing:0;}
.content .cnt {font:10px Tahoma; letter-spacing:0; color:#f30;}
.content .clear { clear: both; }
/* content ?? ??? */
.content .searchList { padding-top:35px; margin-bottom:30px;}
.content .searchList .date{padding-right:7px;}
.content .searchList .name{color:#999;}
.content .searchList ol{ list-style:none; margin:0; padding:0;}
.content .searchList li{ margin:0 10px; border-bottom:1px solid #eee; padding:2px 0;}
.content .searchList .search_box { width: 100%; margin: 0 auto; text-align: center; }
/* content links */
.content .linksList { padding-top:35px; margin-bottom:30px;}
.content .linksList ul { list-style:none; margin: 5px 0 0 0; padding: 0; }
.content .linksList ul li { float: left; border: 0; padding: 0; margin: 0 8px; background:url(corner01.gif) no-repeat 0 7px; padding:2px 0 2px 8px;  }
.content .linksList table { border-top: 1px solid #ccc; width: 97%; margin: 0 8px; clear: both; border-collapse: collapse; }
.content .linksList table td { border-bottom: 1px solid #eee; margin: 0; padding: 5px 0; border-collapse: collapse; }
.content .linksList td.logobox { text-align: right; }
.content .linksList td.logobox img { width: height: 40px; }
.content .linksList td.linktitle { padding-left: 5px; }
.content .linksList td.linktitle a { background:url(bullTri.gif) 3px 5px no-repeat; padding:0 0 0 10px; }
.content .linksList td.linktitle div { padding:0 10px; color: #999; height: 12px; }
/* content album */
.content .albumList { font:11.5px/1.2 Verdana; padding-top:15px; margin-bottom:5px; clear: both; }
.content .albumList table { margin: 10px 6px; padding: 0; border-collapse: collapse; float: left; }
.content .albumList td { text-align: center; border: 0; margin: 0; padding: 0; border-collapse: collapse; }
.content .albumList td.albumbg { padding: 3px; width: 114px; height: 117px; background-image: url('albsbg.gif'); }
.content .albumList img { margin: 0 0 5px 3px; width: 100px; height: 103px; }
.content .albumList div { width: 112px; padding-top: 2px; overflow: hidden; }
.content .albumList div.title { height: 26px; }

.content .albumFrame { width: 300px; padding: 5px; text-align:center; border: #aaa solid 1px; }
.content .albumFrame img { width: 300px; border: 3px solid #FFF; }
.content .albumFrame .date { font: 10px Tahoma; padding: 2px 5px 0 5px; }
/* content ??? ?? ??? */
.content .guestbook {padding-top:35px;}
/* content ??? ??? */
.content .guestbook .list { color:#888; margin:0;}
.content .guestbook .list ul{ margin:0; padding:0; list-style:none;} 
.content .guestbook .list ol{ margin:0; padding:0; list-style:none;} 
.content .guestbook .list li{	padding:10px; border-bottom:1px solid #eee;}
.content .guestbook .list li ul li{padding-left:23px; background:#f8f9f9 url(iconDepth.gif) no-repeat 10px 12px; border:1px solid #dbdbdb; margin:4px 0 ;}
.content .guestbook .list .name{ font:bold 12px; letter-spacing:0; float:left; padding-right:3px; }
.content .guestbook .list .date{ float:left; padding:3px 2px 0 2px;}
.content .guestbook .list .control{ margin-left:400px; text-align:right; padding-right:5px;}
.content .guestbook .listBody {clear:both;}
.content .guestbook .name a{ color:#000;}
.content .guestbook .name img{ width:20px; height: 20px;}
.content .guestbook .date{ font:10px Tahoma; color:#999; letter-spacing:0;}
/* content ??? ??? */
.content .guestbook .write {background-color:#f8f9f9; color:#999; margin:0; padding:15px 5px 5px 5px;}
.content .guestbook .write input {width:40%; font-size:11px;}
.content .guestbook .write .homepage {width:40%; display:inline;}
.content .guestbook .write textarea {font-size:12px; width:513px;}
.content .guestbook .write textarea.lite { width: 450px; height: 30px; }
.content .guestbook .write input.lite { width: 464px; height: 20px; }
.content .guestbook .write .checkbox {border:0; width:20px;}
.content .guestbook .write .btn {width:527px; height:25px; color:#494f4c; border:1px solid #e2e2e2; background-color:#e8e8e8; font-size:11px;}
/* content > entryNotice, entryProtected, entry ?? + ?? */
.content .titleinfo{margin-bottom:20px;}
.content .titleinfo h2 { border-bottom:1px solid #bac3c5; margin-bottom:3px;}
.content .titleinfo h2 a { color:#2d3132; border-bottom:2px solid #000;}
.content .titleinfo h2 a:hover { color:#a82d66; text-decoration:none;}
.content .titleinfo .name{ float:left; display:inline; padding:0px 5px 0 0;}
.content .titleinfo .date{ padding-top:3px;}
/* content > entryNotice, entryProtected, entry ?? */
.content .article{ margin-bottom:20px; overflow:hidden; width:540px; }
/* content > entryNotice, entryProtected, entry ?? ??? */
.content .entry {padding-top:35px;}
.content .entry .passwordbox { margin: 5px auto; text-align: center; }
.content .entry .passwordbox .btn { font-size:10px; height: 20px; }
/* content > entry >  ?? */
.content .entry .e_tag{ clear:both; text-align:right; padding-right:10px; margin-bottom:20px;}
.content .entry .e_tag a:hover{color:#f30;}
/* content >entry >  ???+?? ?? */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #ccc; border-bottom:1px dashed #ccc; padding:3px 5px; margin:0;}
/* content > entry > ????? ??*/
.content .entry .trackback {margin:0; width:528px; padding:7px; overflow:hidden; background-color:#f8f9f9; }
.content .entry .trackback h3{ letter-spacing:1px; font:11px Tahoma; padding:3px 5px 5px 5px; color:#666; border-bottom:1px solid #ccc; margin:0 -7px -7px -7px;}
.content .entry .trackback .address{letter-spacing:0; font:10px Verdana; color:#666;}
/* content > entry > ??? ??? */
.content .entry .trackback h4{ font-size:11px; font-weight:normal; display:inline; margin:0;}
.content .entry .trackback h4 a{color:#000; padding:0 2px;}
.content .entry .trackback .list ol{margin:0; padding:0; list-style:none;}
.content .entry .trackback .list li{ background:url(bullTri.gif) no-repeat 5px 12px; margin-top:6px; padding:8px 0 5px 12px; border-bottom:1px dashed #c6c7c7; }
.content .entry .trackback .list .date{ color:#999;}
.content .entry .trackback .list .listBody { color:#999; padding:0; letter-spacing:normal;}
/* content > entry > ?? ???*/
.content .entry .comment{width:528px; overflow:hidden; background-color:#f8f9f9; padding:0 7px 7px 7px;}
.content .entry .comment {margin-bottom:10px;}
.content .entry .comment h3{ display:none;}
.content .entry .comment .address{letter-spacing:0; font-family:dotum; color:#666;}
/* content > entry > ?? ??? */
.content .entry .comment .list ol{margin:0; padding:0; list-style:none;}
.content .entry .comment .list ul{list-style:none;}
.content .entry .comment .list li{border-bottom:1px dashed #c6c7c7; padding:6px 5px; margin-bottom:4px;}
.content .entry .comment .list li ul {margin-left:15px; padding:0;}
.content .entry .comment .list li ul li{ padding:5px; margin:7px 2px; border:1px solid #dfdfde; background:#f3f3f3;}
.content .entry .comment .list li ul li .name {background-image:none; padding:0 2px 0 4px;}
.content .entry .comment .name a{ font-size:12px; color:#000;}
.content .entry .comment .name img{ width:20px; height: 20px;}
/* content > entry  ??+??? ?? ??? */
.content .entry .list .name{background:url(iconComment.gif) left bottom no-repeat; float:left; font-weight:bold; height:19px; padding:0 2px 0 16px; color:#000;}
.content .entry .list .name a {margin-top:10px;}
.content .entry .list .name img {float:left; display:inline;}
.content .entry .list .date{ float:left; display:inline; padding: 3px 7px 0 7px;}
.content .entry .list .control{ padding:0 5px 0 450px;}
.content .entry .listBody {clear:both; padding:1px 0 5px 7px;}
.content .entry .trackback .list .control {padding:0 5px 0 420px;}
.content .entry .trackback .list .name { background:none; padding:0 2px;}

/* page navigation*/
.content .paging{ text-align:center; margin:50px 0; font:10px Verdana; clear: both; }

/* global class */
.content .article a{ color:#f60; }
.content .article a.ubb_keyword { background-color: #EEF4F1; text-decoration:none; }
.content .article a.ubb_keyword:hover { text-decoration: underline; }
.content .article .ubb_listbox { margin: 2px 5px 2px 25px; padding:0;}
.content .article .ubb_listbox li { }
.content .article .ubb_quotebox { background-color: #EEF4F1; margin:10px 0 10px 30px; border-left:4px double #C3CFCB; padding:0;}
.content .article .ubb_quotebox fieldset { padding: 10px 15px; margin: 0; border: 0px; border-top: 1px solid #fff; }
.content .article .ubb_quotebox legend { color: #f60; padding: 0 0 5px 0; margin: 0; }
.content .article .ubb_codebox {background-color: #FFEEEF; margin:10px 0 10px 30px; border-left:4px double pink; padding:10px;}
.content .article .ubb_codebox textarea { border: 0px; font: 12px/1.5 Verdana; margin: 0; width: 97%; height: 150px; }
.content .article .ubb_codebox input { border: 0px; font-size: 10.5px; background-color: #FFE1E2; width: 100%; height: 20px; padding: 2px 0 3px 0; }
.content .article .ubb_floatbox { margin: 0px; padding: 0 5px; }
.content .article .ubb_textbox { width: 85%; padding: 5px 10px; }
.content .article .ubb_mediabox { background-color: #F8F5F3; margin:10px 0 10px 30px; border-left:4px double #ded2c6; padding: 5px 10px; }
.content .article .ubb_mediabox img { margin: 0 0 -3px 0; }
.content .article .ubb_mediabox span { width: 90%; overflow:hidden; }