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

body{
	margin:0;
	background-color: #e4dac1;
	font:13px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
	text-align:center;
	color:#333;
}

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


/* 기본 */
ul, ol	{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"; outline: none;}

/* layout */
#container{
	position: relative;
}
#box{
	margin: 0 auto 40px;
	width: 1000px;
	text-align: left;
	background: url(./images/bgBox.gif) repeat-y;
}
#header{
	background: url(./images/bgTop.jpg) no-repeat;
		position: relative;
}
#wrapper{
}
	#content{
		float: left;
		width: 650px;
	}
	#sidebar{
		float: right;
		padding: 20px 25px 0 0;
		width: 300px;
	}
#footer{
	background: url(./images/bgBottom.jpg);
	min-width: 1000px;
}
	#bottom{
		margin: 0 auto;
		padding: 25px 0;
		width: 1000px;
		text-align: left;
		position: relative;
	}
	#copyrightWrap{
		background: url(./images/bgCopyright.png);
		min-width: 1000px;
		position: relative;
	}
		#copyright{
			margin: 0 auto;
			padding: 30px 0 0 80px;
			height: 45px;
			width: 920px;
			text-align: left;
			position: relative;
		}


/* header */
#header h1{
	padding: 15px;
}
#blogTitle{
	height: 340px;
	background: url(./images/bgBlogTitle.png) no-repeat;
}
#event{
	background: url(./images/event.jpg) no-repeat right 80px;
}

/* menu */
#menu{
	position: relative;
	padding: 11px 0 0 15px;
	height: 41px;
}
#menu li{
	float: left;
}
#menu a{
	display: block;
	padding:0 5px 1px;
}
#tt-body-page #menu a.home, #tt-body-entry #menu a.home, #tt-body-notice #menu a.notice, #tt-body-search #menu a.home, #tt-body-category #menu a.home, #tt-body-tag #menu a.tag, #tt-body-location #menu a.local, #tt-body-media #menu a.media, #tt-body-guestbook #menu a.guestbook{
	float: left;
	background: url(./images/bgMenuSelected.png) no-repeat 5px 0;
}

.search{
	position: absolute;
	right: 25px;
	top:11px;
	width: 300px;
	background: url(./images/bgSearch.png) no-repeat;
}
.searchinput{
	margin:1px 0 3px 10px;
	height: 18px;
	width: 250px;
	border: none;
	background: none;
	color: #FFF;
}

/* nonEntry */
#searchList h3, #tag h3, #local h3, #guestbook h3{
	margin: 0 25px 0;
	padding: 13px 0 13px 35px;
	font-size: 20px;
	border-bottom: 1px solid #CCC;
	background: url(./images/bgArticleTitle.gif) no-repeat left bottom;
	text-align: left;
}
#searchList .searchText{
	color: #4c6a84;
}
#searchList h3 .cnt{
	color: #ff6542;
}
#searchList ol{
	padding: 15px 25px 25px;
	list-style: inside decimal;
	border-bottom: 3px double #CCC;
}
#searchList ol li{
	margin-top:10px;
}
#searchList ol li a{
	color: #4c6a84;
}
#searchList .date{
	font:10px Verdana;
	color: #888;
}
#searchList ol li .cnt{
	font:10px Verdana;
	color: #ff6542;
}

#tag ul{
	padding: 25px;
}
#tag ul li{
	display: inline;
	line-height: 200%;
}
#tag li a	{padding: 3px 5px;}
#tag li a:hover.cloud1, #tag li a:hover.cloud2, #tag li a:hover.cloud3, #tag li a:hover.cloud4{
	background: #e5e5e5; color: #333;
}
#tag li a.cloud1	{font-weight:bold; background-color: #ff6600 ; color:#FFF;}
#tag li a.cloud2	{font-weight:bold; background-color: #4c6a84; color:#FFF;}
#tag li a.cloud3	{background-color: #eae978;}
#tag li a.cloud4	{background-color: #b4dcf1;}
#tag li a.cloud5	{}

#local .localBody{
	padding: 25px;
}
#local .spot{
	padding: 5px 0;
}
#local .info{
	padding: 5px 0;
}
#local .info a{
	background-color: #b4dcf1;
}

#entryNotice .article{
	margin: 25px 0;
	padding: 0 25px;
	border-bottom: 3px double #CCC;
}

#entryProtected{
	padding: 10px;
	margin-bottom: 25px;
width: 630px;
	background: url(./images/bgProtected.gif);
}
.protectedBody{
	background-color: #FFF;
}
.protectedArticle{
	padding: 20px 25px;
}
.protectedBody p{
	margin: 0;
	padding: 5px 0;
	line-height: 180%;
}
.protectedBody input{
	vertical-align: middle;
}
.protectedBody input.submit{
	border:1px solid #CCC;
	background-color: #e5e5e5;
	height: 25px;
	font:13px Verdana;
	color: #888;
	cursor: pointer;
}

