@charset "utf-8";
/* 
------------------------------------------------------
Theme	:	Delucide
Version	:	1
Skin	:	Tistory Skin
Blog	:	http://demun.tistory.com
Email	:	hjm01@naver.com
Making	:	2012-05-01
------------------------------------------------------
스타일을 추가할때는 지우지말고 맨아래에서 작성하세요.
------------------------------------------------------ 
*/

/* tistory basics
------------------------------------------------------ */
.moreless_fold{padding:0 0 0 20px;background:url(images/arrow-down.png) no-repeat 0 center;border-bottom:1px solid #767676;}
.moreless_top,.moreless_bottom{padding:0 0 0 20px;background:url(images/arrow-up.png) no-repeat 0 center;}
.moreless_fold:hover,.moreless_top:hover,.moreless_bottom:hover{cursor:pointer;}
.moreless_content{border-top:1px solid #767676;border-bottom:1px solid #767676;padding: 0 9px 0 10px;background: url(images/bg-box1-con.png) repeat-y left top;}
.rp_general{font-weight:normal;}			/* 일반 댓글 [##_rp_rep_class_##] */
.rp_admin{ }								/* 관리자가 올린 댓글 [##_rp_rep_class_##] */
.rp_secret{font-weight:bold;color:#f30;}	/* 비밀 댓글 [##_rp_rep_class_##] */
.hiddenComment{font-weight:normal;}			/* 비밀 댓글(로그인 하지 않았을 경우) */
.guest_general{font-weight:normal;}			/* 일반 방명록 글 [##_guest_rep_class_##] */
.guest_secret{font-weight:bold;color:#f30;}	/* 비밀 방명록 댓글  */
.guest_admin{ }								/* 관리자가 올린 댓글 [##_guest_rep_class_##] */
.lb{cursor:pointer;}						/* 카테고리의 폴더이미지를 포함하고 있는 셀의 스타일 (td 영역) */
.branch3{cursor:pointer;}					/* 카테고리의 텍스트를 포함하고 있는 셀의 스타일 (td 영역) */
.c_cnt{font:1em Tahoma;color:#777;}			/* 카테고리 옆 개수 스타일 */
.cnt{font:1em Tahoma;color:#777;}			/* 최신글, 글보관함 개수 스타일 */
.date{font:1em Tahoma;color:#777;}			/* 최신 댓글 개수 스타일 */
.rpCnt{font:1em Tahoma;color:#f30;}			/* 댓글 보이기 수 */
.tbCnt{font:1em Tahoma;color:#f30;}			/* 트랙백 보이기 수 */
.cap1{font-weight:bold;text-align:center;}	/* 이미지 아래 캡션 스타일 */
.left{}													/* 이미지 왼쪽 정렬 */
.center{}												/* 이미지 가운데 정렬 */
.right{}												/* 이미지 오른쪽 정렬 */
.dual,.triple{max-width:620px; overflow:hidden;}		/* 그림2개 3개 표시 */
.key1{border-bottom:1px dotted #000;cursor:pointer;}	/* 키워드 스타일 */
.selected{color:#f30;}									/* 페이징 스타일 */
blockquote{}											/* 인용구 */


/*	##################################
	GENERAL
	################################## */

html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, images, hr, form {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
}

body {
	margin: 0px;
	padding: 0px;
	color: #767676;
	background: #202020 url(images/bg-body.jpg) repeat-x;
	background-attachment: fixed;
	font-family: "Helvetica Neue", NanumGothic,"나눔고딕",NanumGothicWeb, "돋음", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-shadow: 1px 1px 0px #000;
}

p, ul, ol {
	padding: 20px 0;
}

a {
	color: #fff;
	outline: none;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-shadow: 1px 1px 0px #000, 0px 0px 10px #999;
	text-decoration: underline;
}

/** SELECTED TEXT */

::selection{ /* Safari and Opera */
	color: #fff;
	background: #acacac;
	text-shadow: none;
}
::-moz-selection{ /* Firefox */
	color: #fff;
	background: #acacac;
	text-shadow: none;
}


/*	##################################
	HEADINGS
	################################## */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
	padding: 0px;
	color: #fff;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
}

h4, h5, h6 {
	margin: 0 0 10px;
}

.archive-title h1,
.archive-title h2 {
	margin: 0px;
	padding: 0 0 3px;
	font-size: 18px;
	font-weight: normal;
}

h2.h2-divider {
	position: relative;
	margin: 0 0 25px;
	padding: 0 0 15px;
	background: transparent url(images/bg-divider.png) repeat-x left bottom;
	font-size: 18px;
	font-weight: bold;
}

.single .h2-divider {
	margin: 0 0 20px;
}

.archive .h2-divider {
	margin: 0 0 30px;
}

#footer h2 {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: normal;
}

.home h3,
.archive h3,
.blog h3 {
	margin: 0 0 10px;
	font-weight: normal;
	font-size: 16px;
}

.home h3 a,
.archive h3 a,
.blog h3 a,
.page-template-page-subpages-php h3 a {
	text-decoration: none;
}

#sidebar h3,
#comments h3,
#trackbacks h3,
.commentform h3 {
	margin: 0 0 10px;
	padding: 0 0 15px;
	background: transparent url(images/bg-divider.png) repeat-x left bottom;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#sidebar .box2 h3 {
	margin: 0 0 10px;
	padding: 0px;
	background: none;
}

#comments h3,
#trackbacks h3,
.commentform h3 {
	margin: 0 0 20px;
}

.archive-title h1,
.archive-title h2,
.single .post h3 {
	width: 600px;
	line-height: 40px;
	margin: 0 0 30px;
	padding: 0 10px;
	background: url(images/bg-headline.png) no-repeat left top;
	font-weight: normal;
	font-size: 16px;
}

h4 {
	font-size: 14px;
}


/*	##################################
	INPUTS
	################################## */

input.text, textarea.text {
	width: 75%;
	height: 16px;	
	padding: 6px 10px 8px;
	color: #767676;
	border: none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-style: italic;
	text-shadow: 1px 1px 0px #000;
}

textarea.text {
	width: 95%;
	height: 138px;
}

button.button {
	background: none;
	border: none;
	height: 30px;
	color: #fff;
}

input.button {
	height: 30px;
	border: 1px solid #870120;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
}


/*	##################################
	LISTS
	################################## */

#content ul, #content ol {
	margin-left: 10px;
	padding-left: 10px;
}

#content ul li {
	list-style: circle;
}

#content li ul, #content li ol {
	padding-bottom: 0px;
}

#content ol li {
	list-style: decimal;
}

#content ol li li {
	list-style: lower-latin;
}

#content ol li li li {
	list-style: lower-roman;
}


/*	##################################
	OTHER HTML
	################################## */

blockquote, address {
	margin: 0 0 20px;
	padding: 10px 10px 0 13px;
	color: #acacac;
	border-left: 3px solid #202020;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-style: italic;
}

blockquote p, address p {
	padding: 0 0 10px;
}

code {
    font-family: "Courier New", Courier, NanumGothic,"나눔고딕",NanumGothicWeb, serif;
	overflow: auto;
	padding: 2px;
	background: #303030;
	color: #fff;
}

pre code {
	background: none;
}

pre {
    margin: 0 0 20px;
	padding: 10px;
	overflow: auto;
	background: transparent url(images/bg-trans.png) repeat left top;
	color: #fff;
	border: 1px solid #202020;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-moz-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-webkit-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
}

dl {
    margin: 0 0 10px;
}

dt {
    font-weight: bold;
}

dd {
    padding: 0 0 10px;
}

small {
	font-size: 10px;
	font-weight: normal;
}

.btn {
	margin: 0 0 0 2px;
	padding: 5px 10px;
	background: url(images/bg-btn.png) repeat-x left top;
	font-size: 11px;
	border: 1px solid #646464;
	text-shadow: -1px -1px 0px #000!important;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	text-decoration: none;
}

a.btn:hover {
	box-shadow: 0px 0px 5px #acacac;
	-moz-box-shadow: 0px 0px 5px #acacac;
	-webkit-box-shadow: 0px 0px 5px #acacac;
}

a.btn:active {
	position: relative;
	top: 1px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
}

.error {
	margin: -5px 0 0;
	padding: 0 0 15px 20px;
	background: url(images/bg-error.png) no-repeat 0px 4px;
}

.fielderror {
	color: #acacac!important;
}


/*	##################################
  	BOXES
  	################################## */
  	
.box1 {
	position: relative;
}

.box1-top {
	height: 10px;
	background: url(images/bg-box1-top.png) no-repeat left bottom;
}

.box1-con {
	padding: 0 9px 0 10px;
	background: url(images/bg-box1-con.png) repeat-y left top;
}

.box1-bot {
	height: 10px;
	background: url(images/bg-box1-bot.png) no-repeat left top;
}

.box2-top {
	height: 10px;
	background: url(images/bg-box2-top.png) no-repeat left bottom;
}

.box2-con {
	padding: 0 14px 0 15px;
	background: url(images/bg-box2-con.png) repeat-y left top;
}

.box2-bot {
	height: 10px;
	background: url(images/bg-box2-bot.png) no-repeat left top;
}


/*	##################################
  	BASIC LAYOUT
  	################################## */

/* wrap 100% height */
html, body { height:100%; } 
html,body { margin:0; padding:0 }
#wrap { min-height:100%; height:auto }
* html #wrap { height:100%; }/* ie6 and under*/

#wrap {
	background: url(images/bg-wrap.png) repeat-y;
}

#main {
	width: 940px;
	padding: 40px 0 0 40px;
}

#container {
	margin: 0;
	z-index: 99;
}

