아직 로그인하지 않았습니다. 로그인 또는 회원 등록을 해 주시기 바랍니다.
입력을 마치기 전에 (필수) 로 명기된 부분은 모두 적어 주셔야 합니다.
니들웍스 #articleBtmWrap { width:/*@post-width:-68=*/600px/*@*/; background: #f8f8f8; border: 1px solid #f5f5f5; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; padding: 0px 0; margin-left: 0px; }
.comment { border: 1px solid red; width:/*@post-width:-98=*/570px/*@*/; overflow:hidden; margin-left: 15px; }요렇게 수정하니 제대로 보입니다.
width 값을 주석으로 -68px를 제외하신 듯 싶은데요. 그대로 제외없이 넣어주고
commnet 영역은 -30px를 하였습니다.
안녕하세요~ 블로그를 간단한 포트폴리오 페이지로 수정하고 잇습니다.
이렇게 저렇게 찾아가면서 수정을 해왔는데 댓글 박스는 어떻게 해야할 지 모르겠네요 ;;
하다보니 오른쪽이 짧아져 있어 포스트 본문과 길이가 맞지 않네요
댓글 박스 전체를 중앙 정렬할 수 있는지
아니면 박스 크기를 본문 사이즈로 느릴 수 있는지 알려주세요 ~
주소는 www.inggoon.com
이구요
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" />
<title>[##_title_##] :: [##_page_title_##]</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
</head>
<body>
<s_t3>
<div id="container">
<div id="header">
<div id="searchBox">
<s_search>
</s_search>
</div>
<h1><a href="[##_blog_link_##]" title="[##_title_##]"><img src="./images/inggoon_com.gif" width="500" height="83" alt="[##_title_##]" /></a></h1>
</div>
<div id="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 블로그 이미지 모듈 -->
<div id="blogImage"><img src="[##_image_##]" alt="블로그 이미지" /></div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 블로그 설명 모듈 -->
<div id="blogDesc">[##_desc_##]</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 블로그 메뉴 -->
<div id="blogMenu">
<ul>
<br><li class="tab_guestbook"><a href="[##_guestbook_link_##]">GUESTBOOK</a><br>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 공지사항 모듈 -->
<s_rct_notice>
<div id="notice">
<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 id="category">
<div class="wrapAbContent">
[##_category_list_##] </div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 태그목록 모듈 -->
<div id="tagbox">
<h3>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 id="recentPost">
<h3>Recent Posts</h3>
<ul>
<s_rctps_rep>
<li>
<a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##].</a> <span class="ps_cnt">[##_rctps_rep_rp_cnt_##]</span>
</li>
</s_rctps_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 댓글 모듈 -->
<div id="recentComment">
<h3>Recent Comments</h3>
<ul id="recentComments">
<s_rctrp_rep>
<li><a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a>
<span class="info"><span class="name">[##_rctrp_rep_name_##]</span><span class="date">[##_rctrp_rep_time_##]</span></span>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 트랙백 모듈 -->
<div id="recentTrackback">
<h3>Recent Trackbacks</h3>
<ul>
<s_rcttb_rep>
<li>
<a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##].</a>
<span class="info"><span class="name">[##_rcttb_rep_name_##]</span><span class="date">[##_rcttb_rep_time_##]</span></span>
</li>
</s_rcttb_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 보관함 모듈 -->
<div id="archive">
<h3>Archives</h3>
<ul>
<s_archive_rep>
<li>
<a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a> <span class="ps_cnt">([##_archive_rep_count_##])</span>
</li>
</s_archive_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- calender -->
<br> <a href="http://s06.flagcounter.com/more/WLpI"><img src="http://s06.flagcounter.com/count/WLpI/bg=FFFFFF/txt=757575/border=FFFFFF/columns=2/maxflags=20/viewers=3/labels=0/" alt="free counters"></a> </s_sidebar_element>
<s_sidebar_element>
<!-- link -->
<div id="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>
<!-- counter -->
<div id="counter">
<span class="total"> Total : [##_count_total_##] </span><br>
<span class="today"> Today : [##_count_today_##] </span>
<span class="yesterday"> Yesterday : [##_count_yesterday_##] </span> </div>
</s_sidebar_element>
<!-- etc -->
<s_sidebar_element>
<div id="btnRSS">
<a href="[##_rss_url_##]" onclick="window.open(this.href); return false"><img src="./images/rss.gif" alt="RSS" width="55" height="33" /></a>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
<div id="content">
<s_list>
<div id="searchList" class="nonEntry">
<ol>
<s_list_rep>
<li>
<b><a href="[##_list_rep_link_##]">[##_list_rep_title_##]</b></a>
<span class="cnt">[##_list_rep_rp_cnt_##]</span>
</li>
</s_list_rep></ol>
</div>
</s_list>
<s_rplist>
<div id="searchRplist" class="nonEntry">
<h3>'[##_rplist_conform_##]' comment [##_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_local>
<div id="localog" class="nonEntry">
<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 id="taglog" class="nonEntry">
<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 id="guestbook" class="nonEntry">
<h3>" Say To Me "</h3>
<s_guest_input_form>
<div id="guestWrite">
<s_guest_member>
<s_guest_form>
<p>
<input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" />
<label > : Name </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_guest_input_password_##]" value="" />
<label > : Password </label>
</p>
<p>
<input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="homepage" />
<label > : homepage </label>
</p>
</s_guest_form>
</s_guest_member>
<p>
<textarea name="[##_guest_textarea_body_##]" cols="55" 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 id="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"><span>Modify/Delete</span></a>
<a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write"><span>Reply</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"><span>Modify/Delete</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>
<span class="category"></span> </span>
</div>
<div class="article">
[##_notice_rep_desc_##]
</div>
</div>
</s_notice_rep>
<s_article_protected>
<div class="entryProtected">
<div class="titleWrap">
<h2>[##_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">
</s_ad_div>
</div><!-- titleWrap close -->
<div class="article">
[##_article_rep_desc_##]
</div>
</div>
<s_tag_label>
<div class="tagTrail">
<span class="tagText">TAG </span> [##_tag_label_rep_##]
</div>
</s_tag_label>
<div id="articleBtmWrap">
<div class="actionTrail">
</div>
<a href="#rp" onclick="[##_article_rep_rp_link_##]"><s_rp_count> Comment <span class="cnt">[##_article_rep_rp_cnt_##]</span></s_rp_count></a>
<s_tb>
<div class="trackback">
<h3>Trackback Address :: [##_tb_address_##]</h3>
<s_tb_container>
<ol>
<s_tb_rep>
<li id="[##_tb_rep_id_##]">
<h4>Subject: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4>
<span class="from">Tracked from <span class="name">[##_tb_rep_site_##]</span></span>
<span class="date">[##_tb_rep_date_##]</span>
<a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete"> <span>Delete</span></a>
<p>[##_tb_rep_desc_##]</p>
</li>
</s_tb_rep>
</ol>
</s_tb_container>
</div><!-- trackback close -->
</s_tb>
<s_rp>
<div class="comment">
<h3>comment </h3>
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
<span class="name">[##_rp_rep_name_##]</span>
<span class="date"> [##_rp_rep_date_##]</span>
<span class="control">
<a href="[##_rp_rep_link_##]" class="address">Address</a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">Modify/Delete</a>
<a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write">Reply</a>
</span>
<p>[##_rp_rep_desc_##]</p>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
<span class="name">[##_rp_rep_name_##]</span>
<span class="date"> [##_rp_rep_date_##]</span>
<span class="control">
<a href="[##_rp_rep_link_##]" class="address">Address</a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">Modify/Delete</a>
</span>
<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 > : Name </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_rp_input_password_##]" value="" />
<label > : Password </label>
</p>
<p>
<input type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
<label > : homepage </label>
</p>
</s_rp_guest>
<p class="secretWrap">
<input type="checkbox" name="[##_rp_input_is_secret_##]" class="checkbox" />
<label > secret </label>
</p>
</s_rp_member>
<p>
<textarea name="[##_rp_input_comment_##]" rows="10" cols="50"></textarea>
</p>
<p>
<input type="" 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 id="paging">
</div>
</s_paging>
</div>
<div id="footer">
<div class="adTistory">
<div class="copyright">
<span class="tistory"> <a href="http://www.inggoon.com" onclick="window.open(this.href); return false">Copyright © <b>Incheol Hwang</b> All Rights Reserved. </a></span></p> <br>
</div>
</div>
</div>
</s_t3>
</body>
</html>style.css
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
font-family: 돋움,Dotum,AppleGothic,sans-serif;
font-size:12px;
line-height: 1.5;
/*@background-image=background-image:*/background-image: none/*@*/;
/*@background-image-position=background-position:*/background-position: left top/*@*/;
/*@background-image-repeat=background-repeat:*/background-repeat: repeat/*@*/;
/*@background-color=background-color:*/background-color: #FFFFFF/*@*/;
padding:0; margin:0;
}
a:link { color:#666; text-decoration:none;}
a:visited { color:#666; text-decoration:none;}
a:hover { color:#666; text-decoration:underline;}
a:active { color:#666; text-decoration:none;}
img { border: 0; }
/* 페이징 - 현재 페이지 */
.selected { font-weight: color:#FFF; }
.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#FFF;}
.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#FFF;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor: pointer; }
/* 5. 입력 텍스트 */
.text { border:1px solid #999; }
/* 6. 트리 테이블 */
.branch2 { }
/* 7. 트리 셀 */
.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 { }
/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 { }
/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
.ps_cnt { font-size: 11px; color : #999; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
#container { /*@post-width:295=width:;*/width: 895px;/*@*/ margin: 0 auto; }
#header {
float: left;
/*@post-width:215=width:;*/width: 815px;/*@*/
height:/*@title-height=*/90px/*@*/;
margin: 30px 0 30px 40px; display: inline;
/*@title-background-image=background-image:*/background-image: none/*@*/;
/*@title-background-image-position=background-position:*/background-position: left top/*@*/;
/*@title-background-image-repeat=background-repeat:*/background-repeat: repeat/*@*/;
/*@title-background-color=background-color:*/background-color: #FFFFFF/*@*/;
}
#header h1{
float: left;
margin-top: 5px;
/*@title-font-size=font-size:*/font-size: 16px/*@*/;
/*@title-font-family=font-family:*/font-family: dotum/*@*/;
/*@title-color=color:*/color: #78262A/*@*/;
font-weight:bold;
}
#header h1 a {
/*@title-font-size=font-size:*/font-size: 16px/*@*/;
/*@title-font-family=font-family:*/font-family: dotum/*@*/;
/*@title-color=color:*/color: #78262A/*@*/;
}
#searchBox { float: right; margin-top: 98px; margin-right: 15px; display: inline;}
#searchBox input.search_keyword { border: 1px solid #e1e1e1; background-color: #f3f3f3; float: left; margin-right: 4px; }
#searchBox input.button {background: url(./images/inggoon_search.gif) no-repeat; width: 32px; height: 20px; text-indent: -1000em; border: 0px; cursor: pointer; float: left; }
/* sidebar */
#sidebar { clear: both; float: left; width: 190px; margin-left: 40px; display: inline; padding-bottom: 30px; }
#blogImage {margin-bottom: 5px; }
#blogImage img { width: 190px; }
#blogDesc { font-size: 10px; font-family: tahoma; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #ececec;}
#blogMenu { margin: 0; padding: 0; }
#blogMenu ul { list-style:none; margin: 0; padding: 0;}
#blogMenu li a { list-style:none; width: 190px; height: 29px; text-indent: -100em; text-decoration: none; display:block; border-bottom: 1px solid #ececec;}
#blogMenu li.tab_home a { background: url(./images/m_home.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_home a:hover { background: url(./images/m_home_over.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_localog a { background: url(./images/m_location.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_localog a:hover { background: url(./images/m_location_over.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_taglog a { background: url(./images/m_tags.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_taglog a:hover { background: url(./images/m_tags_over.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_media a { background: url(./images/m_media.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_media a:hover { background: url(./images/m_media_over.gif) no-repeat; overflow: hidden; }
#blogMenu li.tab_guestbook a { background: url(./images/m_guestbook.gif) no-repeat; overflow: hidden;}
#blogMenu li.tab_guestbook a:hover { background: url(./images/m_guestbook_over.gif) no-repeat; overflow: hidden;}
#blogMenu li.tab_admin a { background: url(./images/m_admin.gif) no-repeat; overflow: hidden;}
#blogMenu li.tab_admin a:hover { background: url(./images/m_admin_over.gif) no-repeat; overflow: hidden;}
#blogMenu li.tab_newpost a { background: url(./images/m_newpost.gif) no-repeat; overflow: hidden;}
#blogMenu li.tab_newpost a:hover { background: url(./images/m_newpost_over.gif) no-repeat; overflow: hidden;}
/* category */
#category { border: 0px solid #ececec; margin-top: 10px;}
#treeComponent #cafegoryWrapTd { padding: 10px; }
#category { auto; font-family: Verdana; font-size: 10px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
#category li ul li ul li a {color:#000000; padding-right:10px; }
#category li ul li ul {margin:1px 0;border-top:1px solid #ddd;}
#category .wrapAbContent { padding: 0 10px 10px 0px; }
/* tag cloud */
#tagbox { border: 1px solid #ececec; margin-top: 12px; }
#tagbox ul {text-align: justify; margin: 10px;}
#tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
#tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#tagbox li .cloud2 { font-size : 12px; color : #000; }
#tagbox li .cloud3 { font-size : 12px; color : #ddd; }
#tagbox li .cloud4 { font-size : 12px; color : #999; }
#tagbox li .cloud5 { font-size : 12px; color : #999; }
#tagbox h3 { width: 170px; padding: 10px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
/* notice */
#notice { border: 0px solid #ececec; margin-top: 10px; }
#notice ul { padding: 0; list-style: none; margin: 10px;}
#notice li { list-style: none; line-height: 1.4; }
#notice { auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #000; border-bottom: 1px solid #f5f5f5;}
/* recentPost */
#recentPost { border: 1px solid #ececec; margin-top: 10px; }
#recentPost ul { padding: 0; list-style: none; margin: 10px;}
#recentPost li { list-style: none; line-height: 1.4; }
#recentPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
#recentPost h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
/* recentComment */
#recentComment { border: 1px solid #ececec; margin-top: 10px; }
#sidebar ul { padding: 0; list-style: none; margin: 10px;}
#recentComment li { list-style: none; line-height: 1.4; }
#recentComment li.cnt { font-family: verdana; font-size: 10px; color: #999; }
#recentComment h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
#recentComment li .info { color: #999; }
/* recentTrackback */
#recentTrackback { border: 1px solid #ececec; margin-top: 10px; }
#recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
#recentTrackback li { list-style: none; line-height: 1.4; }
#recentTrackback h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
#recentTrackback li .info { color: #999; }
/* archive */
#archive { border: 1px solid #ececec; margin-top: 10px; }
#archive ul { padding: 0; list-style: none; margin: 10px;}
#archive li { list-style: none; line-height: 1.4; }
#archive li .cnt { font-family: verdana; font-size: 10px; color: #999; }
#archive h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
/* calendar */
#calendar { border: 1px solid #ececec; margin-top: 10px; }
#calendar .tt-calendar { width: 170px; }
#calendar .wrapAbContent { padding: 0 10px 10px 10px; }
/* Links */
#link { border: 0px solid #ececec; margin-top: 10px; }
#link ul { padding: 0; list-style: none; margin: 10px;}
#link li { list-style: none; line-height: 1.4; }
#link h3 { width: 170px; padding: 0 0; margin: 0px auto; font-family: Verdana; font-size: 0px; font-weight: normal; color: #666; border-bottom: 0px solid #f5f5f5;}
/* Counter */
#counter { width: 190px; height: 31px; border-bottom: 1px solid #ececec; font-family: verdana,san-serif; font-size:10px; color: #999;}
#counter li { display: inline; margin-right: 7px; }
/* RSS */
#btnRSS { width: 190px; border-bottom: 1px solid #ececec; }
#btnRSS img {margin-left: 6px;}
/* content */
#content{ float:right; width:/*@post-width=*/600px/*@*/; margin-right: 40px; padding-bottom: 56px; display: inline; }
/* ***** content ***** */
#content .nonEntry { }
#content .nonEntry h3 {
/*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
/*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
/*@post-title-color=color:*/color: #000000/*@*/;
margin: 0; padding: 10px 0;
font-weight: bold;
border-bottom: 1px solid #f6f6f6;
margin-bottom: 14px;
}
#content .entry { width:/*@post-width=*/600px/*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
#searchList ol,
#searchRplist ol { list-style:none; padding:5px 0; margin:0;}
#searchList li,
#searchRplist li { border-bottom:1px solid #f6f6f6; padding: 6px 0;}
#searchList .date,
#searchRplist .date { color: #999; margin-right:10px; }
#searchList .cnt { color: #999; }
#searchRplist .name { 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 { color: #666;}
#localog a:link { color: #999;}
#localog a:visited { color: #999;}
#localog a:hover { color: #999; text-decoration: none;}
#taglog ul { padding:5px; margin:0; text-align:justify;}
#taglog li { display:inline;}
#taglog a:hover { background-color:#eee; color:#000;}
#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#taglog li .cloud2 { font-size : 12px; color : #000; }
#taglog li .cloud3 { font-size : 12px; color : #ddd; }
#taglog li .cloud4 { font-size : 12px; color : #999; }
#taglog li .cloud5 { font-size : 12px; color : #999; }
#guestbook p { padding:2px 0; margin:0;}
#guestWrite { padding:10px; background-color:#f8f8f8; border:1px solid #f5f5f5; color: #666;}
#guestWrite input { width:150px; border:1px solid #f5f5f5; color: #666; }
#guestWrite textarea { width:/*@post-width:-38=*/562px/*@*/; overflow: hidden; padding:5px; border:1px solid #f5f5f5;}
#guestWrite .homepage { width:300px;}
#guestWrite .submit { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}
#guestList { padding:10px 0 0 0; color: #666; }
#guestList ol,
#guestList ul { margin:0; padding:0; list-style:none;}
#guestList li p { border-top:1px solid #ededed; margin-top:5px; padding-top:5px;}
#guestList ol li { border:5px solid #f5f5f5; padding:10px; margin-bottom:10px; 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:/*@post-width:-102=*/498px/*@*/; overflow:hidden;}
#guestList li .name { color:#666; }
#guestList li .date { font-family: verdana; font-size: 11px; color: #999; }
#guestList .control a span { font-size: 11px; color: #999; }
/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2 {
/*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
/*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
/*@post-title-color=color:*/color: #000000/*@*/;
border-bottom: 1px solid #f6f6f6;
}
.entryNotice h2 a,
.entryProtected h2 a,
.entry h2 a {
/*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
/*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
/*@post-title-color=color:*/color: #000000/*@*/;
}
.titleWrap { width:/*@post-width=*/600px/*@*/; overflow: hidden; color: #999;}
.titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/color: #000000/*@*/; margin-bottom: 14px; }
.titleWrap h2 a:link { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
.titleWrap h2 a:visited { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
.titleWrap h2 a:hover { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
.titleWrap h2 a:active { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
.entryProtected { color: #666; }
.entryProtected p.text { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
.entryProtected input { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}
.article { width:/*@post-width:-68=*/532px/*@*/; font-size:/*@post-body-font-size=*/11px/*@*/; font-family: /*@post-body-font-family=*/Courier New/*@*/; color:/*@post-body-color=*/#000000/*@*/; overflow:hidden; padding: 40px 0; margin-left: 34px; }
.article a:link { color:#666; text-decoration:none;}
.article a:visited { color:#666; text-decoration:none;}
.article a:hover { color:#666; text-decoration:underline;}
.article a:active { color:#666; 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;}
.author { text-align:right; color:#888; padding:20px 20px;}
.author .text { font:90% Verdana, Arial, Helvetica, sans-serif;}
.tagTrail { padding:8px 5px 5px 30px; background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
.tagText { display:none;}
#articleBtmWrap { width:/*@post-width:-68=*/532px/*@*/; background: #f8f8f8; border: 0px solid #f5f5f5; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; padding: 0px 0; margin-left: 0px; }
.actionTrail { width:/*@post-width:-98=*/502px/*@*/; overflow: hidden; border-bottom: 1px solid #fff; margin: 0 15px; padding-bottom: 5px; }
.actionTrail .cnt { color:#ff000a; font-weight: bold; }
.actionTrail a:hover { text-decoration: none; }
.trackback { width:/*@post-width:-98=*/502px/*@*/; overflow:hidden; margin: 0 15px;}
.trackback a { color:#666; text-decoration: none;}
.trackback h3 { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
.trackback h4 { font-family: dotum; font-size: 11px; font-weight:normal; margin:0; }
.trackback ol { margin:0; padding:0; }
.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
.trackback li { border-bottom:1px solid #fff; padding:5px 0;}
.trackback .date { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999;}
.trackback p { margin:2px 0 0 0; padding:0;}
.comment { width:/*@post-width:-98=*/502px/*@*/; overflow:hidden; margin-left: 15px; }
.comment p { margin:3px 0 0 0; padding:0;}
.comment h3 { display:none; }
.comment ol,
.comment ul { padding: 0; margin: 0; }
.comment ol li { padding: 3px 0; border-bottom:1px solid #fff; }
.comment li ul li { padding:5px 10px 5px 35px; background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
.commentWrite { overflow: hidden; color:#666; }
.commentWrite input { width:150px; color:#666; border: 1px solid #f5f5f5; }
.commentWrite textarea { width:/*@post-width:-98=*/502px/*@*/; overflow: hidden; padding: 5px; margin: 5px 0 0 0; color: #666; border: 1px solid #f5f5f5;}
.commentWrite .homepage { width:300px;}
.commentWrite .submit { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
.commentWrite .secretWrap { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
.commentWrite .checkbox { border:none; padding:0; margin:0; width:25px;}
#paging { padding-top:10px; text-align:center; font-size:0.95em;}
#paging .numbox { border-left:1px solid #ddd; padding-left:6px; margin-left:6px; font:0.95em verdana;}
#paging .num { border-right:1px solid #ddd; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
#paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
#paging span .selected { color: #FFFFFF; }
/* footer */
#footer { clear:both; width: 1000px; margin: 0 40px; padding-top: 0px; }
#footer .adTistory { float:left; }
#footer .copyright {float: right; font-family: Vadana, san-serif; font-size: 11px; text-align: right; padding: 0; margin: 0; }
#footer .copyright p, #footer .copyright p a { color: #999; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }
#blogMenu ul {margin: 0; padding: 0;}
#footer .adTistory .logoTistory {
background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
}
* html #footer .adTistory .logoTistory {
background-image:none;
cursor: pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');
}