@charset "utf-8";
/* CSS Document */

/*
컬러셋

바탕색 0f0f0f
본문테두리 1a1a1a

본문 어두운 박스 그림자 000000
본문 어두운 박스 하이라이트 3f3f3f

본문 밝은 박스 454545
본문 밝은 박스 그림자 1a1a1a
본문 밝은 박스 하이라이트 525252

메뉴글자색 b0b0b0

본문글자색 eaeaea
본문 어두운 글자색 6b6b6b

본문링크색 baff00

하단사이드바 보더 색 2a2a2a
하단사이드바 글자색 cfcfcf
하단사이드바 얇은 보더 색 1b1b1b

카피라이트 글자색 878787

탑사이드바 h3 a1a1a1

*/

body{
	margin:0;
	font:13px NanumGothic, 나눔고딕, Malgun Gothic, Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS;
	color:#eaeaea;
	background:#0f0f0f url(./images/bg_body.gif) repeat-x;
	text-align:center;
}

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

/*기본*/
ul, ol, ul li, ol li	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
img	{border:none;}
input, textarea	{font:12px NanumGothic, 나눔고딕, Malgun Gothic, Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS;}


/*레이아웃*/
#container{
	margin:0 auto;
	width:776px;
	text-align:left;
}
#wrapper{
	padding:20px;
	background:url(./images/bg.gif);
	border-right:10px solid #1a1a1a;
	border-bottom:10px solid #1a1a1a;
	border-left:10px solid #1a1a1a;
}
#header{
	width:716px;
}
#menu{
	margin:10px 0;
	padding:3px 3px 0 3px;
	width:710px;
	background:#0f0f0f url(./images/bg_menu.gif) repeat-x left bottom;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #3f3f3f;
	clear:both;
}
#sidebarT{
	clear:both;
	color:#cfcfcf;
}
#content{
	line-height:160%;
}
#bottom{
}
#footer{
	clear:left;
	margin-top:7px;
	padding:15px 0 30px;
	border-top:5px solid #2a2a2a;
	font:11px Verdana;
	color:#878787;
}

/************* header*****************/
#header h1{
	width:550px;
	font:30px NanumGothic Bold;
	float:left;
}
#header h1 a{
	color:#FFF;
}
#header a.rss{
	display:block;
	width:121px;
	height:45px;
	background:url(./images/bt_rss.gif) no-repeat;
	float:right;
}
#header a:hover.rss{
	background-position:0 -45px;
}
#header a.rss span{
	display:none;
}

#menu a{
	display:block;
	float:left;
	font:10px Verdana;
	text-transform:uppercase;
	color:#b0b0b0;
}
#menu a span{
	display:block;
	padding:5px 15px 7px;
}
#menu a:hover{
	color:#eaeaea;
}
body#tt-body-page #menu a.blog, body#tt-body-category #menu a.blog, body#tt-body-notice #menu a.notice, body#tt-body-tag #menu a.tag, body#tt-body-location #menu a.location, body#tt-body-media #menu a.media, body#tt-body-guestbook #menu a.guestbook{
	background:url(./images/bg_tabL.gif) no-repeat;
}
body#tt-body-page #menu a.blog span, body#tt-body-category #menu a.blog span, body#tt-body-notice #menu a.notice span, body#tt-body-tag #menu a.tag span, body#tt-body-location #menu a.location span, body#tt-body-media #menu a.media span, body#tt-body-guestbook #menu a.guestbook span{
	background:url(./images/bg_tabR.gif) no-repeat right top;
}


#menu .search{
	float:right;
	width:150px;
	background:url(./images/bg_search.gif) no-repeat right top;
	text-align:right;
}
#menu .search input.searchinput{
	background:none;
	border:none;
	width:105px;
	height:17px;
}
#menu .search input.btSearch{
	width:20px;
	height:17px;
	border:none;
	background:none;
	cursor:pointer;
}

