﻿@charset "utf-8";

/* layout */
#left {
min-width: 300px;
padding: 10px;
float: left;
text-align: right;
}

#title {
margin-left: 10px;
margin-bottom: 100px;
line-height: 30px;
}

#center {
width: 430px;
margin-top: 10px;
padding: 10px;
border: solid 5px #E0FFE0;
background-color: #FFF;
float: left;
}

#entry,
#entryProtected {
margin-bottom: 50px;
}

#paging {
margin-bottom: 20px;
text-align: center;
}

#right {
width: 180px;
padding: 10px;
float: left;
}

#tagbox li,
#taglog li {
display: inline;
}

/* tag style */
body {
margin: 0 0 50px 0;
padding: 0px;
font: 9pt "맑은 고딕", "돋움", tahoma, apple-gothic;
color: #555;
background-color: #F8FFF8;
line-height: 150%;
text-align: justify;
}

a:link { color: #066; text-decoration: none; }
a:active { color: #066; text-decoration: none; }
a:visited { color: #066; text-decoration: none; }
a:hover { color: #AAA; text-decoration: none; }

img {
border: 0;
padding: 0;
margin: 0;
}

input {
border:1px solid #E0FFE0;
background-color: #FDFFFD;
}

textarea {
border:1px solid #E0FFE0;
background-color: #FDFFFD;
}

blockquote {
border-left: solid 3px #E0FFE0;
border-right: solid 3px #E0FFE0;
padding: 0 10px;
}

ul.skin {
margin: 0px;
padding: 0px;
list-style: none;
}

/* class style */
.blogTitle {
font-size: 18pt;
font-weight: bold;
}

.blogDesc {
color: #66CDAA;
font-size: 12pt;
font-weight: bold;
}

.menuMargin {
margin-bottom: 10px;
}

.menuTitle {
color: #66CDAA;
font-size: 11pt;
font-weight: bold;
}

.counterNumber {
color:#999;
font-size:8pt;
}

.author {
font-weight: bold;
}

.authorRecent {
font-weight: bold;
color: #999;
}

.skinName {
color:#66CDAA;
font-weight: bold;
}

.date {
font-size: 7pt;
color: #888;
}

.entryTitle {
font-size: 11pt;
font-weight: bold;
}

.entryInfo {
border-bottom: solid 1px #E0FFE0;
}

.entryDetail {
margin: 10px 0 10px 0;
line-height: 160%;
}

.tagTitle {
color: #66CDAA;
font-weight: bold;
}

.entryAction {
border-bottom: solid 1px #E0FFE0;
margin-bottom: 10px;
}

.trackbackAddress {
padding: 5px 0 5px 0;
text-align: center;
font-weight: bold;
background-color: #FAFFFA;
border-top: solid 1px #E0FFE0;
border-bottom: solid 1px #E0FFE0;
}

.trackbackList li,
.guestList li,
.replyList li {
padding: 5px 0 5px 0;
border-bottom: dashed 1px #7ECDAA;
}

.replyReply li {
margin-top: 5px;
padding: 5px;
background-color: #FAFFFA;
border: 1px solid #E0FFE0;
}

.button {
width: 400px;
height: 30px;
}

.trackbackTitle,
.replyTitle {
font-weight: bold;
color: #AAA;
}

.replyWrite {
margin-top: 20px;
}

.guestWrite {
margin-bottom: 20px;
}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#f30;}
    .no-more-prev,
	.no-more-next { color:#ccc;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#F8FFF8;}
    .cal_current_week       { background-color:#EAFFEA;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#AAA;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             {  }
    .rp_admin               { background:url(./images/iconAdmin.gif) no-repeat; }
    .rp_secret              { color:#f30;   font-weight:bold; }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(./images/iconAdmin.gif) no-repeat;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#AAA; margin:0; text-align:center;}
/* 그림 */
    .imageblock             { border:0;  padding:5px;  margin:5px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#FFFFFF; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#FFFFFF; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#333;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#333;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#333; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
.cloud1    { background-color:#EAFFEA;  font-weight:bold;  font-size:16px;}
.cloud2    { background-color:#EAFFEA;  font-weight:bold;  font-size:15px;}
.cloud3    { background-color:#EAFFEA;  font-weight:bold;  font-size:14px;}
.cloud4    { font-size:13px;}
.cloud5    { font-size:12px;}	