/* entry */
.titleWrap{
	text-align: right;
}
.titleWrap h2{
	margin: 0 25px 10px;
	padding: 13px 0 13px 35px;
	font-size: 20px;
	border-bottom: 1px solid #CCC;
	background: url(./images/bgArticleTitle.gif) no-repeat left bottom;
	text-align: left;
}
.titleWrap .date{
	font: 11px Verdana;
	color: #888;
}
.titleWrap .category{
	padding-right: 25px;
}
.titleWrap .category a{
	color: #4c6a84;
}

.admin{
	padding: 5px;
	margin: 10px 25px 0 25px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

.article{
	margin: 25px;
	line-height: 180%;
}
.article a:link	{color: #4c6a84;}
.article a:hover	{text-decoration: underline;}

.article ul{
	margin-left: 25px;
	list-style: square;
}
.article ol{
	margin-left: 25px;
	list-style: decimal;
}

blockquote{
	margin: 10px;
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #f7f7f7;
	
}


.moreless_fold span{
	padding-left:17px;
	background:url(./images/icon_more.gif) no-repeat 0 1px;
}
.moreless_top span{
	padding-left:17px;
	background:url(./images/icon_less.gif) no-repeat 0 1px;
}
.moreless_bottom span{
	padding-right:17px;
	background:url(./images/icon_less.gif) no-repeat right 1px;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:15px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.moreless_bottom{
	text-align:right;
}

.cap1{
	margin:5px 0;
	padding:0;
	color:#828282;
}
.tagTrail{
	clear: both;
	margin: 0 25px 10px;
	padding: 0 0 0 20px;
	background: url(./images/bgTag.gif) no-repeat 0 3px;
	line-height: 180%;
}
.tagTrail a{
	font-size: 12px;
	color: #4c6a84;
}
.tagText{
	font:11px Verdana;
	color: #888;
	text-transform: uppercase;
}

.trackbackTitle{
	margin: 0 25px 10px;
	text-align: right;
}
.trackbackTitle .cnt{
	font:10px Verdana;
	color: #ff6542;
}

.trackback{
	margin: 0 25px 25px;
	padding: 10px;
	background-color: #efe9da;
}
.trackback h3{
	font: normal 10px Verdana;
}
.trackback ol{
	margin-top:10px;
	padding-left: 25px;
	border-top:1px solid #cec7b9;
	list-style: decimal;
}
.trackback ol li{
	margin-top: 10px;
}
.trackback ol li h5{
	display: inline;
	font-size: 13px;
	font-weight: normal;
}
.trackback ol li h5 a{
	color: #4c6a84;
}
.trackback .date{	
	font: 11px Verdana;
	color: #999;
}
.trackback .del{
	color: #cc0000;
}

.commentTitle{
	padding: 10px 25px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font: 16px Verdana;
	text-transform: uppercase;
}
.commentTitle .cnt{
	color: #ff6542;
}

.comment{
}
.commentList{
	clear: both;
	background: url(./images/bgCommentList.gif) repeat-y;
}
.commentList ol{
}
.commentList ol li{
	padding: 0 50px 0 95px;
	border-bottom: 3px double #CCC;
	background: url(./images/blogIcon.gif) no-repeat 50px 20px;
}
.commentList ol li ul li{
	padding: 0 0 0 45px;
	background: url(./images/blogIcon2.gif) no-repeat 0 20px;
	border-bottom: none;
	border-top: 1px solid #CCC;
}
#guestbook .commentList ol li ul li{
	border-top: 1px solid #CCC;
}
.commentList .cList{
	padding: 20px 0;
	position: relative;
}
.commentList ol li img{
	position: absolute;
	left: -45px;
	top: 20px;
	padding: 3px;
	width: 30px;
	height: 30px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.commentList .name{
	padding-bottom:5px;
	font-size:16px;
	font-weight: bold;
	color: #4c6a84;
}
.commentList .name a{
	color: #4c6a84;
}
.commentList .date{
	font: 10px Verdana;
	color: #888;
}
.commentList .date a{
	color: #888;
}
.commentList .date a:hover, .commentList .control a:hover{
	color: #666;
}
.commentList .control a{
	font: 10px Verdana;
	color: #888;
}
.commentList .control a.edit{
	padding-left: 18px;
	background: url(./images/bgCommentEdit.gif) no-repeat 3px 0;
}
.commentList .control a.reply{
	padding-left: 18px;
	background: url(./images/bgCommentReply.gif) no-repeat 3px 0;
}
.commentList p{
	margin: 10px 0 0;
	padding: 0;
	line-height: 160%;
}
.commentList img{
	padding: 1px;
	width: 18px;
	height: 18px;
	border: 1px solid #CCC;
	vertical-align: middle;
}
.commentList p img{
	padding: 0;
	width: auto;
	height: auto;
	border: none;
}
.commentList p a{
	color: #4c6a84;
}
.commentList p a:hover{
	text-decoration: underline;
}

.commentWrite{
	padding: 20px 50px 20px;
	border-bottom: 3px double #CCC;
}
.commentWrite label{
	font: 10px Verdana;
	color: #888;
	text-transform: uppercase;
}
.point{
	color: #FF6600;
}
.input{
	margin-right: 5px;
	padding: 5px;
	width: 150px;
	background: url(./images/bgInput.gif) repeat-x;
	border:1px solid #CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.input_on{
	margin-right: 5px;
	padding: 5px;
	width: 150px;
	background: url(./images/bgInput2.gif) repeat-x left bottom;
	border:1px solid #999;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.commentWrite .textarea{
	padding: 10px;
	width: 350px;
	height: 150px;
	background: url(./images/bgTextarea.gif) repeat-x;
	border:1px solid #CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: auto;
}
.commentWrite .textarea_on{
	padding: 10px;
	width: 350px;
	height: 150px;
	background: url(./images/bgTextarea2.gif) repeat-x left bottom;
	border:1px solid #999;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: auto;
}
.submitWrap{
	width: 370px;
}
.commentWrite a.submit{
	display: block;
	float:right;
	width: 111px;
	height: 33px;
	background: url(./images/btComment.gif) no-repeat;
}
p.secret{
	float: left;
	margin: 0;
	padding-bottom: 10px;
}
.commentWrite a:hover.submit{
	background-position: 0 -33px;
}
.commentWrite a.submit span{
	display: none;
}


/* paging */
#paging{
	clear: both;
	margin: 0 25px;
	padding: 20px 0;
	width:600px;
	text-align:center;
}
#paging a.prev{
	display:block;
	width:88px;
	height:41px;
	background:url(./images/btPrev.gif) no-repeat;
	float:left;
}
#paging a.next{
	display:block;
	width:88px;
	height:41px;
	background:url(./images/btNext.gif) no-repeat;
	float:right;
}
#paging a:hover.prev, #paging a:hover.next{
	 background-position:0 -41px;
}
#paging a.prev span, #paging a.next span{
	display:none;
}
#paging p{
	margin:0;
	padding: 5px 0 0;
}
#paging .selected{
	color:#ff6542;
}
#paging .numbox{
}
#paging a.num{
	padding: 0 3px;
	font:16px Verdana;
}
#paging a:hover.num{
	color: #000;
}