#sidebar {
	float: left;
	width: 240px;
}

#content {
	position: relative;
	float: right;
	width: 620px;
}

#footer {
	padding: 10px 0 80px;
	color: #464646;
}

/*	##################################
  	HEADER
  	################################## */

#header {
	position: relative;
	height: 60px;
	margin: 0 0 30px;
	z-index: 101;
}

#logo a:active {
	position: relative;
	top: 1px;
}

#logo img {
	position: absolute;
	top: -10px;
	left: -10px;
	border: 0 none;
}

#logo h2 {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 260px;
	color: #767676;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-size: 12px;
	font-weight: normal;
}

.ts-menu {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 620px;
	height: 45px;
	background: url(images/bg-divider.png) repeat-x left bottom;
}

.ts-menu ul {
	float: right;
	width: auto;
}

.ts-menu li {
	display: inline;
	margin: 0 0 0 20px;
}

.ts-menu a {
	padding: 0 0 15px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.ts-menu a:hover {
	color: #767676;
}

.ts-menu li li a {
	color: #767676;
}

.ts-menu li li a:hover {
	color: #fff;
}


/*	##################################
  	SLIDER
  	################################## */
  	
#slider {
	position: relative;
	margin: 0 0 30px;
}

#slider .box1-con {	
	width:620px;
	height:390px;
	padding: 0 9px;
}