/************** sidebarT**********************/
#sidebarT .module{
	padding-left:2px;
	margin-bottom:10px;
	background-color:#1d1d1d;
	/*
	border-left:1px solid #1a1a1a;
	border-top:1px solid #1a1a1a;
	border-right:1px solid #525252;
	border-bottom:1px solid #525252;*/
	border:1px solid #3f3f3f;
}
#sidebarT .cnt, .c_cnt{
	color:#FF6600;
}
#sidebarT h3{
	font:italic 24px Georgia;
	color:#a1a1a1;
	text-transform:uppercase;
}
#sidebarT ul{
	padding:5px 5px 0;
}
#sidebarT ul li a{
	display:block;
	padding-bottom:5px;
}
#sidebarT #category ul li ul{
	padding:0;
}
#sidebarT #category ul li a{
	padding-left:20px;
	background:url(./images/bl_folder.gif) no-repeat 0 5px;
}
#sidebarT #category ul li ul li ul li a{
	background:none;
}
#sidebarT #blogImage{
	width:714px;
}
#sidebarT #blogImage img{
	margin-top:-21px;
	padding:0 7px 7px;
	float:right;
	height:70px;
}
#sidebarT #blogImage p.bloger{
	padding:0 0 5px 5px;
	margin:0;
}
#sidebarT #counter{
	padding:5px;
	font:11px Verdana;
	text-align:right;
}
#sidebarT #counter .total{
	display:inline;
	padding-right:5px;
	color:#FFF;
}

/************ content*****************/
#entry{
}
#entry h2, #nonEntry h3, #entryNotice h3, #entryProtected h3{
	margin:10px 0;
	font:20px NanumGothic Bold;
}
.titleWrap{
}
.titleWrap .admin{
	margin-bottom:10px;
	padding:5px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
	font-size:12px;
}

