@charset "utf-8";

*{margin:0; padding:0}

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

/* 본문 공통 */
body{
		font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
		background:/*@background-image=url(images/bg.gif)*/url(images/bg.gif)/*@*/
		/*@background-image-position=center top*/center top/*@*/
		/*@background-image-repeat*/repeat/*@*/;
		/*@background-color=:;*/ /*@*/
		color:#fff;
		margin:0;
		padding:0;
}
a:link          { color:#fff;     text-decoration:none;}
a:visited       { color:#fff;     text-decoration:none;}
a:hover         { color:#FFCC00;  text-decoration:underline;}
a:active        { color:#fff;     text-decoration:none;}

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


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

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

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#645438;}
    .cal_current_week       { background-color:#8C7C5B;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#E1E1E1;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#FD8300 !important;}
    .cal_day_sunday a        { color:#FD8300 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#E1E1E1;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#E1E1E1;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#E1E1E1;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#fff;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#FFF200;  font-weight:bold;}
    a.cal_click:visited     { color:#FFF200;  font-weight:bold;}
    a.cal_click:hover       { color:#FFF200;  font-weight:bold;}

/* 종류별 코멘트 [##_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:#FFCC00;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
    .imageblock             {  padding:0 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:#FFCC00;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#FFCC00;}
    .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  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

/* 블로그 레이아웃 */

#container {
		width:/*@post-width:320*/900px/*@*/;
		border:0 solid #bbb;
		margin:0 auto; 
		padding:0;
}
#header {		
		height:/*@title-height*/280px/*@*/;
		background:/*@title-background-image=url(images/bgtop.gif)*/url(images/bgtop.gif)/*@*/
		/*@title-background-image-position=top center*/top center/*@*/
		/*@title-background-image-repeat=no-repeat*/no-repeat/*@*/;
		/*@title-background-color=:;*/ /*@*/
}
#content {
		float:left;
		width:/*@post-width:40*/620px/*@*/;
		overflow:hidden;

}
#sidebar {float:right; width:180px; margin-bottom:150px;}
#sidebar_top,
#sidebar_bottom {
		width:170px;
		padding:5px;
}
.sidebarTop {float:right;
				width:180px;

}

#contentbody {	width:/*@post-width:240*/820px/*@*/;
				margin:0 20px; 
				padding:0 20px;
				background:url(images/bgbottom.gif) center bottom no-repeat #84765C;
				}

.both {clear:both;}

#footer {
		float:left;
		width:/*@post-width:20*/600px/*@*/;
		margin:20px 0 100px 0;
}



/* ***** Header ***** */
#header a              { color:/*@title-color*/#fff/*@*/;  padding:0 3px;}

#header h1             { float:right; font-size:1.2em !important; text-align:right; margin:190px 0 0 0; padding-right:140px;}
#header .blogMenu      { text-align:right; padding:0; padding:220px 0 0 460px;}

#header h1 a           { font-family:/*@title-font-family*/dotum/*@*/; /*@title-font-size=:;*/ /*@*/ font-weight:bold;  }
#header h1 a:hover     { color:#FFED00;  text-decoration:none;}

#header .blogMenu ul   { margin:0;  padding:0;  list-style:none;}
#header .blogMenu li   { float:left;}
#header .blogMenu a { display:block; height:0 !important; width:0 !important;  overflow:hidden;}
#header .blogMenu a.tab_localog {background:url(images/blogMenu_location.gif) top left no-repeat;padding:25px 0 0 86px; overflow:hidden;}
#header .blogMenu a.tab_taglog {background:url(images/blogMenu_tag.gif) top left no-repeat; padding:25px 0 0 73px; overflow:hidden;}
#header .blogMenu a.tab_media {background:url(images/blogMenu_media.gif) top left no-repeat; padding:25px 0 0 73px; overflow:hidden;}
#header .blogMenu a.tab_guestbook { background:url(images/blogMenu_guestbook.gif) top left no-repeat; padding:25px 0 0 75px; overflow:hidden;}


/* ***** content ***** */
#content .nonEntry {margin-bottom:20px;}
#content .nonEntry h3   { background:url(images/nonEntrytitle.gif) bottom left no-repeat; padding:5px;  margin-bottom:10px;  color:#FFF;}

#content .entryNotice, 
#content .entryProtected, 
#content .entry             { width:/*@post-width*/580px/*@*/; border:5px solid #706242;  padding:15px;  margin-bottom:10px;}

#mediaLogLimit {margin:-15px 0 5px -7px;}

#searchList ol, 
#searchRplist ol            { list-style:none;  padding:5px;  margin:0;}
#searchList li, 
#searchRplist li            { border-bottom:1px dashed #706242;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date, 
#searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
#searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#FFED00;} 
#searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#fff;  padding-left:8px;}

#localog .spot              { color:#fff; background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
#localog .info              { color:#fff;  background:url(images/iconIndentArrow_localinfo.gif) 0 3px no-repeat;  padding-left:15px;  margin-top:2px;}
#localog a:link             { color:#FFF200;}
#localog a:visited          { color:#FFF200;}
#localog a:hover            { color:#FFF200;  text-decoration:underline;}

#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { background-color:#56462A;  color:#DF53C7;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#56462A;  color:#8781BD;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#56462A;  color:#7DA7D9;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#56462A;  color:#C2C2C2;  font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#fff; }
#taglog a:hover             { background-color:#56462A;  color:#fff; text-decoration:none;}



#guestbook p                { padding:2px 0; margin:0;}

#guestWrite                 { padding:10px;  background-color:#706242;  border:1px solid #655738;}
#guestWrite input           { width:150px;  padding:3px; color:#fff; background:#45361D; border:1px solid #84765C; font:1em Dotum, Arial, sans-serif;}
#guestWrite textarea        { width:583px;  padding:5px; color:#fff; background:#45361D; border:1px solid #84765C; font:1em Dotum, Arial, sans-serif;}
#guestWrite .homepage       { width:300px;}
#guestWrite .submit         { width:595px;  height:22px; background-color:#1E1508;   font:1.1em Dotum, Arial, sans-serif; padding-top:3px;}

#guestList                  { padding:10px 0 0 0;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}
#guestList li p             { color:#fff; border-top:1px dashed #706242; margin-top:5px; padding-top:5px;}
#guestList ol li            { border:5px solid #706242; background:#84765C; padding:10px;  margin-top:5px;  width:590px; overflow:hidden;}
#guestList li ul li         { width:555px; overflow:hidden; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px #706242;  padding-left:25px; border:none; }
#guestList li .name         { color:#FFF200;}
#guestList li .name a       { color:#FFF200; font-weight:bold;}
#guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#ccc;}

#guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
#guestList .control a.modify span  { display:none;}
#guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
#guestList .control a.write span   { display:none;}


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2 a               { display:inline; font-size:1.2em;  line-height:1.2em; color:/*@post-title-color=#fff*/#fff/*@*/;}

.titleWrap  { border-bottom:1px dashed #655738;  padding-bottom:5px;  margin-bottom:10px; /*@post-title-font-family=:;*/ /*@*/ /*@post-title-font-size=:;*/ /*@*/}
.entryNotice .titleWrap .category,
.titleWrap .category a   { font:11px Dotum, Arial, sans-serif;  color:#D7D7D7;  margin:0 0 0 8px;}
.titleWrap .date         { display:inline; font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#D7D7D7; padding-left:8px;}



.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}

.titleWrap .admin {clear:both; color:#D7D7D7; padding:5px 0 0 0; font-size:11px;}
.titleWrap .admin a {color:#D7D7D7;}

.article                 { width:/*@post-width*/580px/*@*/; overflow:hidden; color:/*@post-body-color=#fff*/#fff/*@*/ /*@post-body-font-family=:;*/ /*@*/ /*@post-body-font-size=:;*/ /*@*/; line-height:20px;}

.article a:link          { color:#FFCC00;  text-decoration:none;}
.article a:visited       { color:#FFCC00;  text-decoration:none;}
.article a:hover         { color:#FFCC00;  text-decoration:underline;}
.article a:active        { color:#FFCC00;  text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}


.entry .article h1 {font-size:1.6em; font-weight:bold;  color:#fff; padding:5px 0;} 
.entry .article h2 {font-size:1.4em; font-weight:bold; color:#fff; float:none; border:none; margin:0; padding:5px 0; background:none;}
.entry .article h3 {font-size:1.2em; font-weight:bold;  color:#fff; padding:5px 0;}
.entry .article h4 {font-size:1em; font-weight:bold;  color:#fff; padding:5px 0;}
.entry .article h5 {font-size:1em; font-weight:bold;  color:#fff; padding:5px 0;}
.entry .article h6 {font-size:1em; font-weight:bold;  color:#fff; padding:5px 0;}

.entry .article ol  {margin:15px 0;}
.entry .article ul  {margin:15px 0;}
.entry .article ol li {list-style:decimal; margin-left:30px;}
.entry .article ul li {list-style:disc; margin-left:30px;}


.author                  { text-align:right; color:#FFF; padding:20px 20px;}
.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}


.tagTrail                { color:#FFF200; padding:5px 5px 5px 35px;  background:url(images/entryTag.gif) 0 8px no-repeat; clear:both;}
.tagText                 { display:none;}
.tagTrail a				 { color:#FFF200;}

.actionTrail             { font-size:11px; border-top:1px dotted #6B5B3F;  padding:7px 5px;  clear:both;}
.actionTrail .cnt        { color:#FFF200; font-weight:bold;}

.trackback               { width:/*@post-width:-20*/560px/*@*/; color:#D0C1AF; border-top:1px solid #655738; background-color:#706242; padding:10px; margin-bottom:5px; overflow:hidden;}
.trackback a             { color:#fff;}
.trackback h3            { font:11px Verdana; color:#fff;   margin:5px 5px 10px 5px;}
.trackback h4            { font:12px Verdana; font-weight:normal;  margin:0; color:#D0C1AF;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { width:/*@post-width:-30*/550px/*@*/;  overflow:hidden; border-top:1px dashed #56462A;  padding:5px;}
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;}
.trackback p             { font:0.95em Dotum, Arial, sans-serif;  color:#D0C1AF;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


.comment                          { width:/*@post-width:-20*/560px/*@*/; padding:10px;  margin-bottom:5px; border-top:1px solid #655738; overflow:hidden; color:#fff;  background:#706242;} 
.comment p                        { margin:5px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#FFF;}
.comment .name                    { color:#FFF200; font-weight:bold;}
.comment .name a                  { color:#FFF200; font-weight:bold; text-decoration:underline;}
.comment ol li                    { width:/*@post-width:-30*/550px/*@*/; overflow:hidden;  padding:5px; border-bottom:1px dashed #56462A;}
.comment li ul li                 { width:/*@post-width:-65*/515px/*@*/; padding:5px 10px 5px 25px;  background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px; border:none;}
.comment .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { padding:0; margin-top:5px; background:#706242;}
.commentWrite input               { width:150px; color:#fff; background:#45361D; border:1px solid #84765C; padding:2px 3px;font:1.1em Dotum, Arial, sans-serif;}
.commentWrite textarea            { width:/*@post-width:-35*/545px/*@*/; color:#fff; background:#45361D; border:1px solid #84765C; padding:5px;font:1.1em Dotum, Arial, sans-serif;}
.commentWrite .homepage           { width:300px;}
.commentWrite .submit             { width:/*@post-width:-22*/558px/*@*/;  height:22px;  background-color:#1E1508;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px; top:-18px;}
.commentWrite .secretWrap         { margin-bottom:2px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}
.commentWrite label {color:#fff; width:64px;}

#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
#paging .numbox    { border-left:1px solid #A79E8E; padding-left:6px; margin-left:6px;  font:0.95em verdana;} 
#paging .num       { border-right:1px solid #A79E8E; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:8px;}
#paging #nextPage { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:8px;}


/* ***** sidebar ***** */
#sidebar_top, #sidebar_bottom                       { background:url(images/sidebarBg.gif);}
#sidebar ul, #sidebar_top ul, #sidebar_bottom  ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li, #sidebar_top li, #sidebar_bottom  li                    { background:url(images/bul.gif) 0 4px no-repeat;  padding-left:7px;}
#sidebar h3, #sidebar_top h3, #sidebar_bottom  h3  { font-size:11px;  font-weight:bold; color:#FFCC00; border-bottom:1px dashed #29241F; padding:15px 0 2px 5px; margin-bottom:6px;} 
#sidebar .cnt, #sidebar_top .cnt, #sidebar_bottom .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#FFED00;}
#sidebar .date, #sidebar_top .date, #sidebar_bottom .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#C7B299;}
#sidebar .name, #sidebar_top .name, #sidebar_bottom .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#C7B299;}



#blogImage img        { width:140px; border:5px solid #56482A; text-align:center; margin:5px 10px;}
#blogDesc             { color:#D7D7D7;  font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px; padding:5px;}
.userID               { color:#D7D7D7;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#notice               { margin:10px 0;  padding:0;}
#notice li            { background:none;}
#notice a:link,
#notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:0 0 5px 40px;}
#notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat;  padding:0 0 5px 40px; text-decoration:none; color:#FFED00;}

#adminMenu            { margin:5px 0 10px 0; text-align:center;}
#adminMenu li         { display:inline; background:none;}

#searchBox               { text-align:center; margin:10px 0; padding:10px;  background:url(images/searchBox.gif) no-repeat;}
#searchBox input         { width:110px;  height:18px; border:1px solid #a197b9;}
#searchBox .submit       { background:url(images/btn_search.gif) no-repeat; width:40px;  height:20px; text-indent:-5000px; border:0; cursor:pointer;}


#category li          { background:none;}
#category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
#category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#category li ul li ul li a{ color:#999;}

#tagbox ul            { padding:0 2px;	text-align:justify;}
#tagbox li            { background:none;  display:inline; padding:0;}
#tagbox a             { letter-spacing:-1px;}	
#tagbox li .cloud1    { background-color:#56462A;  font-weight:bold;  font-size:16px;  color:#DF53C7;}
#tagbox li .cloud2    { background-color:#56462A;  font-weight:bold;  font-size:15px;  color:#8781BD;}
#tagbox li .cloud3    { background-color:#56462A;  font-weight:bold;  font-size:14px;  color:#7DA7D9;}
#tagbox li .cloud4    { background-color:#56462A;  font-size:13px;  color:#C2C2C2;}
#tagbox li .cloud5    { font-size:12px;  color:#fff;}	
#tagbox a:hover       { background-color:#56462A;  text-decoration:none;  color:#fff;}



#recentComment        {width:170px; overflow:hidden;}
#recentComment .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#recentTrackback      {width:170px; overflow:hidden;}
#recentTrackback .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#archive li           { font-family:verdana;}
#calendar td             { font-family:verdana;}

.calendarWrap {background:#645438; padding:5px}


#counter              { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  padding:5px 0;  margin:10px 0;  text-align:center;  background-color:#645438;  letter-spacing:0;}
#counter li           { background:none;  display:inline;  padding:0 5px;}
#counter li.total     { display:block;  color:#fff;}

#adTistory       { text-align:center; padding:5px;}
#btnRSS          { text-align:center;}

#uibgmplayer { margin-bottom:8px;}

/* ***** footer ***** */
#footer          { text-align:center;  padding:10px;  font:11px Verdana, dotum;	color:#CEC8BE;}
#footer a        { color:#CEC8BE;}
#footer a:hover  { color:#CEC8BE;}

 

  A.  How to support Singer's Creations
  B.  Release notes
  C.  Program description
  D.  How to set up the SysSense Options
  E.  How to modify the tray tooltip skin
  F.  Permission to distribute SysSense
  G.  Other comments/questions/suggestions