#ribbon {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 115px;
	height: 115px;
	background: url(images/bg-ribbon.png) no-repeat;
	z-index: 100;
}

.nivoSlider {
	position:relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	display: none!important;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
}

.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-directionNav a {
	position:absolute;
	top: 190px;
	display: block;
	width: 20px;
	height: 30px;
	text-indent: -9999px;
	z-index:99;
	cursor:pointer;
	visibility: visible;
}

.nivo-prevNav {
	left: -29px;
	background: url(images/bg-slider-nav.png) no-repeat 0px 0px;
}

.nivo-nextNav {
	right: -9px;
	background: url(images/bg-slider-nav.png) no-repeat -20px 0;
}


/*	##################################
  	ARCHIVE
  	################################## */
  	
.archive-title {
	position: relative;
	margin: 0 0 30px;
}
  	
.toggle-view {
	position: absolute;
	top: 15px;
	right: 16px;
	display: block;
	width: 36px;
	height: 12px;
	background: url(images/bg-view-list.png) no-repeat left top;
	text-indent: -9999px;
}

a.toggle-view:active {
	position: absolute;
	top: 16px;
}

a.toggle-view.active {
	background: url(images/bg-view-grid.png) no-repeat left top;
}
  	
.home .post,
.archive .post,
.search .post,
.blog .post,
#subpages .page {
	padding: 0 0 10px;
	clear: left;
}
  	