/* 본문내용관련*/
.article{
	margin:15px 0;
	line-height:180%;
}
.article a:link	{color:#baff00;}
.article a:hover	{text-decoration:underline;}
.article a:visited	{color:#729515;}
.article a:active	{color:#ff6600;}
.article img{
	padding:7px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
}
.article h1	{font-size:20px; border-bottom:3px solid #eaeaea; padding-bottom:3px;}
.article h2	{border-bottom:1px solid #3f3f3f; background-color:#1d1d1d; padding:3px; font-size:18px;}
.article h3	{font-size:16px; color:#FF6600;}
.article h4	{border-bottom:2px solid #1d1d1d; font-size:16px;}
.cap1{
	margin:5px 0;
	padding:0;
	color:#6b6b6b;
}
.key1{
	cursor:pointer;
	border-bottom:1px dotted #eaeaea;
}
.article .box{
	padding:10px;
	margin:10px 0;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
}
.article pre{
	padding:10px;
	margin:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
	border:1px solid #3f3f3f;
	background:url(./images/bg_pre.gif);
	font:12px/180% Lucida Console;
}
.moreless_fold span{
	padding-left:16px;
	background:url(./images/hd_more.gif) no-repeat 0 3px;
}
.moreless_top span{
	padding-left:16px;
	background:url(./images/hd_less.gif) no-repeat 0 3px;
}
.moreless_bottom{
	text-align:right;
}
.moreless_bottom span{
	padding-left:16px;
	background:url(./images/hd_less.gif) no-repeat 0 3px;
}
.moreless_conten{
}

blockquote{
	margin:15px 0;
	padding:0 0 0 29px;
	background:url(./images/bg_block.gif) no-repeat;
	font-style:italic;
}

.info{
	margin:15px 0;
	padding:15px;
	background-color:#0f0f0f;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #3f3f3f;
	border-bottom:1px solid #3f3f3f;
	font:11px/180% Verdana;
	clear:both;
}
.info a{
	font:12px/180% NanumGothic, 나눔고딕, Dotum, 돋움;
	color:#98cf03;
}
.info a:hover{
	text-decoration:underline;
}

.trackback{
}
.trackback h3{
	margin-bottom:5px;
	padding:10px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
	font:11px Verdana;
}
.trackback ol{
	margin-left:25px;
	margin-bottom:15px;
	list-style:decimal;
}
.trackback ol li{
	margin-bottom:5px;
	list-style:decimal;
}

.comment{
}
.commentList{
}
.commentList p{
	padding-right:70px;
	margin:0;
}
.commentList p.commentInfo{
	margin-bottom:10px;
	font:11px Verdana;
	color:#6b6b6b;
}
.commentList p.commentInfo a{
	color:#6b6b6b;
}
.commentList p.commentInfo a:hover{
	text-decoration:underline;
}
.commentList img{
	padding:4px;
	width:48px;
	height:48px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
	float:right;
}
.commentList p img{
	padding:0;
	width:auto;
	height:auto;
	border:none;
	background:none;
	float:none;
}
.commentList ol li{
	margin-bottom:10px;
	background:none;
	background:url(./images/blog_icon.gif) no-repeat right 15px;
}
.commentList ol li .commentListWrap{
	margin:0;
	padding:15px 0;
	background:url(./images/bg_line.gif) repeat-x left bottom;
}
.commentList ol li ul li, .commentList ol li.rp_secret ul li, .commentList ol li.guest_secret ul li{
	margin:0;
	background:url(./images/bg_line.gif) repeat-x left bottom;
}
.commentList ol li ul li .commentListWrap{
	margin:15px 0 0;
	padding:0 0 15px 35px;
	background:url(./images/hd_reReply.gif) no-repeat;
}
.commentList ol li ul li .reReply{
	background:url(./images/blog_icon.gif) no-repeat right top;
}
.commentList ol li.rp_secret, .commentList ol li.guest_secret{
	background:none;
}
.commentList .name{
	font-weight:bold;
	font-size:14px;
}

.commentWrite{
	margin-bottom:15px;
	padding:15px;
	border:1px solid #1d1d1d;
}
.commentWrite p{
	margin:10px 0;
}
.commentWrite label{
	font:11px Verdana;
}
.commentWrite input.input, input.input{
	width:150px;
	height:18px;
	border:1px solid #0f0f0f;
	background-color:#0f0f0f;
	color:#cfcfcf;
}
.commentWrite input.input_on, input.input_on{
	width:150px;
	height:18px;
	border:1px solid #98cf03;
	background-color:#0f0f0f;
	color:#cfcfcf;
}
.commentWrite textarea.textarea{
	padding:10px;
	width:657px;
	height:100px;
	border:1px solid #0f0f0f;
	background-color:#0f0f0f;
	color:#cfcfcf;
}
.commentWrite textarea.textarea_on{
	padding:10px;
	width:657px;
	height:100px;
	border:1px solid #98cf03;
	background-color:#0f0f0f;
	color:#cfcfcf;
}
.commentWrite input.submit{
	padding:4px 3px 3px;
	background-color:#0f0f0f;
	border:none;
	font:11px Verdana;
	text-transform:uppercase;
	color:#cfcfcf;
	cursor:pointer;
	float:right;
}


/************nonEntry**************/
#searchList h3 .cnt{
	color:#FF6600;
	font:24px Georgia;
}
#searchList ol{
	margin:15px 0;
}
#searchList ol li{
	border:1px solid #3f3f3f;
	margin-bottom:10px;
}
#searchList ol li a{
	display:block;
	padding:5px;
	border-left:10px solid #98cf03;
}
#searchList ol li a:hover{
	background-color:#1d1d1d;
}
#searchList ol li a:visited{
	border-left:10px solid #0f0f0f;
}
#searchList .cnt{
	color:#FF6600;
}
#searchList .date{
	font:11px Verdana;
	color:#6b6b6b;
}

#taglog ul			{padding:15px 0;margin:0; border-top:5px solid #3f3f3f; border-bottom:5px solid #3f3f3f; text-align:justify; line-height:250%;}
#taglog li			{background:none;  display:inline;}
#taglog a			{padding:3px 5px; }
#taglog a:hover		{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:#1a1a1a;}
#taglog li a.cloud4	{font-weight:bold; }
#taglog li a.cloud5	{}

