더보기

















---------------

1
티스토리 이 스킨을 3단메뉴로 만들려면 어떻게 HTML/CSS를 고쳐야 하나요?



2
그리고 "글쓰기" ( "Admin" 와 동일한 스타일로)가 "Admin"옆에 나타나게 하고,





3
설명과 닉네임을 프로필 사진 아래에 놓이게 하고,





4



추가로 이미지에서 처럼 테두리선이 없게 하면 좋겠어요

감사합니다.


---------------------------- 아리에 style.css 도 복사했어요.
skin.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="stylesheet" media="print" type="text/css" href="./images/print.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] :: [##_page_title_##]</title>
</head>
<body>
<a name="top"></a>
<s_t3>
<div id="container">
<div id="content">
<div id="header">
<div class="adminlink gray8"><a href="[##_owner_url_##]">Admin</a></div>
<h1><a href="[##_blog_link_##]">[##_title_##]</a><a href="[##_rss_url_##]"><img src="./images/xml.gif" alt="xml" /></a></h1>
<div class="blogdesc">[##_desc_##] by [##_blogger_##]</div>
<div class="blogMenu">
<ul>
<li class="gray8"><a href="[##_localog_link_##]">Location Logs</a></li>
<li class="gray8"><a href="[##_blog_link_##]media">Media Logs</a></li>
<li class="gray8"><a href="[##_taglog_link_##]">Site Tags</a></li>
<li class="gray8"><a href="[##_blog_link_##]keylog">Keyword Logs</a></li>
<li class="gray8"><a href="[##_guestbook_link_##]">방명록 Guestbook</a></li>
</ul>
</div>
</div>
<s_list>
<div class="searchList">
<h3>'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3>
<ol>
<s_list_rep>
<li>
<span class="date">[##_list_rep_regdate_##]</span>
<a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
<span class="cnt">[##_list_rep_rp_cnt_##]</span>
</li>
</s_list_rep>
</ol>
</div>
</s_list>

<s_rplist>
<div class="searchRplist">
<h3>'[##_rplist_conform_##]'에 해당되는 댓글 [##_rplist_count_##]건</h3>
<ol>
<s_rplist_rep>
<li>
<span class="date">[##_rplist_rep_regdate_##]</span>
<a href="[##_rplist_rep_link_##]">[##_rplist_rep_body_##]</a>
<span class="cnt">[##_rplist_rep_rp_cnt_##]</span>
<span class="name">[##_rplist_rep_name_##]</span>
</li>
</s_rplist_rep>
</ol>
</div>
</s_rplist>
<s_keyword>
<div class="searchRList">
<h3>등록된 키워드</h3>
<ol>
<s_keyword_rep>
<li><a href="#void" onclick="[##_onclick_keyword_##]">[##_keyword_label_##]</a></li>
</s_keyword_rep>
</ol>
</div>
</s_keyword>

<s_local>
<div class="localog">
<h3>지역로그</h3>
<s_local_spot_rep>
<div class="spot" style="margin-left: [##_local_spot_depth_##]px">
[##_local_spot_##]
</div>
</s_local_spot_rep>
<s_local_info_rep>
<div class="info" style="margin-left: [##_local_info_depth_##]px">
<a href="[##_local_info_link_##]">[##_local_info_title_##]</a>
</div>
</s_local_info_rep>
</div>
</s_local>

<s_tag>
<div class="taglog">
<h3>태그</h3>
<ul>
<s_tag_rep>
<li>
<a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
</li>
</s_tag_rep>
</ul>
</div>
</s_tag>

<s_guest>
<div class="guestbook">
<h3>방명록</h3>
<s_guest_input_form>
<div class="guestWrite">
<s_guest_member>
<s_guest_form>
<p>
<input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" />
<label for="name"> : 이름 </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_guest_input_password_##]" value="[##_guest_password_##]" />
<label for="password"> : 패스워드 </label>
</p>
<p>
<input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="homepage" />
<label for="homepage"> : 홈페이지 </label>
</p>
</s_guest_form>
</s_guest_member>
<p>
<textarea name="[##_guest_textarea_body_##]" cols="50" rows="6"> </textarea>
</p>
<p>
<input type="submit" value="안부 남기기" onclick="[##_guest_onclick_submit_##]" class="submit" />
</p>
</div><!-- guestWrite close -->
</s_guest_input_form>

<s_guest_container>
<div class="guestList">
<ol>
<s_guest_rep>
<li id="[##_guest_rep_id_##]">
<div class="[##_guest_rep_class_##]">
<span class="name">[##_guest_rep_name_##]</span>
<span class="date"> [##_guest_rep_date_##]</span>
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
<a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write">&nbsp;<span>댓글쓰기</span></a>
</span>
<p>[##_guest_rep_desc_##]</p>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="[##_guest_rep_id_##]">
<div class="[##_guest_rep_class_##]">
<span class="name">[##_guest_rep_name_##]</span>
<span class="date"> [##_guest_rep_date_##]</span>
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
</span>
<p>[##_guest_rep_desc_##]</p>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ol>
</div><!-- guestList close -->
</s_guest_container>
</div><!-- guestbook close -->
</s_guest>

<s_notice_rep>
<div class="entryNotice">
<div class="titleWrap">
<h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2>
<span class="category">공지사항</span><span class="date">[##_notice_rep_date_##]</span>
</div>
<div class="article">
[##_notice_rep_desc_##]
</div>
</div>
</s_notice_rep>

<s_article_protected>
<div class="entryProtected">
<div class="titleWrap">
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
<span class="date">[##_article_rep_date_##]</span>
</div>
<p class="text">보호되어 있는 글입니다. <br />
내용을 보시려면 비밀번호를 입력하세요.</p>
<p><label for="[##_article_password_##]">비밀번호 ::</label>
<input id="[##_article_password_##]" name="[##_article_password_##]" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##]" />
<input type="button" class="submit" value="확인" onclick="[##_article_dissolve_##]" />
</p>
</div>
</s_article_protected>

<s_article_rep>
<div class="entry">
<div class="titleWrap">
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
<span class="category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a> </span>
<span class="date">[##_article_rep_date_##]</span>
<span class="author"> posted by [##_article_rep_author_##]</span>
<s_ad_div>
<div class="admin">
<a href="[##_s_ad_m_link_##]">수정</a> :
<a href="#" onclick="[##_s_ad_m_onclick_##]">수정(창으로)</a> |
([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> |
<a href="#" onclick="[##_s_ad_t_onclick_##]">관련글(트랙백)</a> |
<a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a>
</div>
</s_ad_div>
</div><!-- titleWrap close -->

<div class="article">
[##_article_rep_desc_##]
</div>

<s_tag_label>
<div class="tagTrail">
<span class="tagText">TAG </span> [##_tag_label_rep_##]
</div>
</s_tag_label>

<div class="actionTrail">
<a href="#tb" onclick="[##_article_rep_tb_link_##]">
<s_tb_count> 트랙백 <span class="cnt">[##_article_rep_tb_cnt_##]</span>개</s_tb_count>
</a>
,
<a href="#rp" onclick="[##_article_rep_rp_link_##]">
<s_rp_count> 댓글 <span class="cnt">[##_article_rep_rp_cnt_##]</span>개가 달렸습니다.</s_rp_count>
</a>
</div>

<s_tb>
<div class="trackback gray8">
<h3>Trackbas address :: [##_tb_address_##]</h3>
<s_tb_container>
<ol>
<s_tb_rep>
<li id="[##_tb_rep_id_##]">
<span class="from">Tracked from <span class="name">[##_tb_rep_site_##]</span></span>
at <span class="date">[##_tb_rep_date_##]</span>
<a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete">&nbsp;<span>삭제</span></a>
<h4>Subject: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4>
<p>[##_tb_rep_desc_##]...</p>
</li>
</s_tb_rep>
</ol>
</s_tb_container>
</div><!-- trackback close -->
</s_tb>

<s_rp>
<div class="comment">
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
Commented by <span class="name">[##_rp_rep_name_##]</span>
at <span class="date"> [##_rp_rep_date_##]</span>
<div class="control">
<a href="[##_rp_rep_link_##]" class="address">&nbsp;<span>댓글주소</span></a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
<a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write">&nbsp;<span>댓글쓰기</span></a>
</div>
<p>[##_rp_rep_desc_##]</p>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
Commented by <span class="name">[##_rp_rep_name_##]</span>
at <span class="date"> [##_rp_rep_date_##]</span>
<div class="control">
<a href="[##_rp_rep_link_##]" class="address">&nbsp;<span>댓글주소</span></a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
</div>
<p>[##_rp_rep_desc_##]</p>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ol>
</s_rp_container>
</div><!-- commentList close -->

<s_rp_input_form>
<div class="commentWrite">
<s_rp_member>
<s_rp_guest>
<p>
<input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" />
<label for="name"> : 이름 </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" />
<label for="password"> : 패스워드 </label>
</p>
<p>
<input type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
<label for="homepage"> : 홈페이지 </label>
</p>
</s_rp_guest>
<p class="secretWrap">
<input type="checkbox" name="[##_rp_input_is_secret_##]" class="checkbox" />
<label for="secret"> 비밀글 </label>
</p>
</s_rp_member>
<p>
<textarea name="[##_rp_input_comment_##]" rows="10" cols="50"></textarea>
</p>
<p>
<input type="submit" value="댓글 달기" onclick="[##_rp_onclick_submit_##]" class="submit" />
</p>
</div><!-- commentWrite close -->
</s_rp_input_form>

</div><!-- comment close -->
</s_rp>
</div><!-- entry close -->
</s_article_rep>

<s_paging>
<div class="paging">
<a [##_prev_page_##] class="[##_no_more_prev_##]">&lt;&lt; prev </a>
<span class="numbox">
<s_paging_rep>
<a [##_paging_rep_link_##] class="num"> [##_paging_rep_link_num_##]</a>
</s_paging_rep>
</span>
<a [##_next_page_##] class="[##_no_more_next_##]">next &gt;&gt;</a>
</div>
</s_paging>
</div><!-- content close -->
<hr />

<div id="sidebar">
<s_sidebar>
<!-- 기본 사이드바 -->
<s_sidebar_element>
<!-- 블로그 로고 모듈 -->
<div class="blogImage"><img src="[##_image_##]" alt="블로그 이미지" /></div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 공지사항 모듈 -->
<s_rct_notice>
<div class="notice">
<h3>Notices</h3>
<ul>
<s_rct_notice_rep>
<li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li>
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>

<s_sidebar_element>
<!-- 검색 모듈 -->
<div class="search">
<h3>Search</h3>
<s_search>
<input type="text" name="[##_search_name_##]" value="[##_search_text_##]" onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"/>
<input value="go" type="button" onclick="[##_search_onclick_submit_##]" class="submit"/>
</s_search>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 카테고리 모듈 -->
<div class="category">
<h3>Categories</h3>
[##_category_##]
<SCRIPT language=JavaScript>try{expandTree();}catch(e){}</SCRIPT>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 태그목록 모듈 -->
<div class="tagbox">
<h3>Site Tags</h3>
<ul>
<s_random_tags>
<li><a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a></li>
</s_random_tags>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 최근 포스트 모듈 -->
<div class="recentPost">
<h3>recent Entries</h3>
<ul>
<s_rctps_rep>
<li>
<a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##]</a>
<span class="cnt">[##_rctps_rep_rp_cnt_##]</span>
</li>
</s_rctps_rep>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 최근 댓글 모듈 -->
<div class="recentComment">
<h3>recent Comments</h3>
<ul id="recentComments">
<s_rctrp_rep>
<li>
<a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a><br />
<span class="name">[##_rctrp_rep_name_##]</span>
<span class="date">[##_rctrp_rep_time_##]</span>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 최근 트랙백 모듈 -->
<div class="recentTrackback">
<h3>recent Trackbacks</h3>
<ul>
<s_rcttb_rep>
<li>
<a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##].</a><br />
<span class="name">[##_rcttb_rep_name_##]</span>
<span class="date">[##_rcttb_rep_time_##]</span>
</li>
</s_rcttb_rep>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 최근 보관함 모듈 -->
<div class="archive">
<h3>Archives</h3>
<ul>
<s_archive_rep>
<li>
<a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a>
<span class="cnt">([##_archive_rep_count_##])</span>
</li>
</s_archive_rep>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 달력 모듈 -->
<div class="calendar">
<h3>Calendar</h3>
[##_calendar_##]
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 링크 모듈 -->
<div class="link">
<h3>Links</h3>
<ul>
<s_link_rep>
<li>
<a href="[##_link_url_##]" onclick="window.open(this.href); return false"> [##_link_site_##].</a>
</li>
</s_link_rep>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 카운터 모듈 -->
<div class="counter">
<ul>
<li class="total">Total : [##_count_total_##] </li>
<li class="today">Today : [##_count_today_##]</li>
<li class="yesterday">Yesterday : [##_count_yesterday_##]</li>
</ul>
</div>
</s_sidebar_element>

<s_sidebar_element>
<!-- 배너 모듈 -->
<div class="botton">
<div style="margin:8px 0; font:11px dotum; text-align:center;" >
<a href="http://www.tistory.com" style="margin-bottom:4px; display:block;"><img src="http://i1.daumcdn.net/cfs.tistory/blog/image/tistory/tistoryBanner01.gif" alt="tistory" /></a>
<a href="http://www.tistory.com/join">티스토리 가입하기!</a>
</div>
</div>
</s_sidebar_element>
</s_sidebar>
<s_sidebar>
<!-- 배너 삽입 위치 -->
<s_sidebar_element>
<!-- RSS 링크 -->
<div class="botton">
<a href="[##_rss_url_##]" onclick="window.open(this.href); return false">
<img src="./images/rss.gif" alt="rss"/> </a>
</div>
</s_sidebar_element>
</s_sidebar>
</div><!-- sidebar close -->
<hr />

<div id="footer">
<div class="copyright">
<a href="[##_blog_link_##]"> [##_blogger_##]</a>'s Blog is powered by
<a href="http://www.daum.net" onclick="window.open(this.href); return false">Daum</a>
</div>
<div class="copyright">
Base skin 'Tistory' by <a href="http://plyfly.net" onclick="window.open(this.href); return false">plyfly.net</a> /
Base skin 'Box for 0.94' by jericho /
'Letter Box' for 1.1 by <a href="http://gendoh.tistory.com">Gendoh</a>
</div>
</div>
</div><!-- container close -->
</s_t3>
</body>
</html>




-------------------------------------------------------------
style.css


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

/* 본문 공통 */
body{
font:0.75em/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
color:#666;
background-image:/*@background-image=url(./images/bg.gif)*/none/*@*/;
/*@background-image-position=background-position:;*/background-position: ;/*@*/
/*@background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
/*@background-color=background-color:;*/background-color: #FFFFFF;/*@*/
}
a:link { text-decoration:none; color:Black}
a:visited { text-decoration:none; color:Black}
a:hover { text-decoration:underline; color:Black}
a:active { text-decoration:none; color:Black}

/* 페이징 - 현재 페이지 */
.selected { font-weight:bold; color:#333;}
.no-more-prev,
.no-more-next { color:#ccc; font:1.1em Dotum, Arial, sans-serif;}

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

/* 달력 월 표시 */
.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:#fff;}
.cal_current_week { background-color:#eee;}

/* 달력 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:#000; 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:#999; text-align:center;}
/* 그림 */
.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 { margin:0; padding:0;}
h1 { font-size:1.8em;}
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:340=*/940px/*@*/;
margin:0px;
padding : 0;
position:relative;
left: 50px;
}

#header {
padding: /*@title-height:-82=padding-top:*/18px/*@*/ 10px 0 0px;
margin-bottom:8px;
border-bottom: solid 1px #999;
/*@title-background-image=background-image:;*/background-image: none;/*@*/
/*@title-background-image-position=background-position:;*/background-position: center center;/*@*/
/*@title-background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
/*@title-background-color=background-color:;*/background-color: transparent;/*@*/
}
#content {
float:left;
width:/*@post-width=30*/600px/*@*/;
overflow:hidden;
border : solid 1px #aaa;
padding : 5px 25px 30px;
margin : 0;
background-color:#fff;
}

#sidebar {
float:right;
width:200px;
border : solid 1px #aaa;
padding : 10px 12px;
margin : 0;
background-color:#fff;
}


#footer {
clear : both;
padding : 20px 0 0 0;
}

/* ***** Header ***** */

#header a
{
padding:0 3px;
}

#header h1 a
{
font-family:Trebuchet MS,helvetica,verdana,tahoma,/*@title-font-family=돋움*/inherit/*@*/;
font-size:/*@title-font-size=15pt*/12px/*@*/;
color: /*@title-color=*/#EBEBEB/*@*/;

}
#header div.blogdesc
{
height: 20px;
font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움;
font-size:9pt;
color: #666;
}

#header .blogMenu { right:10px; text-align:right;}
#header .blogMenu ul { margin:0; padding:0; list-style:none;}
#header .blogMenu li { display:inline; margin-left:3px; padding-left:7px;}

#header .blogMenu a,
#header .blogMenu a:active,
#header .blogMenu a:hover,
#header .blogMenu a:visited,
#header .blogMenu a:link
{
color:#666;
}

#header li.tab_localog { background:none;}


/* ***** content ***** */
#content .localog,
#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .entry { padding:0; margin-bottom:10px;}
#content .guestbook,
#content .searchList,
#content .searchRplist { padding:10px;}

#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3 { border-bottom:1px solid #ccc; margin-bottom:10px; color:#222;}

.searchList ol,
.searchRplist ol { list-style:none; padding:5px; margin:0;}
.searchList li,
.searchRplist li { border-bottom:1px solid #eee; 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:#999;}
.searchRplist .name { font:0.95em Dotum, 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:#5a5194;}
.localog a:visited { color:#5a5194;}
.localog a:hover { color:#7870ab; 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 { background-color:#eee; color:#a2348f; font-weight:bold; font-size:16px;}
.taglog li .cloud2 { background-color:#eee; color:#5a5194; font-weight:bold; font-size:15px;}
.taglog li .cloud3 { background-color:#eee; color:#7870ab; font-weight:bold; font-size:14px;}
.taglog li .cloud4 { background-color:#eee; color:#666; font-size:13px;}
.taglog li .cloud5 { font-size:12px; color:#999; }

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

.guestWrite { padding:10px; background-color:#f5f5f5; border:1px solid #ddd;}
.guestWrite input { width:150px;}
.guestWrite textarea { width:550px; padding:5px 0 5px 0;}
.guestWrite .homepage { width:300px;}
.guestWrite .submit { width:550px; height:22px; background-color:#ccc; 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 { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guestList ol li { border:5px solid #eee; padding:10px; margin-bottom:10px; width:550px; overflow:hidden;}
.guestList li ul li { margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:none; width:500px; overflow:hidden;}
.guestList li .name { color:#666; font-weight:bold;}
.guestList li .date { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.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 { font-size:1.2em; line-height:200%;}

.titleWrap { border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:10px;}

.entryNotice .titleWrap h2 a,
.entryProtected .titleWrap h2 a,
.entry .titleWrap h2 a
{
font-family:/*@post-title-font-family=Trebuchet MS,helvetica,verdana,tahoma,돋움*/inherit/*@*/;
line-height:200%;
font-size:/*@post-title-font-size=1.2em*/16px/*@*/;
font-weight:bold;
color:/*@post-title-color=#333333*/#636363/*@*/;
background-image:url(./images/underline.gif);
background-repeat:no-repeat;
background-position:bottom;
}

.titleWrap .category a { font:1em Dotum, Arial, sans-serif; color:#888; margin-right:6px;}
.titleWrap .date { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888;}

.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;}

.article { width:/*@post-width=*/600px/*@*/; margin:5px 5px 30px 5px; overflow:hidden; color:/*@post-body-color=#333*/#9A9A9A/*@*/; /*@post-body-font-family=font-family:;*/font-family: batang;/*@*/ /*@post-body-font-size=font-size:;*/font-size: 12px;/*@*/}
.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 40px; background:url(images/entryTag.gif) center left no-repeat; clear:both;}
.tagText { display:none;}

.actionTrail { border-top:1px dotted #ccc; padding:7px 5px; font:11px verdana; clear:both; color:#999;}
.actionTrail a { color: #999; }
.actionTrail a:link { color: #999; }
.actionTrail a:visited { color: #999; }
.actionTrail a:hover { color: #999; }
.actionTrail a:active { color: #999; }
.actionTrail .cnt { color:#999;}

.trackback { border-top:1px solid #ddd; background-color:#f5f5f5; padding:10px; margin-bottom:4px; width:/*@post-width=*/600px/*@*/; overflow:hidden;}
.trackback a { color:#999;}
.trackback h3 { font:11px Verdana; color:#999; border-bottom:1px solid #f5f5f5; margin:5px 5px 10px 5px;}
.trackback h4 { font:12px Verdana; font-weight:normal; margin:0;}
.trackback ol { margin:0; padding:0; list-style:none;}
.trackback li { border-top:1px dotted #ccc; padding:5px;}
.trackback .date { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777;}
.trackback p { font:0.95em Dotum, Arial, sans-serif; color:#999; 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 { border-top:1px solid #ddd; background-color:#f5f5f5; padding:10px; margin-bottom:4px; width:/*@post-width=*/600px/*@*/; overflow:hidden;}
.comment p { margin:3px 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:#777;}
.comment .name { font-weight:bold;}
.comment ol li { padding:10px 5px;}
.comment li ul li { padding:5px 10px 5px 25px; background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px;}
.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:5px; margin-top:20px;}
.commentWrite input { width:150px;}
.commentWrite textarea { width:/*@post-width:-30=*/570px/*@*/; padding:5px 0 5px 0;}
.commentWrite .homepage { width:300px;}
.commentWrite .submit { width:/*@post-width:-30=*/570px/*@*/; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px; }
.commentWrite .secretWrap { }
.commentWrite .checkbox { border:none; padding:0; margin:0; width:25px;}

.paging { padding-top:10px; text-align:center; font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#999;}
.paging a:link, .paging a:hover, .paging a:visited, .paging a:active { color:#999; }
.paging .numbox { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;}
.paging .num { border-right:1px solid #ccc; padding-right:6px; margin-right:6px;}
.paging .prev,
.paging .next { font:1.1em Dotum, Arial, sans-serif; }


/* ***** sidebar ***** */
#sidebar { }
#sidebar ul { padding:0; margin:0; list-style:none;}
#sidebar li { padding:0 0 0 10px; background:url(images/bul.gif) 5px 6px no-repeat; }
#sidebar h3
{
line-height:17px;
font-size:8pt;
font-weight:bold;
background-color: #F7F7F7;
color:#666;
border:1px solid #ddd;
margin-top:15px;
margin-bottom:3px;
padding-top:0px;
padding-left:10px;
font-family:georgia,verdana,tahoma,돋움;
}

#sidebar .cnt { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#888;}
#sidebar .date { font:0.9em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#888;}
#sidebar .name { font:0.9em Dotum, Arial, sans-serif; color:#888;}

#sidebar .blogImage img { width:190px; padding-bottom:6px;}

#sidebar .search input { width:160px; height:16px; margin-left:5px;}
#sidebar .search .submit
{
color:#999999;
background-color:#F7F7F7;
border:1px #CCCCCC solid;
width:20px;
height:18px;
font-size:8pt;
}

#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 { padding:5px 2px; text-align:justify; padding : 0 10px 0 10px;}
#sidebar .tagbox li { background:none; padding : 0; display:inline;}
#sidebar .tagbox a { letter-spacing:-1px;}
#sidebar .tagbox li .cloud1 { background-color:#eee; font-weight:bold; font-size:16px; color:#a2348f;}
#sidebar .tagbox li .cloud2 { background-color:#eee; font-weight:bold; font-size:15px; color:#5a5194;}
#sidebar .tagbox li .cloud3 { background-color:#eee; font-weight:bold; font-size:14px; color:#7870ab;}
#sidebar .tagbox li .cloud4 { background-color:#eee; font-size:13px; color:#666;}
#sidebar .tagbox li .cloud5 { font-size:12px; color:#888;}
#sidebar .tagbox a:hover { background-color:#eee; text-decoration:none; color:#000;}

#sidebar .recentComment {width:190px; overflow:hidden;}
#sidebar .recentTrackback {width:190px; overflow:hidden;}

#sidebar .archive { font-family:verdana;}
#sidebar .calendar { font-family:verdana;}
#sidebar .calendar table { padding-left:5px; padding-right:5px; }
#sidebar .calendar table th { border: solid 1px #eee; }
#sidebar .calendar table td { border: solid 1px #f8f8f8; }

#sidebar .counter { font:0.85em Verdana, Helvetica, Arial, Gulim, 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 .botton img { padding:5px;}

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

/* color deco */
.gray8 {
color:#999999;
}
.gray8 a,
.gray8 a:link,
.gray8 a:active,
.gray8 a:visited,
.gray8 a:hover
{
color:#999999;
}

.adminlink
{
text-align: right;
}


-----------------------------






신고