.home .box-img,
.archive .box-img,
.search .box-img,
.blog .box-img,
#subpages .box-img {
	float: left;
	width: auto;
	margin: 0 20px 20px 0;
}

.home .post .excerpt,
.archive .post .excerpt,
.search .post .excerpt,
.blog .post .excerpt,
#subpages .page .excerpt {
	overflow: hidden;
}

.home.grid .post,
.archive.grid .post,
.blog.grid .post,
.page-template-page-subpages-php.grid #subpages .page {
	float: left;
	width: 185px;
	margin: 0 0 20px 32px;
	clear: none;
}

.home.grid .post.first,
.archive.grid .post.first,
.blog.grid .post.first,
.page-template-page-subpages-php.grid #subpages .page.first {
	margin: 0 0 20px;
}

.home.grid .box-img,
.archive.grid .box-img,
.blog.grid .box-img,
.page-template-page-subpages-php.grid #subpages .box-img {
	float: none;
	margin: 0px;
}

.home.grid .post h3,
.archive.grid .post h3,
.blog.grid .post h3,
.page-template-page-subpages-php.grid #subpages .page h3,
.home.grid .post .excerpt,
.archive.grid .post .excerpt,
.blog.grid .post .excerpt,
.page-template-page-subpages-php.grid #subpages .page .excerpt {
	display: none;
}

.search .post,
.search .page {
	padding: 0 0 30px;
}


/*	##################################
  	SINGLE
  	################################## */
  	
.single .post {
	padding: 0 0 10px;
}

.post-img {
	position: relative;
	margin: 0 0 20px;
}

.meta {
	margin: 20px 0;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
}

.meta-date {
	padding: 0 0 0 17px;
	background: url(images/bg-meta-date.png) no-repeat 0px 2px;
}

.meta-tags {
/*	float: right;
	width: 200px;
	text-align: right;
*/
}

.meta-tags .atag {
	margin: 0 5px 0 0;
	padding: 0 0 0 17px;
	background: url(images/bg-meta-tags.png) no-repeat 0px 1px;
	color: #767676;
	text-decoration: none;
}

/** GALLERY */

#gallery {
	margin: 0 -40px 0 0;
}

#gallery .img {
	float: left;
	width: 185px;
	margin: 0 32px 30px 0;
}


/*	##################################
  	SIDEBAR
  	################################## */

.sb-box {
    margin: 0 0 20px;
}

.sb-box ul, .sb-box .category {
    margin: 0;
	padding: 0 0 5px;
}

.sb-box ul ul {
    margin: 0 0 0 20px;
	padding: 0px;
}

.sb-box li {
    margin: 0px;
	padding: 5px 0;
	background: url(images/bg-divider.png) repeat-x left bottom;
}

.sb-box li:first-child {
	padding: 0 0 5px;
}

.sb-box li li {
    margin: 0px;
	padding: 2px 0;
	background: none;
	list-style: square;
}

.sb-box li li:first-child {
	padding: 2px 0;
}

.sb-box li a {
    text-decoration: none;
}

.sb-box p {
    padding: 0 0 10px;
}
.sb-box li, .sb-box li a {
	color:#fff;
}
.c_cnt:hover, .cnt:hover, .name:hover, .date:hover, .author:hover {
	color:#f30;
}


/* SOCIAL */

.sb-social {
	margin: -10px 0 10px;
}

.sb-social a {
	display: block;
	width: 200px;
	height: 32px;
	margin: -5px 0 0 -10px;
	padding: 18px 0 10px 60px;
	text-decoration: none;
	text-shadow: -1px -1px 0px #000;
	outline: none;
}


.sb-social a:active {
	position: relative;
	top: 1px;
	background-position: 5px 5px!important;
}

#sb-social-rss {
	background: url(images/bg-btn-rss.png) no-repeat 5px 5px;
}

