@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */

/* 페이징 - 현재 페이지 */
    .selected { color:#b3d826; font-weight:bold; }
    .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:#222;}
    .cal_current_week       { background-color:#333;}

/* 달력 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:#ccc;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#b3d826;  font-weight:bold;}
    a.cal_click:visited     { color:#b3d826;  font-weight:bold;}
    a.cal_click:hover       { color:#666;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#666;  text-align:center;}
/* 그림 */
/*    .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;} */
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#222; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#222; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(./images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#999;}
    .moreless_top           { background:url(./images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#999;}
    .moreless_body          { }
    .moreless_bottom        { background:url(./images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#999;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

.cloud1          { background-color:#333; font-weight:bold;  font-size:16px;}
.cloud2          { background-color:#333; font-weight:bold;  font-size:15px;}
.cloud3          { background-color:#333; font-weight:bold;  font-size:14px;}
.cloud4          { background-color:#333; font-size:13px;}
.cloud5          { font-size:12px; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* BLUE #1bccff LIME #b3d826*/

/* general */
body {
font: 9pt "맑은 고딕", Tahoma, AppleGothic, Sans-serif;
background-color: #333;
color: #999;
margin: 10px;
}

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

div {
line-height: 150%;
overflow: hidden;
}

img {
border: 0px;
}

input,
textarea {
border: 1px solid #555;
color: #999;
background-color: #222;
}

input {
width: 180px;
}

textarea {
width: 400px;
height: 100px;
overflow:hidden;
}

/* layout */
#container {
width: 950px;
margin: auto;
}

#header {
width: 950px;
}

#menu {
clear: both;
width: 950px;
padding: 5px 0 5px 0;
}

#body {
float: left;
width: 720px;
clear:left;
display: inline;
}

#content {
width: 700px;
margin: 0 10px 10px 0;
padding: 10px;
border-top: 5px solid #b3d826;
background-color: #222;
}

#footer {
width: 700px;
text-align: center;
padding-bottom: 30px;
}

#sidebar {
float: right;
width: 200px;
padding: 10px;
display: inline;
border-top: 5px solid #b3d826;
background-color: #222;
}

/* common */
.title {
font-size: 14pt;
font-weight: bold;
color: #1bccff;
margin-bottom: 10px;
}

a.title:link {color:#1bccff; text-decoration:none; }
a.title:visited {color:#1bccff; text-decoration:none; }
a.title:active {color:#1bccff; text-decoration:none; }
a.title:hover {color:#666; text-decoration:none; }

.info {
font-size: 8pt;
color: #999;
letter-spacing: -1px;
}

a.info:link {color:#666; text-decoration:none; }
a.info:visited {color:#666; text-decoration:none; }
a.info:active {color:#666; text-decoration:none; }
a.info:hover {color:#999; text-decoration:none; }

/* header */
.blogImage {
float: left;
width: 85px;
height: 85px;
background-color: #666;
}

.blogTitle {
float: left;
height: 85px;
padding-left: 0px;
}

.blogDesc {
margin-top: 15px;
}

.titleText {
font-size: 24pt;
font-weight: bold;
}

.blog_desc {
color: #b3d826;
}

/* menu */
.menuText {
text-align: center;
}

/* content */
.searchList,
.searchRplist,
.localog,
.taglog,
.guestTitle,
.guestWrite,
.guestList,
.guestReply,
.entryNotice,
.entryProtected,
#content .list,
.article,
.trail,
.trackback,
.trackbackAddress,
.commentList,
.commentReply,
.commentWrite,
.notice,
.search,
.category,
.tagbox,
.recentPost,
.recentComment,
.recentTrackback,
.archive,
.calendar,
.link,
.banner {
margin-bottom: 15px;
}

.guestReply,
.commentReply {
margin-left: 10px;
border-left: 1px solid #b3d826;
padding-left: 5px;
}

.protectedSubmit {
width: 40px;
}

.trackbackAddress {
text-align: left;
}

.trackbanktitle {
font-weight: bold;
}

.checkbox {
width: 12px;
height: 12px;
border: none;
}

.submit {
width: 400px;
height: 22px;
}

.article {
color: #aaa;
}

.paging {
text-align: center;
padding: 15px;
}

.list {
line-height: 110%;
margin-bottom: 3px;
}

.searchForm {
width: 150px;
margin-top: 5px;
}

.taglog .list,
.tagbox .list {
line-height: 180%;
}

.counter,
.banner {
text-align: center;
}