@charset "utf-8";
/* Common */
ol, ul{list-style: none;}
html,body,h1,h2,h3,h4,h5,ol, ul, p, li, form, label, legend, div, span{margin: 0; padding: 0;}
#tistorytoolbarid {display :none;}
/* T Edition*/
#main div#ttCanvas div.tt-panel {
    padding-top: 0;
}

body{
	font: normal 12px/1 "나눔고딕",NanumGothic,"맑은 고딕","Malgun Gothic","굴림",Gulim,Sans-Serif;
	color: #000;
	text-align: center;
	background:#f1f1f1 url('images/satinweave.png');
}

a:link		{text-decoration: none; color: #000;}
a:visited	{text-decoration: none; color: #000;}
a:hover		{text-decoration: none; color: #000;}
a:active	{text-decoration: none; color: #000;}

/*Layout*/
#container			{margin: 0 auto; text-align: left; width: 880px}
	#header			{width: 880px; height: 50px; background-color: #343838; border-right: 1px solid #1C1C1C; border-left: 1px solid #1C1C1C}
	.nav			{width: 880px; height: 30px; background-color: #008C9E; border-right: 1px solid #007373; border-left: 1px solid #007373}
	#main           {width: 880px; padding-top: 40px; background-color: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
		#content	{width: 750px; margin:0 auto}
			#entry	{margin-bottom: 35px; }
		#sidebar2	{width: 750px;float: left; margin-left: 65px; padding-top: 25px}
		#footer		{background-color: #fff; width:880px;}

/*Header*/
#header h1 a {
    background: url("images/title.png") no-repeat center center transparent;
    display: block;
    height: 30px;
	margin: 0 0 0 50px;
	padding: 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 100px;
}

/*Nav*/
.nav ol						{float: left; margin-left:55px} 
.nav ol li					{display: inline}
	.nav ol li a			{float: left; padding: 9px 11px; text-decoration: none; color: #fff}
	.nav ol li a:visited	{color: #fff;}
	.nav ol li a:hover		{color: #fff; background-color:#00A8BF;}

.adplace{width: 160px; height: 600px; background-color: #f9f9f9; border: 1px dashed #e0e0e0; margin-bottom: 24px;}

/*NonEntry*/

#searchList{}
#searchList ol, #searchRplist ol{margin-top: 35px; border-top: 1px solid #eee}
#searchList ol li, #searchRplist ol li{margin: 0;display:inline;}

#searchList a, #searchRplist a{
	display: block;
	font-size: 12px;
	padding: 9px 6px;
	line-height: 1.2;
	cursor: pointer;
	width: 738px;
	border-bottom: 1px solid #eee;
	}

#searchList a:hover{background-color: #f9f9f9; color: #000; border-bottom: 1px solid #999;}
	#searchList .date{letter-spacing: 1px; color: #999; margin-right: 20px;}
	#searchList .cnt{letter-spacing: 1px; color: #0099ff;}

#taglog{}

#taglog ul{
	margin: 35px 0 20px 0;
	padding: 15px;
	border: 1px dotted #DDD;
	text-align: justify;
	line-height: 200%;
}
#taglog li	{background: none; display: inline;}
#taglog a	{padding: 3px 5px; color: #000;}
#taglog a:visited	{color: #999;}
#taglog a:hover	{color: #000; text-decoration: underline;}
#taglog li a.cloud1	{font-weight: bold; background-color: #83cb11; color: #FFF;}
#taglog li a.cloud2	{font-weight: bold; background-color: #70c5d4; color: #FFF;}
#taglog li a.cloud3	{font-weight: bold; background-color: #f7f7f7;}
#taglog li a.cloud4	{font-weight: bold;}
#taglog li a.cloud5	{}

p.desc{margin-top: 5px; font-size: 12px; color: #666; }

/*Entry*/

.titleWrap {text-align: center}
#entry h2, #entryNotice h2, #nonEntry h2, #nonEntry h2{text-align: center}
#entry h2 a, #entryNotice h2 a, #nonEntry h2, #nonEntry h2 a{
	color: #000;
	font-weight: bold;
	font-size: 22px;
	line-height:30px;
	letter-spacing: 0.02em;
}
#entry h2 a:hover,#nonEntry h2 a{border-bottom:1px solid;}
.titleWrap .info{
	font-size: 11px;
	color: #666;
	letter-spacing: 2px;
	margin-top: 10px;
}

.titleWrap .admin{
	padding: 5px;
	margin-top: 15px;
	border: 1px solid #DDD;
	background-color: #F7F7F7;
}

.article{
	margin: 30px 0;
	font-size: 13px;
	color: #000;
	line-height: 1.8em;
}
.article p, .article ol{margin-bottom: 2em;}

.article ol{margin-left: 2em; margin-bottom: 2em;list-style: disc;}
.article ol ol{margin-bottom: 0;}

.article ol.order	{list-style: decimal;margin-left:2em;}

.article ol.wide li	{margin-bottom: 0.5em;}
.article ol.wide ol{margin-top: 0.5em;}

.article ol.wide li ol.normal{margin-top: 0;}
.article ol.normal li{margin-bottom: 0;}
.article ol.normal li ol{margin-top: 0;}

.article img{margin: 0; padding: 0; border: 0;}
.article .imageblock{margin-bottom: 2em;}
.article .mycap {text-align:center; font-size: 12px; color: #999;}
.article .mycap .imageblock {margin:0;}

.article a:link		{color: #2786C2; border-bottom:1px solid;}
.article a:visited	{color: #2786C2; border-bottom:1px solid;}
.article a:hover	{color: #000; border-bottom:1px solid;}

.article a img{border:0;}
.article a:visited img{border:0;}
.article a:hover img{border:0;background-color:inherit;}

.article h3	{ font-size:18px; margin:0 0 15px 0; color:#E03D0D;}
.article h4	{margin: 10px 0; font-size: 16px;}

.article .box{
	padding: 10px 10px 0 10px;
	margin: 10px 0;
	background-color: #f7f7f7;
}

.article .break{background:url("images/divider.png") no-repeat center top transparent; padding-top: 20px;}

.article pre{
	padding: 10px;
	margin: 2em 0;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #ddd;
	font: 12px/1.7 "Lucida Console", monospace;
}

.article table.tb    {width: 560px; border-collapse: collapse; margin: 0 auto 2em;}
.article table.tb th{background-color: #f5f5f5; padding: 5px 7px; border: 1px solid #ddd; text-align: center;}
.article table.tb td{padding: 5px 7px; border: 1px solid #ddd; text-align: left;}

.article .player { width:420px; height:345px;margin:0 auto 2em;}

.article .imageblock p {margin-bottom:0;}

.cap1{
	margin: 5px 0;
	padding: 0;
	color: #888;
}
.article blockquote{
	border-left:5px solid #ddd;
	font-size:12px;
	margin: 2em;
	color: #333;
}
.article blockquote p{margin:1.2em}
.moreless_fold span{
	padding-left: 17px;
	background: url(./images/icon_more.gif) no-repeat left center;
}
.moreless_top span{
	padding-left: 17px;
	background: url(./images/icon_less.gif) no-repeat left center;
}
.moreless_bottom span{
	padding-right: 17px;
	background: url(./images/icon_less.gif) no-repeat right center;
}
.moreless_fold,
.moreless_top,
.moreless_bottom{line-height:13px;}
.moreless_content{}
.moreless_bottom{text-align: right;}

.actionTrail {
    border-top: 1px solid #ddd;
    color: #888;
    font-size: 24px;
    line-height: 1.3;
    padding-top: 25px;
    text-align: center;
}

.cntTrail{}
.tagTrail{margin-left: 12px}

.actionTrail .cntTrail a,
.actionTrail .tagTrail a		{font-weight:bold; color: #000;}
.actionTrail a:hover{color: #000; border-bottom: 1px solid;}

.comment{}
body#tt-body-guestbook .comment{margin-top: 35px;}
body#tt-body-guestbook .commentList ol{border-top:1px solid #eee;}
.commentList .cnt1{}
.commentList ol li{border-bottom: 1px solid #eee; padding-top: 25px;}

.commentList ol li .name a		{color:#2786C2; border-bottom:1px solid #2786C2;}
.commentList ol li .name a:hover	{color:#000;border-bottom:1px solid #000}

.commentList ol li .name {
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 110px;
    margin-bottom: 10px;
}

.commentList ol li .guest_admin .name a, .commentList ol li .rp_admin .name a {background-color:#000; color: #fff; border: 0; padding: 4px;}
.commentList ol li .guest_admin .name a:hover, .commentList ol li .rp_admin .name a:hover	{background-color:#2786C2; color: #fff; border: 0; padding: 4px;}

.commentList ol li .replyFrom{
	font: 11px "Trebuchet MS";
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}
.commentList ol li .date {
    clear: both;
    color: #888888;
    font-size: 11px;
    height: 30px;
    line-height: 1.3;
    margin-left: 130px;
}

.commentList ol li ul .date {
    clear: both;
    color: #888888;
    font-size: 11px;
    height: 30px;
    line-height: 1.3;
    margin-left: 0px;
}

.commentList ol li .date a{
	color: #999;
	margin-right: 10px;
	border: 0;
}
.commentList ol li .date a:hover{
color:#000;
	border-bottom: 1px solid;
	}

body#tt-body-guestbook .commentList ol li .date a{
	color: #999;
	margin: 0 0 0 10px;
}

.commentList ol li .reply {
    float: right;
    font-size: 12px;
    line-height: 1.7em;
    margin: 0 0 15px;
    width: 620px;
}
.commentList ol li .reply a{border-bottom:1px solid;color:#2786C2}
.commentList ol li .reply a:hover{color:#000;border-bottom:1px solid;}
.commentList ol li ul {
    border-top: 1px solid #EEEEEE;
    margin: 0 0 0 130px;
}
.commentList ol li ul li{
	border-top: 1px solid #eee;
	border-bottom: 0;
}
.commentList ol li ul li:first-child{	border: 0;}

.commentWrite {
    background-color: #F1F1F1;
    margin: 25px 0;
    overflow: hidden;
    padding: 25px;
    width: 700px;
}
.commentWrite h3, #nonEntry .commentWrite h3{
	background: transparent url(images/cntlead.png) no-repeat 0 0;
	text-indent: -9999px;
	height:19px;
	margin:10px 0 20px;
}
.commentWrite p{margin: 0 0 10px 0;}
.commentWrite .point{color: #FF6600;font: 11px Verdana;}

input.name,
input.password	{width: 150px; height: 18px; border: 1px solid #dfdfdf;}
input.link	{width: 250px; height: 18px; border: 1px solid #dfdfdf;}

.commentWrite .textarea {
    border: 1px solid #DFDFDF;
    font-size: 12px;
    height: 160px;
    padding: 6px;
    width: 686px;
}
.commentWrite .submit{
	padding: 3px;
	border: 1px solid #000;
	cursor: pointer;
	float: right;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	overflow: visible;
}
.commentWrite p.secretWrap{margin-bottom: 0;}
.commentWrite .secret{margin: 0;}
.commentWrite p.secretWrap label{margin: 0;}

/*Paging*/
#paging{
	margin: 35px 0 10px 0;
    padding: 20px 10px;
	text-align: center;
	color: #fff;
	background-color: #008C9E;
	position: relative;
	left: -66px;
	width: 860px;
	border-right: 1px solid #007373; border-left: 1px solid #007373
}
#paging a {color: #fff;}
#paging a.num .selected,
#paging a.num:hover .selected{
	background-color:#00A8BF;
	border: 1px solid #fff;
	color:#fff;
}
#paging a.num span{
	font-family: tahoma,arial,Sans-serif;
	padding: 4px 7px;
	}
#paging a:hover.num{ padding: 0;} /*fix ie6's ignoring hover effect (below)*/
#paging a:hover.num span{
	background-color: #00A8BF;
	color: #fff;
}
#paging a.prev{margin-right: 5px;}
#paging a.next{margin-left: 5px;}
#paging a.prev:hover, #paging a.next:hover{border-bottom: 1px solid; color: #fff;}

.no-more-prev, .no-more-next{visibility: hidden;}


/*Sidebar*/

#sidebar2 .module {
    float: left;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 240px;
}

#sidebar2 .module:first-child {padding-left:10px;width:220px}
#sidebar2 #recentComment.module {margin-right:0px}

#sidebar2 a:link{color: #333; }
#sidebar2 a:visited{color: #333;}

#sidebar2 h3{
	margin: 0 0 14px 0;
	color: #000;
	font-size: 13px;
	line-height:1.3;
	font-weight: bold;
}

#sidebar2 .cnt, .c_cnt{
	font: 11px "Trebuchet MS";
	text-transform: uppercase;
	letter-spacing: 1px;
}
#sidebar2 .name{color: #999;}
#sidebar2 .date{
	font: 11px "Trebuchet MS";
	text-transform: uppercase;
	letter-spacing: 1px;
}
#sidebar1 ol li {
    background: url("images/circle.png") no-repeat 0 4px transparent;
    line-height: 15px;
    padding: 0 0 8px 10px;
    }
#sidebar2 ol li {
	line-height:1.3em;
	padding:0 0 8px 0px;
	}
#sidebar2 ol li a:hover, #sidebar1 ol li a:hover {border-bottom:1px solid;}
#sidebar2 .desc {margin-bottom:40px;  line-height:1.7;}
#sidebar2 .desc blockquote,
#sidebar2 .desc blockquote p {margin:0;padding:0;}

#sidebar2 .alzza ol li.tag{background: url(images/tag.png) no-repeat 0 2px; padding-left: 25px;}

.ib			{cursor: pointer;}
.branch3	{cursor: pointer;}

/*Footer*/
#copyright{border-top:2px solid #000;
color:#444;
padding:20px 0;
text-align:center;}

#copyright a		{color:#666666; font-weight:bold;}
#copyright a:hover	{color:#000; border-bottom: 1px solid;}

/* Float bug */
.inline{display: inline;}
img.vmiddle{vertical-align: middle; margin:0;}
img.vbottom{vertical-align: text-bottom; margin:0;}
.clear{clear:both;}

/* T-Edition */