a#sb-social-rss:hover {
	background: url(images/bg-btn-rss.png) no-repeat 5px -49px;
}

#sb-social-twitter {
	background: url(images/bg-btn-twitter.png) no-repeat 5px 5px;
}

a#sb-social-twitter:hover {
	background: url(images/bg-btn-twitter.png) no-repeat 5px -49px;
}

#sb-social-facebook {
	background: url(images/bg-btn-facebook.png) no-repeat 5px 5px;
}

a#sb-social-facebook:hover {
	background: url(images/bg-btn-facebook.png) no-repeat 5px -49px;
}

#sb-social-flickr {
	background: url(images/bg-btn-flickr.png) no-repeat 5px 5px;
}

a#sb-social-flickr:hover {
	background: url(images/bg-btn-flickr.png) no-repeat 5px -49px;
}

#sb-social-devian {
	background: url(images/bg-btn-devian.png) no-repeat 5px 5px;
}

a#sb-social-devian:hover {
	background: url(images/bg-btn-devian.png) no-repeat 5px -49px;
}

#sb-social-lastfm {
	background: url(images/bg-btn-lastfm.png) no-repeat 5px 5px;
}

a#sb-social-lastfm:hover {
	background: url(images/bg-btn-lastfm.png) no-repeat 5px -49px;
}

#sb-social-tumblr {
	background: url(images/bg-btn-tumblr.png) no-repeat 5px 5px;
}

a#sb-social-tumblr:hover {
	background: url(images/bg-btn-tumblr.png) no-repeat 5px -49px;
}

#sb-social-vimeo {
	background: url(images/bg-btn-vimeo.png) no-repeat 5px 5px;
}

a#sb-social-vimeo:hover {
	background: url(images/bg-btn-vimeo.png) no-repeat 5px -49px;
}

/* tagcloud */
.tagcloud li, .tagcloud li a {
	display:inline;
}
.tagcloud li a {
	padding:0 5px 0 0;
}

/* blogImage */
.blogImage img {
	width:210px;
}


/*	##################################
  	FOOTER
  	################################## */
  	
#credit {
	float: left;
	width: 240px;
	padding: 20px 0 0;
	background: url(images/bg-divider.png) repeat-x left top;
}

#copyright {
	float: right;
	width: 620px;
	line-height: 40px;
	padding: 20px 0 0;
	background: url(images/bg-divider.png) repeat-x left top;
	text-align: right;
	color:#888;
}
#copyright a {
	padding-left:5px;
}

#delucide {
	display: block;
	width: 200px;
	height: 50px;
	margin: -5px 0 0 -10px;
	padding: 5px 0;
	background: url(images/bg-delucide.png) no-repeat 5px 5px;
	text-indent: -9999px;
	outline: none;
}

a#delucide:hover {
	background: url(images/bg-delucide.png) no-repeat 5px -50px;
}

a#delucide:active {
	position: relative;
	top: 1px;
	background: url(images/bg-delucide.png) no-repeat 5px 5px;
}


/*	##################################
  	PAGING
  	################################## */

#paging {
	clear: both;
    margin: 0 0 20px;
}

#paging .box1-con {
	padding: 0 15px;
}

#paging a {
    text-decoration: none;
}

.wp-pagenavi .next {
    float: right;
}
.wp-pagenavi .prev {
	float: left;
}
.wp-pagenavi .num {
    display: inline-block;
	text-align: center;
	padding: 5px;
}

.numbox a {
    background: url(images/bg-paging-current.png) no-repeat center center;
    color: #fff;
}
.wp-pagenavi .numbox {
	text-align: center;
	padding: 0;
}
#paging .prev, #paging .next { 
	display: block;
}

/*	##################################
  	COMMENTS / TRACKBACKS
  	################################## */
  	
#comments-list ol {
	margin: 0px;
	padding: 0px;
}

#comments-list ol ol {
	padding: 0px;
}
  	
#comments li.comment {
	position: relative;
	padding: 0px;
	list-style: none;
	clear: both;
}
  	
#comments ol ol li {
	padding: 0 0 20px;
}

.comment .avatar {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	padding: 10px;
	background: url(images/bg-avatar.png) no-repeat left top;
}
  	