/* sidebar */
#sidebar .module{
	padding-bottom: 20px;
}
#sidebar #social li{
	float:left;
	padding: 0 5px 0 0;
	background: none;
}
#social li a{
	display: block;
	width: 30px;
	height: 33px;
	background: url(./images/btSocial.gif) no-repeat;
}
#social li a.scRss{
}
#social li a:hover.scRss{
	background-position: 0 -33px;
}
#social li a.scTwitter{
	background-position: -30px 0;
}
#social li a:hover.scTwitter{
	background-position: -30px -33px;
}
#social li a.scFacebook{
	background-position: -60px 0;
}
#social li a:hover.scFacebook{
	background-position: -60px -33px;
}
#social li a.scMe2{
	background-position: -90px 0;
}
#social li a:hover.scMe2{
	background-position: -90px -33px;
}
#social li a span{
	display: none;
}

.t1, .t2, .t3, .t4{
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(./images/blArrowUp.gif) no-repeat right 10px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}
#sidebar h3.active{
	background: url(./images/blArrowDown.gif) no-repeat right 10px;
	
}

#sidebar ul li{
	padding: 5px 0 5px 25px; 
	background: url(./images/blList.gif) no-repeat 10px 10px;
}

#sidebar #category ul li{
	padding: 0;
	background: none;
}
#category ul li a{
	display: block;
	padding: 5px 0 5px 25px;
	background: url(./images/blFolderRed.gif) no-repeat 5px 7px;
}
#category ul li ul li a{
	background: url(./images/blFolder.gif) no-repeat 5px 7px;
}
#sidebar #category ul li ul li ul li{
	padding-left: 27px;
}
#category ul li ul li ul li a{
	padding: 5px 0 5px 20px;
	background: url(./images/blBar.gif) no-repeat 5px 14px;
}

#sidebar .cnt, .c_cnt{
	font: 10px Verdana;
	color: #ff6542;
}

/* bottom */
#bottom{
	color: #FFF;
}
#bottom a{
	color: #FFF;
}
#bottom h3{
	margin-bottom: 20px;
}
#recentComment{
	float: left;
	padding-right: 50px;
	width: 275px;
}
#recentComment li{
	padding: 10px;
	margin-bottom: 15px;
	background-color: #473119;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#recentComment .name{
	padding-bottom: 5px;
	color: #ff9900;
}
#recentComment .date{
	font: 12px Verdana;
	color: #d5c2aa;
}
#popularTag{
	float: left;
	width: 300px;
}
#popularTag li{
	float: left;
	padding: 0 23px 10px 12px;
	width: 110px;
	background: url(./images/blList.gif) no-repeat 0 5px;
}
#recentTwitter{
	float: right;
	padding-right: 25px;
	width: 300px;
}
#twitter_div li{
	line-height: 160%;
	margin-bottom: 15px;
}
#twitter_div li a{
	color: #fdff6c;
}

/* copyright */
#copyright{
	background: url(./images/ci.png) no-repeat left 15px;
	color: #b4a99e;
}
.copyText{
	font: 10px Verdana;
}


    /* full clearfix */
    /* add to floating elements which shall clear floating after themselves */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	*+html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }