/***********************************************/
/*  yuuren's blog - http://yuuren.tistory.com  */
/***********************************************/




@charset "utf-8";



		/** 초기화 **/

body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, pre, code, form,
fieldset, legend,
textarea, blockquote,
th, td, input, select
{
	margin: 0;
	padding: 0;
}
header, section,
article, aside, nav
{
	display: block;
	padding: 0;
	margin: 0;
}
table
{
	border-collapse: collapse;
}
img
{
	border: 0 none;
}
hr
{
	display: none;
}
dl, ul, ol, li
{
	list-style: none;
}
input, textarea
{
	outline: none;
}
.clear
{
	clear: both;
	height: 0;
}



		/** 공통 요소 **/

a
{
	transition-property: color;
	transition-duration: 0.8s;
	transition-timing-function: ease-out;
	text-decoration: none;
	color: #ddd;
}
a:hover
{
	text-decoration: none;
	color: #f1f292;
}
h2
{
	padding: 6px 10px 2px 10px;
	margin-left: -10px;
	border-radius: 6px;
	background: transparent url(alphaBlank0.png);
	font-weight: 400;
}



		/*** 기타 요소 ***/

.tt_more_preview_comments_wrap /* 댓글 펼치기 버튼(댓글이 100개 초과될 시 댓글목록 최상단에 생성됨) */
{
	padding: 8px 0;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
	font: 12px gulim;
	color: rgb(242, 203, 97);
}
.moreless_fold
{
	padding-left: 20px;
	background: url(show.png) 2px -1px no-repeat;
	color: #fbd7d8;
}
.moreless_top
{
	padding-left: 20px;
	background: url(hide.png) no-repeat;
	color: #fbd7d8;
}
.moreless_bottom
{
	padding-right: 20px;
	background: url(hide.png) right 0 no-repeat;
	text-align: right;
	color: #fbd7d8;
}
.moreless_fold:hover,
.moreless_top:hover,
.moreless_bottom:hover
{
	color: #f1f292;
}
.moreless_content
{
	margin-top: 10px;
}
.highlighted
{
	padding: 10px;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
}
.highlighted + .highlighted
{
	margin-top: 10px;
}



		/** 기본 레이아웃 **/

body
{
	color: #ddd;
	cursor: default;
}
section
{
	padding-bottom: 40px;
}
#wrapper
{
	position: relative;
}
#header
{
	display: none;
	height: 0;
}
#container
{
	position: relative;
	background: #454545 url(bg3.png) -50px bottom no-repeat;
}
#content
{
	position: relative;
	z-index: 2;
	float: right;
	padding: 50px 40px 30px 40px;
	border-left: 5px solid #333;
	background: url(bg1.png) -23px -18px no-repeat,
		    url(bg0.gif) repeat;
}
#sidebar
{
	float: left;
	width: 320px;
	padding-top: 10px;
}
#footer
{
	padding: 5px 0 5px 10px;
	border-top: 1px solid #999;
	background-color: #333;
	font: 12px gulim;
	color: #ddd;
}



		/*** 헤더 메뉴 ***/

#header li
{
	display: inline;
	margin-right: 20px;
	font-size: 1.6em;
	text-transform: uppercase;
}
#header li:before
{
	content: '::';
	padding: 0 5px;
	font-family: Sans-sserif;
	font-size: 0.8em;
}



		/** 글 목록 및 태그 로그 **/

#searchList h2 .category
{
	color: #a6b2ef;
}
#searchList .desc,
#tagLog .desc
{
	padding-top: 20px;
}
#searchList  ul
{
	position: relative;
}
#searchList li
{
	border-bottom: 1px dotted #eee;
	font-size: 1.3em;
}
#searchList .date
{
	margin-right: 20px;
	font-family: 'Open Sans Condensed', 'Raleway', sans-serif;
	font-size: 1.2em;
	font-style: italic;
}
#searchList li .cnt
{
	font-family: 'Exo', sans-serif;
	font-size: 0.8em;
	color: #fbd7d8;
}
#tagLog li
{
	display: inline;
	padding-bottom: 5px;
	margin-right: 10px;
	font-size: 1.3em;
}



		/** 갤러리 목록 **/

#searchList li.gallery.even
{
	left: 0;
}
#searchList li.gallery.odd
{
	right: 0;
}
#searchList li.gallery
{
	display: block;
	position: absolute;
	border: 0 none;
}
#searchList li.gallery .date
{
	position: absolute;
	right: 10px;
	z-index: 10;
	margin: 0;
	font-size: 0.8em;
}
#searchList li.gallery .cnt
{
	display: none;
}
#searchList li.gallery a
{
	display: block;
	position: relative;
	z-index: 9;
	overflow: hidden;
	width: inherit;
	height: inherit;
	border-radius: 10px;
	background: url(alphaBlank0.png);
	font-size: 0.7em;
}
#searchList li.gallery a.loading
{
	background: url(loading.png) no-repeat center center;
}
#searchList li.gallery a > span:first-child
{
	display: inline-block;
	position: relative;
	z-index: 8;
	overflow: hidden;
	padding: 3px 10px;
	border-top: 1px solid #ddd;
	background: url(alphaBlank0.png);
	text-overflow: ellipsis;
	white-space: nowrap;
}
#searchList li.gallery a > span + span
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
	width: inherit;
	height: inherit;
	background: url(gallery_cover.png) no-repeat,
		    url(alphaBlank0.png);
	background-size: cover, auto;
}
#searchList li.gallery a > span + span:hover
{
	opacity: 0.4;
}
#searchList li.gallery img
{
	display: none;
	position: absolute;
	z-index: 6;
}



		/** 방명록 **/

#guestbook .desc
{
	padding-top: 20px;
}
#guestbook .commentWrite
{
	padding: 0;
}
#guestbook .comment .desc
{
	padding-top: 8px;
}



		/** 포스트(공지글, 보호글 포함) **/

.post
{

}
.post:hover > .title nav
{
	display: block;
}
.post .title					/** 포스트 헤더(제목, 날짜 등) 스타일 시작 **/
{
	position: relative;
	overflow: visible;
}
.post .title h4
{
	display: inline;
	float: left;
	margin-right: 10px;
	font-weight: normal;
	font-size: 1em;
}
.post .title .date
{
	font-family: 'Open Sans Condensed', 'Raleway', sans-serif;
	font-style: italic;
	color: #fbd7d8;
}
.post .title .date:before
{
	content: ':: ';
}
.post .title .author
{
	float: left;
	padding: 0;
	font-family: 'Open Sans Condensed', 'Jeju Gothic', 'Nanum Gothic', sans-serif;
	color: #a6b2ef;
}
.post .title .author:before
{
	content: ':: Released by ';
	padding-right: 2px;
	color: #ddd;
}
.post .title .category
{
	float: right;
	padding: 2px 5px 0 0;
	margin: 0;
	font-size: 0.9em;
}
.post .title .category:before
{
	content: ':: ';
}
.post .title .edit				/** 포스트 수정·삭제 네비게이션(관리자 전용) 스타일 시작 **/
{
	display: none;
	position: absolute;
	bottom: -25px;
	right: 2px;
	padding: 5px;
	border-radius: 5px;
	line-height: 0;
	background: transparent url(alphaBlank0.png);
}
.post .title .edit a
{
	margin-right: 3px;
	font: 12px gulim;
}
.post .title .edit a:hover
{
	text-decoration: underline;
}
.post .protect					/** 보호글 스타일 시작 **/
{
	width: 220px;
	padding: 80px 0 50px 0;
	margin: 0 auto;
	text-align: center;
}
.post .protect input
{
	display: block;
	width: 240px;
	padding-bottom: 2px;
	margin: 0 0 10px 0;
	border: 0 none;
	border-bottom: 1px dotted #eee;
	background: transparent url(input.gif) center -16px no-repeat;
	font: 12px gulim;
	text-align: center;
	color: #fff;
}
.post .protect input:focus
{
	background: none;
}
.post .protect .submit
{
	display: block;
	width: 240px;
	height: 40px;
	background: transparent url(submit.png);
	cursor: pointer;
}
.post .desc					/** 공개글(일반 포스트) 스타일 시작 **/
{
	overflow: hidden;
	padding: 20px 0 15px 0;
	word-wrap: break-word;
}
.post .desc h3
{
	padding-left: 6px;
	margin-bottom: 20px;
	border-left: 5px solid #bdc8f5;
	border-bottom: 1px solid #bdc8f5;
	font-size: 1.3em;
}
.post .desc h4
{
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #bdc8f5;
}
.post .desc a
{
	color: #f7c2c3;
}
.post .desc a:hover
{
	text-decoration: underline;
}
.post .desc img
{
	border-radius: 10px;
}
.post .tag
{
	padding: 2px 0 0 25px;
	background: transparent url(tag.png) 0 1px no-repeat;
	font: 12px/1.6 gulim;
}
.post .tag p
{
	padding-bottom: 3px;
}
.post .tag a
{
	color: #f7c2c3;
}
.post .entry-ccl
{
	margin: 0 !important;
}
.post .entry .category				/** 카테고리 '더 보기' 목록 스타일 시작 **/
{
	padding: 8px;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
}
.post .entry h3
{
	padding-bottom: 3px;
	margin-bottom: 2px;
	border-bottom: 2px solid #ddd;
	font: 12px gulim;
}
.post .entry li
{
	position: relative;
	padding: 3px 0 0 5px;
	font-family: gulim;
	font-size: 12px;
}
.post .entry li a.current
{
	text-decoration: underline;
	color: #f7c2c3;
}
.post .entry li a:hover
{
	text-decoration: underline;
}
.post .entry .name > span
{
	color: rgb(242, 203, 97);
	font-size: 0.9em;
}
.post .entry .date
{
	position: absolute;
	right: 3px;
	font-family: 'Open Sans Condensed', 'Raleway', sans-serif;
	font-style: italic;
	font-size: 1.0em;
	color: #fbd7d8;
}
.post .toggle					/** 댓글, 트랙백 트레일 네비게이션 스타일 시작 **/
{
	padding: 2px;
	margin-top: 10px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-family: 'Exo';
}
.post .toggle a
{
	margin-right: 10px;
	text-transform: capitalize;
}
.post .toggle .cnt
{
	font-size: 0.8em;
	color: #a6b2ef;
}



		/** 트랙백 목록 **/

.tb
{
	padding-top: 10px;
	font: 12px gulim;
}
.tb nav
{
	padding: 8px 8px 4px 8px;
	margin: 0;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
}
.tb li
{
	padding: 15px;
	margin-top: 10px;
	background: transparent url(alphaBlank0.png);
	border-radius: 5px;
}
.tb h3
{
	font: bold 12px gulim;
}
.tb .desc
{
	padding: 8px 0;
	margin: 8px 0 0 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	word-wrap: break-word;
}
.tb .info
{
	position: relative;
	padding-top: 8px;
}
.tb .info span
{
	float: none;
	padding: 0 5px 0 0;
	font: 12px gulim !important;
}
.tb .author:before
{
	content: ':: Tracked by ';
}
.tb .date
{
	color: #fbd7d8;
}
.tb .date:before
{
	content: ':: ';
}
.tb .del
{
	position: absolute;
	right: 0;
	color: #a6b2ef;
}
.tb .del:hover
{
	text-decoration: underline;
}



		/** 댓글 영역 **/

.comment ol					/** 댓글목록 스타일 시작**/
{
	padding-top: 10px;
}
.comment ul
{
	margin-top: 10px;
	border-top: 2px solid #a6b2ef;
}
.comment ol li:first-child
{
	margin: 0;
}
.comment ul li:first-child > .commentBox
{
	border: 0 none;
}
.comment .commentEntry
{
	padding: 15px;
	margin-top: 10px;
	border-radius: 5px;
	background: url(bg2.png) right bottom no-repeat,
		    url(alphaBlank0.png);
}
.comment .commentReply
{
	padding: 0 0 0 40px;
	margin: 10px 0 0 0;
	background: transparent url(reply.png) 5px 15px no-repeat;
}
.comment .commentReply .commentBox
{
	padding: 10px 0 0 0;
	border-top: 1px dotted #a6b2ef;
}
.commentBox
{
	font: 12px/1.6 gulim;
}
.commentBox .desc
{
	min-height: 15px;
	padding: 5px 0 0 55px;
	word-wrap: break-word;
}
.commentBox .desc p
{
	font-size: 12px;
}
.commentBox.rp_secret .desc,
.commentBox.guest_secret .desc
{
	color: #a6b2ef;
}
.commentNav
{
	position: relative;
	padding-left: 55px;
}
.commentNav a:hover
{
	text-decoration: underline;
}
.commentNav .edit
{
	position: absolute;
	top: 0;
	right: 0;
}
.commentNav .edit a
{
	margin: 0 0 0 3px;
	color: #a6b2ef;
}
.commentNav .info
{
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}
.commentNav .info span
{
	margin-right: 6px;
}
.commentNav .info span:before
{
	content: ':: ';
}
.commentNav .info a
{
	color: #a6b2ef;
}
.commentNav .date
{
	font-family: gulim;
	font-style: normal;
	color: #fbd7d8;
}
.commentNav img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	background-color: #fff;
}
.commentWrite					/** 댓글쓰기창 스타일 시작 **/
{
	position: relative;
	padding-top: 10px;
}
.commentWrite textarea
{
	float: left;
	height: 120px;
	padding: 10px;
	border: 0 none;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
	font: 12px gulim;
	color: #ddd;
	overflow-x: hidden;
	overflow-y: auto;
}
.commentWrite .form
{
	float: right;
	padding-top: 3px;
}
.commentWrite input
{
	display: block;
	width: 240px;
	padding-bottom: 2px;
	margin: 0 0 10px 0;
	border: 0 none;
	border-bottom: 1px dotted #eee;
	background: transparent no-repeat;
	font: 12px gulim;
	color: #fff;
}
.commentWrite input:focus
{
	background: none;
}
.commentWrite .name
{
	background-image: url(input.gif);
}
.commentWrite .password
{
	background-image: url(input.gif);
	background-position: 0 -16px;
}
.commentWrite .homepage
{
	background-image: url(input.gif);
	background-position: 0 -32px;
}
.commentWrite .secret
{
	position: absolute;
	bottom: 50px;
	right: 148px;
	height: 13px;
}
.commentWrite .secretBox
{
	display: inline;
	width: 13px;
	padding: 0;
	margin: 0;
	border: 0 none;
	background: none;
}
.commentWrite label
{
	position: relative;
	top: -2px;
	font-family: 'Open Sans Condensed';
	font-size: 14px;
}
.commentWrite .submit
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 240px;
	height: 40px;
	background: transparent url(submit.png) no-repeat;
	cursor: pointer;
}



		/** 페이징 **/

#paging
{
	padding-top: 10px;
	font-size: 1.2em;
	text-align: center;
}
#paging a
{
	display: inline-block;
	width: 30px;
	height: 27px;
	padding-top: 3px;
}
#paging a.no-more-prev,
#paging a.no-more-next
{
	visibility: hidden;
}
#paging .pageNum
{
	width: auto;
	height: 30px;
	margin: 0 3px;
}
#paging .selected
{
	font-weight: bold;
	color: #a6b2ef;
}
#pageIndex-pre,
#pageIndex-next
{
	background: transparent url(paging_btn.png) no-repeat;
}
#pageIndex-pre
{
	margin-right: 30px;
	background-position: 0 0;
}
#pageIndex-next
{
	margin-left: 30px;
	background-position: right 0;
}



		/*** 풋터(저작권 표시) ***/

#footer span
{
	color: #a6b2ef;
}
#footer a
{
	color: #fbd7d8;
}
#footer a:hover
{
	text-decoration: underline;
}



		/*** 메인 인트로 스타일 ***/

body.tedition_blog[data-intro=true]
{
	background: url(bg5.png) no-repeat left top,
		    url(bg4.png) no-repeat right bottom,
		    url(bg0.gif) repeat;
}
.tedition_blog[data-intro=true] #header
{
	display: block;
	height: auto;
	padding: 30px 0;
	border-bottom: 5px solid #333;
	background: transparent url(alphaBlank0.png);
	text-align: center;
}
.tedition_blog[data-intro=true] #container
{
	padding: 80px 0;
	margin: 0 auto;
	background: transparent none;
}
.tedition_blog[data-intro=true] #content
{
	position: relative;
	overflow: hidden;
	float: none;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	border: 0 none;
	background: none;
}
.tedition_blog[data-intro=true] #content section,
.tedition_blog[data-intro=true] #content nav
{
	display: none;
}
.tedition_blog[data-intro=true] #content > .scrollbars
{
	top: 0;
}
.tedition_blog[data-intro=true] #content:hover > .scrollbars
{
	display: block;
}
.tedition_blog[data-intro=true] #title
{
	position: relative;
	width: 0;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
	font-size: 1.4em;
}
.tedition_blog[data-intro=true] #title h1
{
	display: block;
	position: relative;
	padding: 50px 0;
	background: url(bg1.png) no-repeat left bottom;
}
.tedition_blog[data-intro=true] #title + a
{
	display: block;
	float: left;
	width: 120px;
	padding: 5px 10px;
	border-radius: 5px;
	background: url(alphaBlank0.png);
	font-family: 'Raleway', Sans-serif;
	font-size: 0.9em;
	text-align: center;
}
.tedition_blog[data-intro=true] #title + a:after
{
	content: '▼';
	margin-left: 10px;
}
.tedition_blog[data-intro=true] #player
{
	float: right;
	width: auto;
	padding: 3px 10px;
	border-radius: 5px;
	background: url(alphaBlank0.png);
}
.tedition_blog[data-intro=true] #player .screen
{
	display: none;
}
.tedition_blog[data-intro=true] #player .console
{
	padding: 0;
	background: none;
}
.tedition_blog[data-intro=true] #player .bar
{
	display: none;
}
.tedition_blog[data-intro=true] #player .buttons
{
	display: block;
}
.tedition_blog[data-intro=true] #player .buttons a:last-child
{
	margin: 0;
}
.tedition_blog[data-intro=true] #category
{
	display: none;
	position: absolute;
	padding: 10px 15px;
	margin: 20px 0;
	border-radius: 5px;
	background: url(alphaBlank1.png);
	font-family: 'Open Sans Condensed', 'Jeju Gothic', 'Nanum Gothic', gulim;
}
.tedition_blog[data-intro=true] #category.visible
{
	position: static;
}
.tedition_blog[data-intro=true] #category h3
{
	display: none;
}
.tedition_blog[data-intro=true] #category .nodeEntry
{
	display: block;
	padding-left: 10px;
}
.tedition_blog[data-intro=true] #category .topNode:before
{
	content: '§';
	margin-right: 8px;
}
.tedition_blog[data-intro=true] #category .topNode > a
{
	color: #f7c4d6;
}
.tedition_blog[data-intro=true] #category .midNode:before
{
	content: '::';
	margin-right: 8px;
	font-family: 'Open Sans Condensed', Sans-serif;
}
.tedition_blog[data-intro=true] #category .lastNode
{
	display: inline;
	margin-right: 10px;
}
.tedition_blog[data-intro=true] #category .lastNode:before
{
	content: '>';
	margin-right: 8px;
	font-family: 'Open Sans Condensed', Sans-serif;
}
.tedition_blog[data-intro=true] #ttCanvas
{
	overflow: hidden;
	height: 0;
	padding: 20px;
	border-radius: 5px;
	background: url(alphaBlank1.png) repeat;
}
.tedition_blog[data-intro=true] #ttCanvas a
{
	border-radius: 5px;
}
.tedition_blog[data-intro=true] #ttCanvas img.tt-post-thumb
{
	margin: 0 !important;
}
.tedition_blog[data-intro=true] #ttCanvas .tt-post-etcinfo,
.tedition_blog[data-intro=true] #ttCanvas .tt-post-etcinfo span,
.tedition_blog[data-intro=true] #ttCanvas .tt-post-etcinfo span a
{
	opacity: 1.0 !important;
}
.tedition_blog[data-intro=true] #ttCanvas .tt-post-category a
{
	font-family: 'Open Sans Condensed', Sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #a6b2ef;
}
.tedition_blog[data-intro=true] #ttCanvas .tt-post-date
{
	font-family: 'Open Sans Condensed', Sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #f7c4d6;
}
.tedition_blog[data-intro=true] #ttCanvas .tt-post-category a:before,
.tedition_blog[data-intro=true] #ttCanvas .tt-post-date:before
{
	content: '::';
	padding-right: 5px;
}
.tedition_blog[data-intro=true] #sidebar,
.tedition_blog[data-intro=true] #expand
{
	display: none;
	height: 0;
	padding: 0;
}



		/** 기본 사이드바 개관 **/