.comment-text {
	padding: 0 0 20px;
	overflow: hidden;
}

.comment-text p {
	padding: 0 0 10px;
}

.comment-meta {
	padding: 0 0 5px;
}
  	
.comment-author {
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-size: 14px;
}

.comment-meta small a {
	color: #767676;
	text-decoration: none;
}
.comment-reply-link,
.comment-reply-login {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 18px;
	padding: 0 10px;
	background: url(images/bg-btn.png) repeat-x left top;
	font-size: 11px;
	border: 1px solid #646464;
	text-shadow: -1px -1px 0px #000;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	text-decoration: none;
}

a.comment-reply-link:hover,
a.comment-reply-login:hover {
	box-shadow: 0px 0px 5px #acacac;
	-moz-box-shadow: 0px 0px 5px #acacac;
	-webkit-box-shadow: 0px 0px 5px #acacac;
}

a.comment-reply-link:active,
a.comment-reply-login:active {
	top: 1px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
}

a.address {
	right:0;
}
a.modify {
	right:70px;
}
a.write {
	right:135px;
}

#trackbacks-list ul {
	margin: -10px 0 0 20px;
}

#trackbacks-list li {
	padding: 10px 0;
	background: transparent url(images/bg-divider.png) repeat-x left bottom;
}
.avatar .avatarImg {
	background: transparent url(images/avatar.png) no-repeat;
	display: block;
	width:40px;
	height:40px;
}
.avatarWrap {
	position: relative;
}
.avatarWrap img {
	position: absolute;
	left:10px;
	top:10px;
	width:40px;
	height:40px;
}

/*	##################################
  	COMMENTFORM
  	################################## */

.commentform {
	position: relative;
    margin: 0 0 30px;
}

.comment .commentform {
	margin-top: -10px;
}

.commentform input.text, .commentform textarea.text {
    width: 420px;
	margin: 0 0 20px;
	background: url(images/bg-input-text-1.png) no-repeat left top;
	overflow: auto;
}

.commentform textarea.text {
    width: 600px;
    background: url(images/bg-input-textarea-1.png) no-repeat left top;
}

.depth-2 .commentform textarea.text {
    width: 580px;
    background: url(images/bg-input-textarea-2.png) no-repeat left top;
}

.depth-3 .commentform textarea.text {
    width: 560px;
    background: url(images/bg-input-textarea-3.png) no-repeat left top;
}

.depth-4 .commentform textarea.text {
    width: 540px;
    background: url(images/bg-input-textarea-4.png) no-repeat left top;
}

.depth-5 .commentform textarea.text {
    width: 520px;
    background: url(images/bg-input-textarea-5.png) no-repeat left top;
}

.depth-6 .commentform textarea.text {
    width: 500px;
    background: url(images/bg-input-textarea-6.png) no-repeat left top;
}

.commentform input.submit, .protectedInput input.submit {
	height: 30px;
	padding: 0 20px;
	background: transparent url(images/bg-input-submit.png) repeat left top;
	color: #fff;
	border: 1px solid #646464;
	text-shadow: -1px -1px 0px #000;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	cursor: pointer;
}

.commentform input.submit:hover {
	box-shadow: 0px 0px 5px #acacac;
	-moz-box-shadow: 0px 0px 5px #acacac;
	-webkit-box-shadow: 0px 0px 5px #acacac;
}

#commenterror {
    height: 20px;
	line-height: 20px;
	margin: 20px 0 0;
	padding: 0 0 0 30px;
	background: url(images/bg-commenterror.png) no-repeat left center;
}

#comment-logged {
	padding-left: 17px;
	background: url(images/bg-comment-logged.png) no-repeat 0px 6px;
}

#comment-logout {
	float: right;
	width: auto;
	line-height: 18px;
	margin: 2px 0 0;
	padding: 0 10px;
}

#cancel-comment-reply-link {
	position: absolute;
	top: 5px;
	right: 0px;
	padding-left: 17px;
	background: url(images/bg-comment-cancel.png) no-repeat 0px 6px;
	color: #767676;
	text-decoration: none;
}


/*	##################################
  	SEARCHFORM
  	################################## */

#searchform {
    width: 240px;
    padding: 10px 0 0;
    background: url(images/bg-searchform.png) no-repeat left bottom;
}

#search-text {
    display: inline;
	float: left;
	width: 190px;
	font-size: 11px;
	background: none;
	border: none;
}

#search-submit {
    float: right;
	width: 30px;
	text-indent: -9999px;
}

#searcherror {
    height: 20px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	background: url(images/bg-searcherror.png) no-repeat left center;
}

#searchform input.fielderror {
    color: #5c5c5c;
}

/*	##################################
  	PASSWORD PROTECT
  	################################## */

.hentry input[type="password"] {
    width: 420px;
	height: 16px;
	margin: 10px 0;
	padding: 6px 10px 8px;
	background: url(images/bg-input-text-1.png) no-repeat left top;
	color: #767676;
	border: none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-style: italic;
	text-shadow: 1px 1px 0px #000;
	overflow: auto;
}

.hentry input[type="submit"] {
	height: 30px;
	padding: 0 20px;
	background: transparent url(images/bg-input-submit.png) repeat left top;
	color: #fff;
	border: 1px solid #646464;
	text-shadow: -1px -1px 0px #000;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	cursor: pointer;
}

/*	##################################
  	404
  	################################## */

.searchform {
    margin: 0 0 20px;
}


/*  ##################################
    WORDPRESS CSS
    ################################## */

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}

.center,.dual,.triple {
    margin-bottom: 20px!important;
	overflow: hidden;
}

.left {
	float: left;
	width: auto;
	margin: 0 10px 10px 10px;
}

.right {
	float: right;
	width: auto;
	margin: 10px 0 10px 10px;
}

.imageblock {
    padding: 5px;
	margin: 10px;
	background: transparent url(images/bg-trans.png) repeat left top;
	color: #fff;
	border: 1px solid #202020;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-moz-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-webkit-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	text-align: center;
	overflow: hidden;
}

.imageblock img {
	float: none;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}

.imageblock .cap1 {
	padding: 0px;
	margin: 0px;
}

.gallery img {
	padding: 10px;
	background: transparent url(images/bg-trans.png) repeat left top;
	border: 1px solid #202020!important;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-moz-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-webkit-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
}

.mu_register {
	width: 100%!important;
	margin: 0px!important;
}

.mu_register form {
	margin-top: 0px!important;
}

.mu_register #blog_title,
.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name {
	width: 420px;
	height: 16px;
	margin: 10px 0;
	padding: 6px 10px 8px;
	background: url(images/bg-input-text-1.png) no-repeat left top;
	color: #767676;
	border: none;
	font-size: 11px!important;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-style: italic;
	text-shadow: 1px 1px 0px #000;
	overflow: auto;
}

.mu_register input[type="submit"] {
	width: auto!important;
	height: 30px;
	padding: 0 20px;
	background: transparent url(images/bg-input-submit.png) repeat left top;
	color: #fff;
	border: 1px solid #646464;
	font-size: 11px!important;
	text-shadow: -1px -1px 0px #000;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	cursor: pointer;
}

.mu_register .mu_alert {
	margin: 0 0 20px;
	padding: 10px;
	overflow: auto;
	background: transparent url(images/bg-trans.png) repeat left top!important;
	color: #acacac!important;
	border: 1px solid #202020!important;
	font-weight: normal!important;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-moz-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
	-webkit-box-shadow: -1px -1px 0px #101010, 1px 1px 0px #282828;
}


/*  ##################################
    WIDGET CSS
    ################################## */

#calendar_wrap table {
    width: 100%;
}

#calendar_wrap td {
    text-align: center;
}

#wp-calendar caption {
    margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(images/bg-divider.png) repeat-x left bottom;
}

#tag_cloud {
    line-height: normal;
}

#content #tag_cloud {
    margin: 0 0 20px;
}

.sb-box #cat {
	width: 210px;
}

.widget_ts_flickr.box2 {
	margin: 0 0 20px;
}

.widget_search .box2-top,
.widget_search .box2-bot,
.widget_ts_flickr .box2-top,
.widget_ts_flickr .box2-bot {
	display: none;
}

.widget_search .box2-con,
.widget_ts_flickr .box2-con {
	padding: 0px;
	background: none;
}

#flickr_badge_wrapper {
	margin: 0 -10px 0 0;
}

.widget_ts_flickr .flickr_badge_image {
	float: left;
	width: 50px;
	margin: 0 13px 13px 0;
	padding: 10px;
	background: url(images/bg-flickr-img.png) no-repeat left top;
}

.widget_ts_flickr .flickr_badge_image img {
	width: 50px;
	height: 50px;
}

.widget_ts_about .avatar {
	float: right;
	width: 60px;
	margin: 5px 0 10px 10px;
}

.widget_tag_cloud a {
	color: #767676;
	text-decoration: none;
}

.widget_ts_news {
	position: relative;
}

.widget_ts_news h3 {
	padding-left: 30px!important;
}

#news-rss {
	position: absolute;
	top: 0px;
	left: 0px;
}


/*  ##################################
    PLUGIN CSS
    ################################## */
    
.wpcf7 input, .wpcf7 textarea {
	width: 420px;
	height: 16px;
	padding: 6px 10px 8px;
	color: #767676;
	background: url(images/bg-input-text-1.png) no-repeat left top!important;
	border: none;
	overflow: auto;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", NanumGothic,"나눔고딕",NanumGothicWeb, Times, serif;
	font-style: italic;
	text-shadow: 1px 1px 0px #000;
}

.wpcf7 textarea {
	width: 600px;
	height: 138px;
    background: url(images/bg-input-textarea-1.png) no-repeat left top!important;
}

.wpcf7 .wpcf7-file {
	height: 25px;
	background: #fff!important;
	border: none;
}

.wpcf7 input.wpcf7-submit {
	width: auto;
	height: 30px;
	padding: 0 20px;
	background: transparent url(images/bg-input-submit.png) repeat left top!important;
	color: #fff;
	border: 1px solid #646464;
	text-shadow: -1px -1px 0px #000;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #101010;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	cursor: pointer;
}

.wpcf7 input.wpcf7-submit:hover {
	box-shadow: 0px 0px 5px #acacac;
	-moz-box-shadow: 0px 0px 5px #acacac;
	-webkit-box-shadow: 0px 0px 5px #acacac;
}

.wpcf7-validation-errors {
	margin: -5px 0 0;
	padding: 0 0 15px 20px;
	background: url(images/bg-error.png) no-repeat 0px 4px;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	position: absolute;
	top: -2px;
	left: 10px;
	color: #acacac;
	font-style: italic;
}


/*  ##################################
    CLEARING
    ################################## */
.entry {
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
}
.entry .admin {
	position: relative;
	margin: 0 0 25px;
	padding: 5px 0;
	background: transparent url(images/bg-divider.png) repeat-x left bottom;
}

.article {
	color:#eee;
	font-family: NanumGothic,"나눔고딕",NanumGothicWeb, "돋음", Arial, sans-serif;
}
.categoryInfo span {
	padding-right:5px;
}

.protectedInput input.text {
	background: url(images/bg-input-text-1.png) no-repeat scroll left top transparent;
	margin: 0 5px 20px 0;
	overflow: auto;
	width: 100px;
}

#TD_content p {
	color:#eee;
}
#TD_content a {
	color:#eee;
	text-decoration: none;
}
#TD_content .TD_more_title a, #TD_content .TD_more a {
	color:#333;
	text-shadow: 1px 1px 0 #FFFFFF;
}
.TD_more_title {
	line-height:13px;
}

.searchList li, .searchRplist li {
	line-height:25px;
	font-size:13px;
}
.searchList li a span {
	padding-left:5px;
}
.searchList li a {
	padding:5px;
}
.searchList li a:hover {
	background:url(images/bg-btn.png) repeat;
	text-decoration:none;
}


/*  ##################################
    CLEARING
    ################################## */

.clear {
	clear: both;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*  ################# 스타일 수정시 아래에서 사용하세요. ################# */