@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{ color:#909090; font: 12px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #000 url(images/bgleft.gif) repeat-y fixed left top; margin: 0; padding: 0; }
a:link          { color:#d3d3d3;     text-decoration:none;}
a:visited       { color:#d3d3d3;     text-decoration:none;}
a:hover         { color:#666;     text-decoration:none;}
a:active        { color:#d3d3d3;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#D4C27B;}
    .no-more-prev,
	.no-more-next { color:#666;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, sans-serif;  color:#D4C27B;}
/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#D4C27B;   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:#999;  text-align:center;}
/* 그림 */
    .imageblock             { background-color: #f8f8f8; border:solid 1px #f3f3f3; padding:5px; margin:5px 0; }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { 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  { font-weight: normal; margin:0; padding:0; }
h1              { font-size:15px;}
h2              { font-size:14px;}
h2 a:link, h2 a:visited {color:#D4C27B;} 
h2 a:hover, h2 a:active {color:#e0bb28;}
h3              { font-size:13px;}
h4              { font-size:10px;}
input           { border:1px solid #aaa; color:#999;}
textarea        { border:1px solid #aaa; color:#999;}

/* 블로그 레이아웃 */
#container {
		
}
#sidebar { float:left; width:180px; overflow:hidden; }
#sidebar .menuhome, .menuabout, .menuguest, .menulink { float:left; width:45px; height:160px; }

#content { background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: left top; float:left; width:450px; margin-right: 20px; margin-left: 20px; padding-top: 70px; padding-bottom: 40px; }


#footer {
		clear:both;
		padding:20px 0 0 0;
}
/* ***** content ***** */
#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry             { margin-bottom:10px;}
#content .guestbook, 
#content .metapage			{ }

#content .searchList, 
#content .searchRplist,
#content .searchTblist      { background-image: url(images/_bg_divide.gif); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 10px; padding-bottom: 20px; }

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3, 
#content .searchList h3, 
#content .searchRplist h3,
#content .searchTblist h3   { color:#D4C27B; font-weight: normal; background-image: url(images/_flower4.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }

.searchList ol, 
.searchRplist ol,
.searchTblist ol            { list-style:none; margin:4px 0 0; background-image: url(images/_h3_line1.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px; }
.searchList li, 
.searchRplist li,
.searchTblist li            { padding-bottom:2px;  margin-bottom:4px;}
.searchList .date, 
.searchRplist .date,
.searchTblist .date         { font:0.95em Verdana, Helvetica, Arial, Tahoma, sans-serif;  margin-right:10px; }
.searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Tahoma, sans-serif;  color:#D4C27B;} 
.searchRplist .name,
.searchTblist .subject      { font:0.95em Tahoma, Arial, sans-serif;    color:#999;  padding-left:8px;}

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

.taglog ul                  { padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { color:#ff6331; font-weight:normal; font-size:16px; }
.taglog li .cloud2          { color:#c9e400;  font-weight:normal;  font-size:15px;}
.taglog li .cloud3          { color:#fcc800;  font-weight:normal;  font-size:14px;}
.taglog li .cloud4          { color:#7dcef4;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#7dcef4; }

.guestbook p                { padding:2px 0; margin:0;}
.guestbook label            { font-size: 11px; }

.guestWrite                 { padding:5px; background-color:#222222; margin-top: 6px; }
.guestWrite input           { width:150px; height: 16px; background-color:#333333; border: solid 1px #222222; }
.guestWrite textarea        { width:428px; padding:5px; background-color:#333333; border: solid 1px #222222; }
.guestWrite .homepage       { width:260px;}
.guestWrite .submit         { width:440px; height:22px; background-color:#444444; font:11px Tahoma, Arial, sans-serif; padding-top:3px; padding-bottom: 3px; }

.guestList                  { background-color: #222222; background-image: url(images/_bg_divide2.gif); background-repeat: no-repeat; background-position: center top; padding:10px 0; }
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList .rep_info        { background-color: #444444; padding: 2px 5px; }
.guestList .rep_info2        { background-color: #444444; padding: 2px 5px; }
.guestList li p             { background-color: #333333; padding: 5px; }
.guestList ol li            { margin-bottom:10px; width:440px; overflow:hidden; margin-left: 5px; }
.guestList li ul li         { background-image: url(images/iconIndentArrow_local.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 10px; margin-left:20px; border:none; width:440px; overflow:hidden; margin-top: 5px; }
.guestList .gdesc           { background-color: #333333; padding: 5px; }
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, sans-serif;}

.guestList .control a:link          { color:#222;     text-decoration:none;}
.guestList .control a:visited       { color:#222;     text-decoration:none;}
.guestList .control a:hover         { color:#666;  	  text-decoration:none;}
.guestList .control a:active        { color:#222;     text-decoration:none;}
.guestList .control a.address       { font:bold 8px Tahoma, Helvetica, Arial, sans-serif; background:url(images/iconControl.gif) no-repeat right center; padding-right: 8px; text-decoration:none; }
.guestList .control a.modify       { font:bold 8px Tahoma, Helvetica, Arial; background:url(images/iconControl.gif) no-repeat right center; padding-right: 8px; text-decoration:none; }
.guestList .control a.write        { font:bold 8px Tahoma, Helvetica, Arial; background:url(images/iconControl.gif) no-repeat right center; padding-right: 8px; text-decoration:none; }
/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                { font-size:14px; line-height:120%; background-image: url(images/_flower3.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.titleWrap               { padding-bottom: 5px; }
.titleinfo               { background-image: url(images/_h3_line.gif); background-repeat: no-repeat; background-position: left top; margin-top: 5px; padding-top: 5px; }
.titleWrap .category    { font:11px Tahoma, Arial, sans-serif;}
.titleWrap .category a   { font:11px Tahoma, Arial, sans-serif;  color:#888;  margin-right:6px;}
.titleWrap .date         { font:11px Verdana, Helvetica, Arial, Tahoma, sans-serif;  color:#888;}
.titleWrap .admin         { font-size: 10px; }

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

/* page error*/ 
#page-error 
{ color: #D4C27B; font-weight          : bold; padding              : 200px 0; text-align           : center; }

.article                 { width:450px; overflow:hidden; }
.article a:link          { color:#5a5194;  text-decoration:none;}
.article a:visited       { color:#5a5194;  text-decoration:none;}
.article a:hover         { color:#7870ab;  text-decoration:underline;}
.article a:active        { color:#5a5194;  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;}

.tagTrail                { padding:5px 5px 5px 32px;  background:url(images/entryTag.gif) no-repeat left center; clear:both;}
.tagText                 { display:none;}

.actionTrail             { padding:7px 5px; font:11px verdana; background-image: url(images/_bg_divide2.gif); background-repeat: repeat-x; background-position: left top; clear:both; }
.actionTrail .cnt        { font:9px verdana; color:#666;}

.trackback               { background-color:#222222; padding:5px; margin-bottom:4px;  width:440px;  overflow:hidden;}
.trackback a             { color:#000;}
.trackback h3            { font:11px verdana; color:#333;}
.trackback h4            { font:11px Tahoma; margin:0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { margin-top: 5px; border-top:1px dotted #ccc; padding:5px; }
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, Tahoma, sans-serif;  color:#777;}
.trackback p             { font:0.95em Tahoma, Arial, sans-serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { font-size: 10px; font-weight: bold; background:url(images/iconControl.gif) no-repeat right center; text-decoration:none; padding-right: 8px; }
.comment                          { background-color:#222222; padding:5px; margin-bottom:4px;  width:440px; overflow:hidden;} 
.comment p                        { margin:3px 0 0; padding:0; }

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .rep_info      		  { background-color: #444444; padding: 2px 5px; }
.comment .rep_info2      		  { background-color: #444444; padding: 2px 5px; }
.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Tahoma, sans-serif;  color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li                    { padding-top: 5px; }
.comment li p                     { background-color: #333333; margin-top: 0; padding: 5px; }
.comment li ul li                 { margin-left: 20px; }
.comment .cdesc                   { background-color: #333333; padding: 5px; }
.comment .control a:link          { color:#222;     text-decoration:none;}
.comment .control a:visited       { color:#222;     text-decoration:none;}
.comment .control a:hover         { color:#666;  	  text-decoration:none;}
.comment .control a:active        { color:#222;     text-decoration:none;}
.comment .control a.address       { font-size: 8px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(images/iconControl.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; text-decoration:none; padding-right: 8px; }
.comment .control a.modify        { font-size: 8px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(images/iconControl.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; text-decoration:none; padding-right: 8px; }
.comment .control a.write         { font-size: 8px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(images/iconControl.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; text-decoration:none; padding-right: 8px; }
.commentWrite                     { margin-top:20px;}
.commentWrite p label              { font-size: 11px; }
.commentWrite input               { width:150px; height: 16px; background-color:#333333; border: solid 1px #222222; }
.commentWrite textarea            { font-size: 12px; width:428px; padding:5px; background-color:#333333; border: solid 1px #222222; }
.commentWrite .homepage           { width:260px; height: 16px; border: solid 1px #222222; }
.commentWrite .submit             { width:440px;  height:22px;  background-color:#444444;  font:11px Tahoma, Arial, sans-serif; padding-top:3px;}
.commentWrite .secretWrap         { float:right; position:relative; top:-20px; left:-10px; height:0px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:18px; height:10px;}

.paging           { padding-top:10px;  text-align:center;  font-size:0.95em;}
.paging .numbox   { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
.paging .num      { border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}


/* ***** sidebar ***** */
#sidebar                       { }
#sidebar a:link          { color:#222;     text-decoration:none;}
#sidebar a:visited       { color:#222;     text-decoration:none;}
#sidebar a:hover         { color:#666;  	  text-decoration:none;}
#sidebar a:active        { color:#222;     text-decoration:none;}
#sidebar .listbox                       { background-image: url(images/menubody.gif); background-repeat: repeat-y; background-position: center top; padding: 10px; }
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:7px;}
#sidebar h3                    { font-size:11px; font-weight:bold; color:#e6003e; background-image: url(images/_flower2.gif); background-repeat: no-repeat; background-position: left center; margin-top: 20px; margin-bottom:5px; padding-left: 12px; }
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, sans-serif;  color:#e6003e;}
#sidebar .date                 { font:0.9em Tahoma, Helvetica, Arial, sans-serif;  color:#888;}
#sidebar .name                 { font:0.9em Tahoma, Arial, sans-serif;  color:#888;}
#sidebar .notice               { margin:10px 0;  padding:0;}
#sidebar .notice li            { margin:0 0 2px; padding:0 0 4px; background:url(images/_bg_divide2.gif) no-repeat left bottom;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) no-repeat;  padding:0 0 5px 27px; text-decoration:none; color:#e6003e;}
#sidebar .search               { text-align:center;}
#sidebar .search input         { width:100px; height:16px; border-width: 0; padding-top:3px; border:none;}
#sidebar .sInput			   { width: 90px;padding: .3em .3em;	border: 1px solid #A0A0A0;	background-color: #ffffff;	font: 0.9em Tahoma, AppleGothic, sans-serif;	vertical-align: middle;	color: #333;}
#sidebar .searchSubmit	       { padding: 0;	margin: 0;	border: 1px solid #5D9675;	vertical-align: middle;	cursor: pointer;}

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

#sidebar .tagbox ul            { text-align:justify;}
#sidebar .tagbox li            { background:none;  display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}	
#sidebar .tagbox li .cloud1    { font-weight:normal;  font-size:12px;  color:#ff6331;}
#sidebar .tagbox li .cloud2    { font-weight:normal;  font-size:12px;  color:#c9e400;}
#sidebar .tagbox li .cloud3    { font-weight:normal;  font-size:12px;  color:#fcc800;}
#sidebar .tagbox li .cloud4    { font-size:12px;  color:#7dcef4;}
#sidebar .tagbox li .cloud5    { font-size:12px;  color:#888;}	
#sidebar .tagbox a:hover       { background-color:#eee;  text-decoration:none;  color:#000;}

#sidebar .recentComment        {overflow:hidden;}
#sidebar .recentTrackback      {overflow:hidden;}
#sidebar .counter              { font:10px Verdana, Helvetica, Arial, Tahoma, sans-serif;  padding:5px 0;  margin:10px 0;  text-align:center;  background-color:#eee;  letter-spacing:0;}
#sidebar .counter li           { background:none;  display:inline;  padding:0 5px;}
#sidebar .counter li.total     { display:block;  color:#000;}

#sidebar .botton          { text-align:center;  padding:5px;}
#sidebar .copyright	      { color: #000; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 10px; }
#sidebar .copyright a     { color: #111; }
#sidebar .copyright a:hover { color: #333; }