#sidebar #config
{
	position: relative;
	width: 260px;
	padding-bottom: 10px;
	margin: 0 auto;
	font-size: 18px;
}
#sidebar #config a
{
	display: inline-block;
	min-width: 0;
}
#sidebar #config a.toggle
{
	width: auto;
	padding-right: 35px;
	background: transparent url(expand_btn.png) right 9px no-repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.1em;
	text-transform: capitalize;
}
#sidebar #config a.toggle.expanded
{
	background-image: url(collapse_btn.png)
}
#sidebar #config a.guestbook
{
	position: absolute;
	top: 3px;
	right: 40px;
	width: 32px;
	height: 25px;
	background: transparent url(guestbook_btn.png) no-repeat;
}
#sidebar #config a.admin
{
	position: absolute;
	top: 3px;
	right: 0;
	width: 25px;
	height: 25px;
	background: transparent url(admin_btn.png) no-repeat;
}
#sidebar .module
{
	width: 260px;
	margin: 0 auto 20px auto;
	font: 12px/1.6 gulim;
	text-transform: capitalize;
}
#sidebar h3
{
	line-height: 1.5;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 300;
	text-transform: capitalize;
	color: #999;	
}
#sidebar a
{
	color: #999;
}
#sidebar a:hover
{
	color: #f1f292;
}
#title						/** 블로그 타이틀 스타일 시작 **/
{
	margin-bottom: 30px !important;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
}
#title h1
{
	padding: 40px 0;
	font-weight: 600;
	line-height: 1.0;
	text-shadow: 0px -2px 0px #222, 0px 1px 1px #666;
}
#profile img					/** 프로필 스타일 시작 **/
{
	display: block;
	width: 260px;
	border-radius: 10px;
	line-height: 1.0;
}
#search h3:first-letter				/** 검색모듈 스타일 시작 **/
{
	color: #44a97a;
}
#search input
{
	width: 200px;
	padding: 15px 45px 15px 15px;
	margin: 0 0 0 0;
	border: 0 none;
	border-radius: 5px;
	background-color: transparent;
	background-image: url(search.png),
			  url(alphaBlank0.png);
	background-repeat: no-repeat, repeat;
	background-position: 220px 10px, 0 0;
	font: 12px gulim;
	color: #ddd;
}



		/*** 확장 사이드바 개관 ***/

#expand
{
	display: none;
	top: 0;
	left: 320px;
	z-index: 1;
	float: right;
	width: 600px;
	padding: 0 0 0 40px;
	margin: 50px 0 0 0;
	border-left: 1px dashed #999;
}
#expand .module
{
	float: left;
	width: 260px;
	min-height: 160px;
	margin: 0 40px 30px 0;
	font: 12px/1.6 gulim;
}
#expand .module_plugin
{
	width: auto;
	min-width: 260px;
}
#expand h3
{
	border-bottom: 1px solid #ccc;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2;
	text-transform: capitalize;
	color: #999;	
}
#expand h3 + ul
{
	padding-top: 8px;
}
#expand h3 + ul li
{
	padding-bottom: 2px;
}
#expand a
{
	color: #999;
}
#expand a:hover
{
	color: #f1f292;
}
#expand a:before
{
	content: ':: ';
	margin-right: 2px;
	font-size: 0.8em;
	color: #999;
}



		/** 공지사항 및 카테고리 **/

#notice h3::first-letter
{
	color: #92a0e9;
}
#notice li
{
	line-height: 1.3;
}
#notice a:before
{
	content: ':: ';
	font-family: sans-serif;
	font-size: 0.8em;
	color: #999;
}
#category h3:first-letter
{
	color: #c78383;
}
#category ul span
{
	display: inline-block;
	position: absolute;
	width: 17px;
	background: transparent url(tree3.gif) repeat-y;
}
#category .nodeEntry
{
	display: none;
	padding: 0;
	margin: 0;
}
#category .c_cnt
{
	position: static !important;
	width: auto !important;
	background: none !important;
	font-family: 'Open Sans Condensed';
	font-size: 0.6em;
	color: #a6b2ef;
}



		/** 최신 글, 최근 댓글, 최근 트랙백, 태그 클라우드, 어카이브, 달력 **/

#recentPs h3:first-letter			/** 최신 글 스타일 시작 **/
{
	color: #d997f8;
}
#recentPs .cnt
{
	font-size: 0.9em;
	color: #fbd7d8;
}
#recentCmt h3:first-letter			/** 최근 댓글 스타일 시작 **/
{
	color: #a3e797;
}
#recentCmt .date
{
	font-size: 0.9em;
	color: #fbd7d8;
}
#recentTb h3:first-letter			/** 최근 트랙백 스타일 시작 **/
{
	color: #eed59f;
}
#recentTb .date
{
	font-size: 0.9em;
	color: #fbd7d8;
}
#tagCloud h3:first-letter			/** 태그 클라우드 스타일 시작 **/
{
	color: #eaf172;
}
#tagCloud li
{
	display: inline;
	margin-right: 3px;
}
#tagCloud a:before
{
	content: '' !important;
}
#archive h3:first-letter			/** 어카이브 스타일 시작 **/
{
	color: #f7c4d6;
}
#archive .cnt
{
	font-size: 0.9em;
	color: #fbd7d8;
}
#calendar h3:first-letter			/** 달력 스타일 시작 **/
{
	color: #7ed0e8;
}
#calendar td
{
	text-align: center;
}
#calendar a:before
{
	content: '' !important;
}
#calendar .cal_month 
{
	padding: 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
	font-weight:bold;
}
#calendar .cal_month a
{
	color: #ddd;
}
#calendar .cal_week1 
{
	font-weight:normal;
}
#calendar .cal_week2
{
	font-weight: normal;
	color: #fbd7d8;
}
#calendar .cal_week
{
	padding: 3px 0;
}
#calendar .cal_current_week
{
	background: url(alphaBlank0.png);
}
#calendar .cal_day_sunday
{
	color: #fbd7d8;
}
#calendar .cal_day4
{
	color: #a6b2ef; 
}
#calendar a.cal_click
{
	color:#f58d12;
	text-decoration:underline;
}



		/** RSS Reader **/

#activity.module
{
	width: auto;
	padding: 10px;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);
}
#activity h3:first-letter
{
	color: #c4d7f7;
}
#activity ul
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
}
#activity a
{
	display: inline;
	min-width: 0;
	color: #ddd;
}
#activity a:before
{
	content: '';
}
#activity .moduleContainer
{
	overflow: hidden;
	padding: 6px 0;
}
#link						/** RSS Reader 링크모듈 **/
{
	float: left;
	width: 180px;
	height: 180px;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}
#link nav
{
	position: relative;
	padding-bottom: 8px;
	line-height: 1.2;
	color: #fbd7d8;
}
#link nav a
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 42px;
	width: 13px;
	height: 13px;
	background: url(icon_btn.png) center top no-repeat;
	opacity: 1.0;
}
#link nav > a:last-child
{
	right: 24px;
	background-image: url(list_btn.png);
}
#link ul
{
	width: 180px;
}
#link li
{
	position: relative;
	padding: 0 0 5px 0;
	line-height: 1.2;
}
#link li a
{
	margin-right: 5px;
}
#link li a:before
{
	content: ':: ';
}
#link li a.icon
{
	display: inline-block;
}
#link li a + img
{
	width: 11px;
	height: 11px;
}
#link li a > img
{
	width: 42px;
	height: 42px;
	margin: 0;
	border: 1px solid #fff;
}
#link li[data-type=icon]
{
	display: inline-block;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0 6px 6px 0;
}
#link li[data-type=icon] > a:before
{
	content: '';
}
#link li[data-type=icon] > a + img
{
	position: absolute;
	top: 2px;
	left: 4px;
	z-index: 8;
}
#rss						/** RSS Reader 피드모듈 **/
{
	float: left;
	width: 340px;
	height: 180px;
	padding: 0;
	margin: 0;
}
#rss nav
{
	padding-bottom: 8px;
	line-height: 1.2;
}
#rss nav a
{
	color: #a6b2ef;
}
#rss nav a:hover
{
	text-decoration: underline;
}
#rss ul
{
	width: 340px;
}
#rss li
{
	padding: 6px !important;
	margin-top: 5px;
	border-radius: 5px;
	background: transparent url(alphaBlank1.png);
}
#rss li:hover
{
	background-color: #121212;
}
#rss li:first-child
{
	margin: 0;
}
#rss .feed a,
#rss .feed span
{
	display: block;
}
#rss .feed a
{
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #999;
	color: #f1f292;
}
#rss .feed .date
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
}
#counter					/** 방문자 카운터 스타일 시작 **/
{
	clear: both;
	padding: 6px 0 0 2px;
	border-top: 1px solid #ccc;
	font-family: Arial, Sans-serif;
	text-align: center;
}
#counter .total
{
	color: #a1c1ea;
}
#counter .today
{
	color: #e1b78d;
}
#counter .yesterday
{
	color: #f6e25e;
}



		/** 뮤직박스 **/

#musicBox.module
{
	position: relative;
	width: auto;
	height: 140px;
	min-height: 0;
	padding: 10px;
	border-radius: 5px;
	background: transparent url(alphaBlank0.png);	
}
#musicBox h3:first-letter
{
	color: #a93f80;
}
#musicBox .moduleContainer
{
	float: left;
}
#musicBox a
{
	min-width: 0;
}
#musicBox a.toggle
{
	display: block;
	position: absolute;
	top: 14px;
	left: 223px;
	width: 26px;
	height: 24px;
	background: url(playList_btn.png);
}
#musicBox a.toggle:before
{
	content: '';
}
#player						/** 뮤직플레이어 스타일 시작 **/
{
	width: 240px;
}
#player a:before
{
	content: '';
}
#player .screen
{
	height: 60px;
	padding: 0 4px;
	font-size: 0.9em;
	line-height: 1.2;
}
#player .screen.loading
{
	background: transparent url(loading.gif) center 15px no-repeat;
}
#player .screen.errored
{
	background: none;
}
#player .screen div
{
	overflow: hidden;
	width: 230px;
	padding-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#player .screen .title
{
	padding-top: 6px;
	color: #f7c4d6;
}
#player .screen .duration
{
	color: #f7c4d6;
}
#player .screen .target
{
	color: #a6b2ef;
}
#player .console
{
	padding: 0 10px;
	background: transparent url(player.png) no-repeat;
}
#player .bar
{
	height: 5px;
	padding-top: 13px;
}
#player .length
{
	overflow: hidden;
	float: left;
	width: 190px;
	height: 3px;
	border: 1px solid #222;
	border-radius: 5px;
	box-shadow: 0 0 1px #ddd;
	background-color: #293138;
	cursor: pointer;
}
#player .length div
{
	width: 0;
	height: 3px;
}
#player .loaded
{
	border-radius: 5px;
	background-color: #676767;
}
#player .progress
{
	border-radius: 5px;
	background-color: #f69d9d;
}
#player #timer
{
	float: right;
	width: 25px;
	height: 10px;
	margin: -1px 2px 0 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 0.9em;
	font-style: italic;
	line-height: 0.8em;
	text-align: right;
}
#player .buttons
{
	height: 12px;
	padding: 8px 3px 4px 3px;
}
#player .buttons a
{
	display: inline-block;
	height: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
}
#player .buttons a.pre
{
	width: 7px;
	background: url(preplay_btn.png);
}
#player .buttons a.next
{
	width: 7px;
	background: url(nextplay_btn.png);
}
#player .buttons a.play
{
	width: 7px;
	background: url(play_btn.png);
}
#player .buttons a.pause
{
	width: 7px;
	background: url(pause_btn.png);
}
#player .buttons a.stop
{
	width: 8px;
	margin-right: 10px;
	background: url(stop_btn.png);
}
#player .buttons a.none
{
	width: 28px;
	margin-right: 2px;
	background: url(one-time_btn.png) 0 1px;
}
#player .buttons a.loop
{
	width: 28px;
	margin-right: 2px;
	background: url(repeat-loop_btn.png) 2px 1px;
}
#player .buttons a.all
{
	width: 28px;
	margin-right: 2px;
	background: url(repeat-all_btn.png) 0 1px;
}
#player .buttons a.ordered
{
	width: 36px;
	background: url(none_btn.png) 0 1px;
}
#player .buttons a.shuffled
{
	width: 36px;
	background: url(random_btn.png) 0 1px;
}
#playList					/** 재생목록 스타일 시작 **/
{
	float: right;
	width: 230px;
	height: 130px;
	padding: 5px;
	margin-left: 60px;
	border-radius: 5px;
	background: transparent url(alphaBlank1.png);
	line-height: 1.3;
}
#playList:hover
{
	background-color: #121212;
}
#playList[data-display=show]
{
	display: block;
}
#playList[data-display=hide]
{
	display: none;
}
#playList h4
{
	padding: 0 0 8px 6px;
	font-weight: normal;
	color: #a6b2ef;
}
#playList ul
{
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
}
#playList li
{
	overflow: hidden;
	padding: 0 0 2px 0;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #999;
}
#playList a
{
	display: block;
	overflow: hidden;
	width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #f1f292;
}
#playList a.playing
{
	color: #f7c4d6;
}
#playList a.playing:before
{
	content: ':: ♪ ';
	color: #ed8735;
}
#playList a:hover
{
	color: #fff;
}



		/** 기본 사이드바 및 확장 사이드바 서로간의 모듈이동에 따른 재정렬 요소 **/

#sidebar #category				/* 기본 사이드바 카테고리 스타일 시작 */
{
	line-height: 1.3;
}
#sidebar #category li
{
	position: relative;
}
#sidebar #category a
{
	display: inline-block;
	min-width: 230px;
}
#sidebar #category .nodeEntry
{
	line-height: 1.2;
}
#sidebar #category .lastNode
{
	font-size: 0.9em;
}
#sidebar #category .lastNode a:before
{
	content: ':: ';
	font-family: sans-serif;
	font-size: 0.8em;
	color: #999;
}
#sidebar #category .btn.none
{
	display: none !important;
}
#sidebar #category .midNode > .btn
{
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 0;
	width: 19px;
	height: 20px;
	background: transparent url(category_btn.png) no-repeat;
	cursor: pointer;
}
#sidebar #category .nodeEntry > span
{
	display: none;
}
#expand #category				/* 확장 사이드바 카테고리 스타일 시작 */
{
	min-height: 330px;
}
#expand #category a:before
{
	content: '';
}
#expand #category ul
{
	position: relative;
	overflow: hidden;
}
#expand #category ul ul
{
	padding: 0;
	margin: 0;
}
#expand #category li
{
	line-height: 1.6;
}
#expand #category ul span
{
	display: inline-block;
	position: absolute;
	width: 17px;
	background: transparent url(tree3.gif) repeat-y;
}
#expand #category .btn
{
	width: 39px;
	height: 17px;
	cursor: pointer;
}
#expand #category .btn.none
{
	background: url(tree1.gif) !important;
}
#expand #category > ul > li > span.btn
{
	width: 16px;
	height: 22px;
	background: url(tree0.gif) !important;
}
#expand #category .topNode a
{
	margin-left: 16px;
}
#expand #category .midNode
{
	position: relative;
	padding: 0;
}
#expand #category .midNode a
{
	margin-left: 38px;
}
#expand #category .midNode:last-child .nodeEntry > span
{
	display: none;
}
#expand #category .lastNode
{
	padding: 0;
}
#expand #category .lastNode span
{
	left: 17px;
	width: 22px;
	height: 18px;
	background: url(tree2.gif);
}
#expand #category .bottomNode span
{
	background: url(tree4.gif);
}
#expand #category .btn.closed
{
	background: url(tree_closed.gif);
}
#expand #category .btn.opened
{
	background: url(tree_opened.gif);
}
#sidebar #activity.module			/* 기본 사이드바 RSS Reader 스타일 시작 */
{
	width: 240px;
}
#sidebar #link
{
	width: 240px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
#sidebar #link nav a
{
	right: 48px;
}
#sidebar #link nav > a:last-child
{
	right: 30px;
}
#sidebar #link ul
{
	width: 220px;
}
#sidebar #rss
{
	width: 240px;
	margin-top: 10px;
}
#sidebar #rss ul
{
	width: 240px;
}
#sidebar #musicBox				/* 기본 사이드바 뮤직박스 스타일 시작 */
{
	width: 240px;
	height: auto;
}
#sidebar #playList
{
	margin: 15px 0 0 0;
}
#sidebar #playList a:before
{
	content: ':: ';
	margin-right: 2px;
	font-size: 0.8em;
	color: #999;
}
#sidebar #playList a.playing:before
{
	content: ':: ♪ ';
	color: #ed8735;
}
#expand #search input				/* 확장 사이드바 검색모듈 스타일 시작 */
{
	margin-top: 10px;
}



		/*** 모듈 스크롤바(가급적 수정금지!) ***/

#link:hover > .scrollbars,
#rss:hover > .scrollbars,
#playList:hover > .scrollbars
{
	display: block;
}
#playList .scrollbars
{
	height: 100px;
}
.scrollbars
{
	display: none;
	position: absolute;
	top: 30px;
	right: 2px;
	z-index: 9;
	width: 5px;
	height: 140px;
	border-radius: 5px;
	background-color: #666;
	opacity: 0.6;
}
.dragger
{
	position: absolute;
	top: 0;
	width: 5px;
	border-radius: 5px;
	background-color: #333;
	opacity: 0.8;
}



		/*** 자동재생 알림 네비게이션 ***/

#guideline
{
	position: fixed;
	bottom: 0;
	z-index: 10;
	font: 14px/1.5 'Jeju Gothic', 'Nanum Gothic', gulim;
}
#guideline .desc
{
	position: absolute;
	bottom: -130px;
	width: 550px;
	height: 70px;
	padding: 15px 15px 5px 15px;
	border-radius: 10px 10px 0 0;
	background: #333;
}
#guideline p:before
{
	content: '* ';
}
#guideline p:last-child span:first-child
{
	color: #a1c1ea;
}
#guideline p:last-child span:nth-child(2)
{
	color: #b9eda2;
}
#guideline p:last-child span:nth-child(3)
{
	color: #e1b78d;
}
#guideline p:last-child span:nth-child(4)
{
	color: #f6e25e;
}
#guideline p:last-child span:last-child
{
	color: #dc92f1;
}