@charset "utf-8";

/**
 * 참조 사이트:
 * http://www.positioniseverything.net/easyclearing.html
 */

/***** 초기화 *****/
* { margin: 0; padding: 0; }

/***** anchor *****/
a { text-decoration: none; }
a img { border: none; }
a:link, a:visited { color: #666; }
a:hover, a:active { background-color: #111; color: #999; }

/***** 머리말 *****/
h2 { color: #333; font-size: 1em; }

/***** nl *****/
.nl { list-style: none; }
.nl li { display: inline; }

/***** 태그구름 *****/
.tagcloud { list-style: none; }
.tagcloud li { display:inline; line-height: 1.2em; }
.tagcloud .cloud5 { color: #666 !important; font-size: 1em; }
.tagcloud .cloud4 { color: #777 !important; font-size: 1.05em; }
.tagcloud .cloud3 { color: #999 !important; font-size: 1.1em; }
.tagcloud .cloud2 { color: #aaa !important; font-size: 1.15em; }
.tagcloud .cloud1 { color: #ccc !important; font-size: 1.2em; }

/***** 연장통 *****/
.toolbox { list-style: none; }
.toolbox li { display: inline; }

/***** 글 목록 *****/
.entries li { white-space: nowrap; overflow: hidden; }

/***** 바탕 *****/
body {
  background: black url("images/bg.png") repeat; color: #333; text-align: center;
  font: .8em "맑은 고딕", "Malgun Gothic", Verdana, Arial, Helvetica, sans-serif;
}
#container { width: 65em; margin: 1em auto; border: 1px solid #333; background-color: black; text-align: left; }

/***** 머리(/html/body/div#container/div#header) *****/
#header { padding: 0 1em; background-color: #111; }

/**** 블로그 제목(h1) ****/
h1 { float: left; padding: .5em 0; font-size: 1.5em; }
h1 a:link, h1 a:visited { color: #e16350; }

/**** 블로그 설명(p#blog-desc) ****/
#blog-desc { float: left; margin: 1em 0 0 1em; color: #5D3462; }

/**** 찾기 상자(div#search) ****/
#search { float: right; margin-top: 1em; vertical-align: center; }
#search input { border: 1px solid #333; background-color: #111; color: #999; }

/**** 네비게이션(ul#nav) ****/
#nav { clear: both; margin: 0 -1em; background-color: black; }
#nav a { padding: .5em 1em; }
#nav a:link, #nav a:visited { color: #666; }
#nav a:hover, #nav a:active { background-color: #111; color: #999; }

/***** 알림(/html/body/div#container/div#recent-notices) *****/
#recent-notices { margin: 1em 1em 0 1em; }
#recent-notices h2 { display: none; }
#recent-notices ul { margin: 0; padding: 0; list-style: none; }
#recent-notices li {
  display: inline;
  padding-left: 30px;
  background: url("images/iconNotice.gif") center left no-repeat;
}

/***** 몸통(/html/body/div#container/div#content) *****/
#content { margin-top: 1em; }

/**** 위치로그(/html/body/div#container/div#content/div#locallog) ****/
#locallog { margin: 0 1em; }
#locallog h2 { color: #ed7979; }
#locallog .spot { padding-left: 1em; background: url("images/iconDepth.gif") no-repeat; }
#locallog .depth-0 { margin-top: 1em; padding-left: 0; background-image: none; }
#locallog .depth-20  { margin-left: 1em; }
#locallog .depth-40  { margin-left: 2em; }
#locallog .depth-60  { margin-left: 3em; }
#locallog .depth-80  { margin-left: 4em; }
#locallog .depth-100 { margin-left: 5em; }
#locallog .depth-120 { margin-left: 6em; }
#locallog .depth-140 { margin-left: 7em; }

/**** 태그(/html/body/div#container/div#content/div#all-tags) ****/
#all-tags { margin: 0 1em; }
#all-tags h2 { color: #ed7979; }
#all-tags ul { margin-top: 1em; }

/*** 방명록(/html/body/div#container/div#content/div#guestbook) ***/
#guestbook h2 { margin: 0 1em; color: #ed7979; }

/**** ****/
#found-entries, #found-comments { margin: 0 1em; }
#found-comments { margin-top: 1em; }

/**** 글(/html/body/div#container/div#content/div.entry) ****/
.entry { margin-top: 1em; }

/* 글 제목(/html/body/div#container/div#content/div.entry/h2.entry-title) */
.entry-title { margin: 0 1em; }
.entry-title a:link, .entry-title a:visited { color: #ed7979; }

/* 글 메타 정보(/html/body/div#container/div#content/div.entry/ul.entry-meta) */
.entry-meta { margin: 0 1em; padding: 0; list-style: none; }
.entry-meta li { display: inline; color: #666; }
.entry-meta .label { color: #333; }
.entry-meta abbr { border-bottom: 0; }

/* 글 연장통 */
.entry-toolbox { margin: 0 1em; list-style: none; }
.entry-toolbox li { display: inline; }
.entry-toolbox li + li:before { content: "| "; }

/* 글 본문(/html/body/div#container/div#content/div.entry/div.entry-content) */
.entry-content { margin: 1em 1em 0 1em; color: #999; line-height: 1.5em; }

/* 앵커 */
.entry-content a:link, .entry-content a:visited { border-bottom: 1px dotted #ccc; color: #ccc; }
.entry-content a:hover, .entry-content a:active { background-color: #111; color: #fff; }
/* 바깥고리 */
.entry-content a.external, .entry-content a[rel~="external"] { padding-right: 13px; background: url("images/external.png") center right no-repeat; }

/* */
.entry-content ol, .entry-content ul { margin: 1.12em 0; margin-left: 40px; }
.entry-content p { margin: 1.33em 0; }

/* 머리말 */
.entry-content h3 { margin: 1em 0; font-size: 1em; }

/* 인용 */
.entry-content blockquote { padding: .25em 40px; background: url("images/quote.png") 5px .5em no-repeat; }
.entry-content blockquote p { margin: 0; font-style: italic; font-weight: bold; }
.entry-content blockquote cite { display: block; margin-top: .2em; font-style: normal; text-align: right; }

/* 다단(모질라 & 사파리 전용) */
.multicolumn[class] {
  -moz-column-count: 2; -moz-column-width: 20em; -moz-column-gap: 3em;
  -webkit-column-count: 2; -webkit-column-width: 20em; -webkit-column-gap: 3em;
}

/* 그림 */
.entry-content img { border: 1px solid #333; padding: 3px; }
.entry-content .center > img { max-width: 100%; height: auto; }
.imageblock { min-height: 1px; }
.imageblock a img { border: none; padding: 0; vertical-align: text-bottom; }

/** 캡션 **/
.imageblock .cap1, .videoblock .cap1 { margin: 0 !important; padding: 0; text-align: center; }

/** 코드 **/
.entry-content textarea {
display: block;
width: 100%; height: auto;
border: 1px solid #333;
background-color: #111; color: #999; white-space: pre; font: 12px mono;
}

/** 동영상 **/
.videoblock { text-align: center; min-height: 324px; }

.videoblock .toolbox { width: 402px; margin: 0; padding: 0; height: 18px; }
.videoblock > .toolbox { margin: 0 auto; }
.videoblock .toolbox li { display: block; float: right; cursor: pointer; }
.videoblock .openPopup { height: 18px; width: 48px; background: url("images/btn_large.gif") no-repeat; }
.videoblock .toolbox-before-cap1 { margin-bottom: -18px; }

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

.mvblock .videoblock { float: left; }
.mvblock .lyrics { float: right; height: 324px; padding: 0 1em; overflow: auto; }

/** 가사 **/
.lyrics { border: 1px solid #333; background-color: #111; text-align: center; }
.lyricsblock { text-align: center; }
.lyricsblock .lyrics { padding: 1em; }

/** 주석 **/
div.footnotes { clear: both; margin-top: 1em; border: 1px solid #333; background-color: #111; }

/*** 트랙백/댓글 ***/
.entry-feedback { clear: both; margin-top: 1em; }
.feedback-header { margin: 0 1em; }
.entry-feedback .toolbox { display: inline; }

.trackbacks { margin-top: 1em; }
.trackbacks h3, div.comments h3 { padding: .5em 1em; background-color: #111; font-size: 1em; }
.trackbacks h3 span { color: #666; }
.trackbacks ol { margin: 0 1em; list-style: none; }

.trackback { margin-top: 1em; }

.trackback-meta { display: inline; list-style: none; }
.trackback-meta li { display: inline; }
.trackback-meta .label { display: none; }

.trackback blockquote { color: #666; }
.trackback blockquote h4 { margin: .25em 0; font-size: 1em; }
.trackback blockquote p { margin: 0; }
.trackback blockquote > p { -moz-column-count: 2; -moz-column-width: 20em; -moz-column-gap: 3em; }

/*** 댓글 ***/
div.comments { margin-top: 1em; }

div.comments:after, #guestbook:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
div.comments, #guestbook { display: inline-table; }
/* Hides from IE-mac \*/
* html div.comments, * html #guestbook { height: 1%; }
div.comments, #guestbook { display: block; }
/* End hide from IE-mac */

#guestbook ol, div.comments ol { list-style: none; }
#guestbook-list, ol.comments { float: left; margin-left: 1em; width: 50%; }

.comment { margin-top: 1em; }
.replies .comment { margin-left: 4em; }

.comment-meta { display: inline; list-style: none; }
.comment-meta li { display: inline; }
.comment-meta .label { display: none; }
.comment-meta img { border: 1px solid #333; background-color: white; vertical-align: text-bottom; }

.comment .toolbox { display: inline; }

.comment blockquote { color: #999; }
.comment blockquote p { margin: 0; }
.comment blockquote p img { vertical-align: text-bottom; }

/** 쓰기 양식 **/
.comment-form { float: right; margin: 0; margin-right: 1em; padding: 1em; width: 40%; border: 1px solid #333; }
.comment-form .textfield, .comment-form .submit,
.comment-form textarea { border: 1px solid #333; background-color: #111; color: #999; }
.comment-form p { margin: 0; padding-top: .2em; }
.comment-form label { display: block; width: 100%; }
.comment-form legend { color: #333; }
.comment-form .name-row input, .comment-form .password-row input { width: 50%; }
.comment-form .homepage-row input { width: 100%; }
.comment-form .secret-row { float: right; }
.comment-form .secret-row label { display: inline; }
.comment-form .content-row { clear: both; }
.comment-form .content-row label { display: none; }
.comment-form textarea { width: 100%; font-size: 1em; color: #ccc; }
.comment-form .content-help kbd { padding: .2em; border: 1px solid #333; }
.comment-form .content-help img { vertical-align: text-bottom; }

/*** 페이지 바꾸기 ***/
#paging { margin-top: 1em; text-align: center; }
#paging .selected { color: #333 !important; }

/*** 사이드바? ***/
#extra { margin: 1em 1em 0 1em; border-top: 1px dotted #333; padding: 1em 0; overflow: hidden; }

#extra:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#extra { display: inline-table; }
/* Hides from IE-mac \*/
* html #extra { height: 1%; }
#extra { display: block; }
/* End hide from IE-mac */

.extra-section { float: left; width: 16.6%; }
* html #category { width: 15.5%; }

.extra-section ul { list-style: none; line-height: 1.2em; }
#category ul, #tagcloud ul, #tt-calendar-wrapper, #recent-entries ul, #recent-comments ul {
  margin-right: .5em; border-right: 1px dotted #333; padding-right: .5em; height: 12em;
  line-height: 1.2em; overflow: hidden;
}

/* 하위 범주에 생긴 선 없앰 */
#category ul ul { margin-right: 0; border-right: 0; padding-right: 0; height: auto; }

/** 태그구름 **/

/** 달력 **/
#calendar td { text-align: center; }
.cal_month > a:first-child,
.cal_month > a:last-child { font-size: xx-small; }
* html #calendar table { font-size: 1em; } /* IE에서 글씨 크기가 안 바뀜 */

/** 최근에 쓴 글 **/
#recent-entries .cnt { font-size: xx-small; line-height: 1em; }

/** 최근에 달린 댓글 **/
#recentComments a { display: block; }

/** 최근에 받은 트랙백 **/
#recent-trackbacks li a { display: block; }

/**** 꼬리 ****/
#footer { padding: .5em 1em; background-color: #111; }

#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer { display: inline-table; }
/* Hides from IE-mac \*/
* html #footer { height: 1%; }
#footer { display: block; }
/* End hide from IE-mac */

/*** 저작권 ***/
#copyright { float: left; margin: 0; }

/*** 배너 ***/
#banners { float: right; }
#banners li { float: left; }

#banners     a { margin-left: .5em; }
#cc-licensed a { margin-left: 0; }

#banners     a { display: block; height: 15px; width: 80px; background-repeat: no-repeat; text-indent: -999em; }
#cc-licensed a { background-image: url("images/button-cc.gif"); }
#valid-xhtml a { background-image: url("images/w3c_xhtml11.png"); }
#valid-css   a { background-image: url("images/w3c_css.png"); }
#tt-powered  a { background-image: url("images/tattertools.png"); }
#get-firefox a { background-image: url("images/getfirefox.gif"); }
#allblog     a { background-image: url("images/allblog.png"); }
#tistory     a { background-image: url("images/tistory.png"); }
#dnsever     a { background-image: url("images/dnsever.png"); }

/**** 통계 ****/
#stats { width: 65em; margin: -1em auto 0 auto; text-align: right; }
#stats h2 { display: none; }
#stats ul { list-style: none; }
#stats li { display: inline; }