@charset "utf-8";
html       { width:100%; height:100%; }
body {
            width:100%; height: 100%;
            margin:0; padding: 0;
            font:12px/1.5 Verdana, Sans-serif, Dotum;
            color: #777;
            background:url(./images/main_bg.jpg) top left repeat-x #ffff16;
}

a:link      { color:#aaa; text-decoration:none; }
a:visited   { color:#aaa; text-decoration:none; }
a:hover     { color:#ccc; text-decoration:underline; }
a:active    { color:#aaa; text-decoration:none; }

#mediaCategorySelect { behavior: urlhttp://fs.tistory.com/custom/blog/5/55864/skin/images/selectbox.htc); }
#mediaMimeSelect     { behavior: url(./images/selectbox.htc); }

/* 페이징 - 현재 페이지 */
    .selected     { font-weight:bold;  color:#f30;}
    .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
    .no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#c2da00;}

/* 달력 월 표시 */
    .cal_month              { font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:12px Dotum, Arial, sans-serif;  height:18px;  font-weight:normal; color:#999;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:12px Dotum, Arial, sans-serif;  color:#f60; }

/* 달력 Week(tr 영역)  */
    .cal_week               { height:16px; }
    .cal_current_week       { height:16px; }
 
/* 달력 Day(td 영역) */
    .cal_day                { font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f60 !important;}
    .cal_day_sunday a        { color:#f60 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#999;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { text-decoration:underline; border:1px solid #c2da00; }
/* 달력 글쓴 날 링크 스타일 */
 #calendars  a.cal_click    { color:#c2da00;  font-weight:bold; text-decoration:underline;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_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:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
    .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

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

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


hr          { display:none;}
img         { border:0; }
h1, h2, h3, h4, ul, ol, dl { margin:0; padding:0; }
h1          { font-size:1.4em; } /* 블로그 타이틀 */
h2          { font-size:1.3em; } /* 글 제목 */
h3          { font-size:1.2em; } /* 기타 헤드 타이틀 */
h4          { font-size:1em; }
input       { border:1px solid #aaa; }
textarea    { border:1px solid #aaa; }
form        { margin:0; padding:0; }




/* 블로그 레이아웃 */
#header     { width:1000px; height:160px; }
#container  { width:920px; padding:60px 20px 20px 20px; margin-left:40px; background:url(./images/cont_bg.jpg) top left repeat-x #0a0a01; }
* html #container {padding: 60px 10px 20px 20px; width:950px; w\idth:930px; }
#content    { float:left; width:700px;}
#sidebar    { float:right; width:200px; display:inline; }
* html #sidebar    { width:180px; w\idth:200px; margin-left:20px; margin-right: -10px;  marg\in-right: 0px; }
#footer     { clear:both; width:960px; margin-left:40px; }


/* 블로그 타이틀 */
#blog_title        { padding:96px 0 0 60px; color:#ccc; font:12px sans-serif, dotum; }
#blog_title h1 a   { color:#ffffff; font-size:26px; }
#blog_title h1 a:hover { color:#c2da00; }

/* 블로그 메뉴 */
#blog_menu         { text-align:right; padding-right:8px; color:#fae695; font:9px Verdana; }
#blog_menu a       { color:#eeeeee; }
#blog_menu a:hover { color:#c2da00; }


/* 이올린 태그 */
#EolinBmVote       { font:10px dotum, sans-serif;  }
#EolinBmVote .EolinVoteBtn      { color:#ff3399; }

/* 글 내용 */

#mediaLogNest         { font-size:11px; color: #444; background-color:#ffffff; }
#mediaLogLimit        { margin:10px 0px; }

#content .searchList, .searchRplist, .localog, .taglog, .guestbook, .guestList, .entryNotice, .entryProtected, .entry
{ font-size:11px; color: #444; padding:30px 20px ; margin-bottom:20x; background-color:#ffffff; }
#content a            { color:#336799; }
#content a:hover      { color:#ff3399; }

#content h2 a         { color:#ff3399;font-size:18px;font-weight:bold; }
#content h2 a:hover   { color:#ff3399; }

#content h3           { color:#000000;font-size:16px;font-weight:bold; border-bottom:1px solid #cccccc;}


#content .titleWrap   { border-bottom:1px solid #ff3399; }
#content .titleWrap .category   { float:right; padding:6px 10px 0 0; font-weight: bold; }
#content .titleWrap .category a { color: #ff3399; }
#content .titleWrap .date       { float:right; padding-top:6px; color: #aaa; }


#content .article     { clear:both; margin-top:10px; margin-bottom:20px; }

/* 저작자 표시 */
#content .author            { text-align: right; padding:10px; }
#content .author .text      { font-weight:normal; font-size: 10px; color: #aaaaaa;}
#content .author .post_user { color:#ffffff; background-color: #336799; font-weight: bold; padding:3px 8px 0px 8px; }

#content .tagTrail    { padding:0; margin-bottom:10px; border-bottom:1px solid #cccccc;}
#content .blog_admin  { float:right; }
#content .actionTrail { float:left; color: #aaaaaa; }
#content .actionTrail a { color: #ff3399; }


/* 공지사항 */
#content .entryNotice .category { color: #ff3399; }

/* 댓글 트랙백 */

#content .comment       { padding: 0px; }
#content ol             { list-style: none; margin:0; }
#content li             { margin:1px 0; padding:5px 20px ; border-bottom: 1px solid #eeeeee; }

#content .comment ul    { list-style: none; padding:0 0 0 20px; }
#content .comment ul li { margin:1px 0; padding: 0; margin:0; background-color:#f0f0f0;}
#content .imageblock    { border: 0; }


.commentList p                      { border-top: solid 1px #dddddd; }
.comment p                          { clear:both; margin:0px; padding: 3px 0 6px 0;}
.checkbox                           { border:0; }

.commentInfoWrap                    { margin:0; padding:10px 0 4px 0; }
.commentInfoWrap .commentInfo       { float:left; font-size:11px; }
.commentInfoWrap .commentInfo a     { color:#222222; font-weight:bold;}
.commentInfoWrap .commentInfo .date { font-size:10px; color:#999999; padding-left:10px; }
.commentInfoWrap .control           { font:9px vernada; float:right; }
.commentInfoWrap .control a         { color:#444; }
.commentList                        { padding: 10px 0 0 0; }


#content .trackback    { padding: 10px 0 0 0; }
#content .trackback h3 { font-size:11px; font-weight:normal; padding: 6px 20px; margin-bottom:1px; border:0px; background-color:#f0f0f0; }
#content .trackback h4 { margin-bottom: 6px; padding-bottom: 6px; }


#content .commentWrite   { clear:both; padding:6px 20px; margin-top:1px ; background-color:#f0f0f0; }
#content .commentWrite p { margin: 0; padding:2px 0; }

#content .guestWrite     { clear:both; padding:6px 20px; margin-top:1px ; background-color:#f0f0f0; }
#content .guestWrite p   { margin: 0; padding:2px 0; }


#content .paging         { margin:20px 0 30px 0; text-align:center; }
#content .paging a       { color: #ccc; }


/* 태그 클라우드 */
#content .taglog ul                  { text-align:justify; padding:20px 20px 30px 30px; }
#content .taglog li                  { display:inline; font-size:1.3em; nowarp; border: 0px; padding:0px 10px 0 0; line-height:250%; }
#content .taglog a:hover             { background-color:#ff3399;  color:#fff !important; text-decoration:none; }
#content .taglog li a.cloud1         { color:#ff3399; font-weight:bold; }
#content .taglog li a.cloud2         { color:#ff6600; font-weight:bold; }
#content .taglog li a.cloud3         { color:#333; font-weight:bold; font-size: 1.2em; }
#content .taglog li a.cloud4         { color:#666; font-size:1.1em; }
#content .taglog li a.cloud5         { color:#999; font-size: 1em; }


/* 사이드 바 */
#sidebar h3         { font-size:12px; color:#cccccc; font-weight:blod; padding:20px 0 6px 0; }
#sidebar ul         { padding:0;  margin:0;  list-style:none;}
#sidebar li         { background:url(./images/bul.gif) 0 8px no-repeat;  padding-left:10px; margin-left:10px; }
#sidebar .cnt       { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#c2da00;}
#sidebar .name      { font:0.9em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
#sidebar .date      { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#777;}

#sidebar a          { color:#aaa; }
#sidebar a:hover    { color:#c2da00; }


/* 가테고리 */
#treeComponent           { margin-left:10px; }
#treeComponent .branch3  { font:11px Verdana, Dotum; }

/* 태그 */
#tagbox ul            { padding-left:10px;text-align:justify; }
#tagbox li            { background:none;  display:inline; padding:0 4px 0 0; margin:0; }
#tagbox a             { letter-spacing:-1px;}	
#tagbox li .cloud1    { font-weight:bold;  font-size:14px;  color:#c2da00;}
#tagbox li .cloud2    { font-weight:bold;  font-size:13px;  color:#ddd;}
#tagbox li .cloud3    { font-weight:bold;  font-size:12px;  color:#ccc;}
#tagbox li .cloud4    { font-size:12px;  color:#aaa;}
#tagbox li .cloud5    { font-size:11px;  color:#999;}	
#tagbox a:hover       { background-color:#c2da00;  text-decoration:none;  color:#000;}

/* 달력 */
#calendars            { margin:0 10px; }

/* 블로그 이미지 */
#blogImage { width:190px; border:solid 5px #844a22; text-align:center; }

/* 블로그 설명 */
#blogDesc  { padding: 6px 10px 0 10px; }

/* 검색 */
#searchBox          { text-align:center; margin-top: 20px; }
#searchBox input    { width:150px;  height:14px; padding-top:2px; border:1px solid #c2da00; background:none; color: #ccc; font-size:11px; }
* html #searchBox input { height:18px; he\ight:14px; }
#searchBox .submit  { background:url(./images/btn_search.gif) 0 1px no-repeat; width:36px;  height:20px; text-indent:-5000px; border:0; cursor:pointer;}


/* 카운트 */
#counter            { width:200px; }
#counter div        { padding:2px 20px 3px 20px; border:1px solid #444444; margin-top:1px; font-weight:bold; font-size:10px; position:relative; }
#counter p          { margin: 0; padding: 0; }
#counter .today     { position:absolute; text-align:right; width:100px; right:20px; top:2px; color:#c2da00; }
#counter .total     { position:absolute; text-align:right; width:100px; right:20px; top:2px; }
#counter .yesterday { position:absolute; text-align:right; width:100px; right:20px; top:2px; }

/* rss 구독 */
#btnRSS    { text-align:center; }

/* 티스토리 배너 */
#adTistory { text-align:center; }

/* 관리자 메뉴 */
#adminMenu         { text-align:center; }
#adminMenu li      { background:none; display:inline; margin:0; padding:0; }
#adminMenu .tab_write { margin-left:10px; }


/* ***** footer ***** */
#footer { height:100px; color: #000; }
#footer .copyright { text-align:center; margin-top:20px; }
#footer a        { color:#ff3399;}
#footer a:hover  { color:#ff3399;}

/* 구글 애드센스 */
#googleAD { text-align: center; }