#localog{
}
#localog #localogWrap{
	padding:15px 0;
	border-top:5px solid #3f3f3f; 
	border-bottom:5px solid #3f3f3f;
}
#localog .spot{
	padding:5px 0 5px 18px;
	background:url(./images/bl_arrow.gif) no-repeat 0 10px;
}
#localog .localogInfo{
	margin-bottom:5px;
	padding:3px 0;
	border:1px solid #3f3f3f;
}
#localog .localogInfo a{
	padding:5px 0 5px 15px;
	background:url(./images/bg_location_info.gif) repeat-y;
}
#localog .localogInfo a:visited{
	background:url(./images/bg_location_info2.gif) repeat-y;
}

#entryProtected input.submit{
	padding:4px 3px 3px;
	background-color:#0f0f0f;
	border:none;
	font:11px Verdana;
	text-transform:uppercase;
	color:#cfcfcf;
	cursor:pointer;
}


/*************paging****************/
#paging{
	padding-bottom:15px;
	text-align:center;
}
#paging .selected{
	color:#98cf03;
}
#paging .numbox{
}
#paging a.num{
	padding:4px 8px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
	font:10px Verdana;
}
#paging a:hover.num{
}
#paging a.prev{
	padding:4px 8px;
	border:1px solid #3f3f3f;
	background-color:#1d1d1d;
	font:10px Verdana;
}


/************** bottom/sidebarB**************/
#bottom{
	padding-top:7px;
	text-align:center;
}
#bottom #openMenu{
	padding-left:27px;
	background:url(./images/hd_open.gif) no-repeat 0 5px;
	font:24px Trebuchet MS;
	color:#cfcfcf;
	display:none;
}
#bottom #openMenu .openMenuK{
	font:12px NanumGothic, 나눔고딕;
	color:#98cf03;
}
#bottom #closeMenu{
	padding-left:27px;
	background:url(./images/hd_close.gif) no-repeat 0 5px;
	font:24px Trebuchet MS;
	color:#cfcfcf;
}
#bottom #closeMenu .closeMenuK{
	font:12px NanumGothic, 나눔고딕;
	color:#98cf03;
}

#sidebarB1, #sidebarB2, #sidebarB3{
	width:248px;
	float:left;
}
#sidebarB1{
	padding-right:10px;
}
#sidebarB3{
	padding-left:10px;
}
#sidebarB{
	margin-top:7px;
	padding:7px 0;
	border-top:5px solid #2a2a2a;
	color:#878787;
	text-align:left;
}
#sidebarB a{
	color:#878787;
}
#sidebarB a:hover{
	color:#cfcfcf;
}
#sidebarB h3{
	padding:7px 0;
	border-bottom:1px solid #1b1b1b;
	font:18px Verdana;
	text-transform:uppercase;
	color:#cfcfcf;
}
#sidebarB .module{
}
#sidebarB .cnt{
	color:#Ff6600;
}
#sidebarB ul{
	padding:5px 0;
}
#sidebarB ul li{
	border-top:1px solid #1b1b1b;
}
#sidebarB ul li a{
	display:block;
	padding:5px 0;
}
#sidebarB ul li:first-child{
	border-top:none;
}

#sidebarB #category ul{
	padding:0;
}
#sidebarB #category ul li a{
	padding-left:20px;
	background:url(./images/bl_folder.gif) no-repeat 0 5px;
}
#sidebarB #category ul li ul li:first-child{
	border-top:1px solid #1b1b1b;
}
#sidebarB #category ul li ul li ul li a{
	background:none;
}

#sidebarB #recentPost{
}

#sidebarB #blogImage{
}
#sidebarB #blogImage img{
	padding-top:5px;
	width:248px;
}
#sidebarB #blogImage p.bloger{
	margin:0;
	padding:0;
}
#sidebarB #counter{
	margin:10px 0;
	padding:10px;
	background-color:#1a1a1a;
	font:11px Verdana;
}
#sidebarB #counter .total{
	color:#FFF;
}

/***************** footer ****************/
#footer a{
	color:#878787;
}
#footer a:hover{
	color:#cfcfcf;
}
#copyright{
	margin-bottom:7px;
}
#bottomMenu .bmGuestbook{
	padding:0 10px 0 21px;
	background:url(./images/icon_send.gif) no-repeat;
}
#bottomMenu .bmRss{
	padding:0 0 0 17px;
	background:url(./images/icon_rss.gif) no-repeat;
}


/* Float bug */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */