@charset "utf-8"; 
/*
Theme name: ChocoTheme
Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/chocotheme/
Description: Stylish WordPress theme with two columns, right-sidebar. Tested in all major browsers. If you need support with this theme head over to the author's website. 
Author: CSSMayo
Author URI: http://cssmayo.com/
Version: 0.02
Tags: theme-options, custom-colors, two-columns, dark, brown
Skin by Juo for Tistory.com (2010. 09. 24.)
*/

/* #tistorytoolbarid {display:none;} */
* { margin:0; padding:0; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야 하는 스타일 시작 (참고용)
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 페이징 - 현재 페이지 */
    .selected { }
    .no-more-prev,
	.no-more-next{ }

/* 카테고리 - 이미지 버튼 */
    .ib{ }
	
/* 카테고리 - 트리 셀 */
    .branch3{ }

/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {color:#777; font-size: 11px; font-family:Tahoma, Verdana, sans-serif;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             	{ }
    .rp_admin               	{ } 
    .rp_secret {}

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          {   }
    .guest_admin            {   } 
    .guest_secret             	{  }

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment 		{ }

/* 이미지 아래 캡션 스타일 */
    .cap1                   	{ color:#999;  text-align:center;}

/* 그림 */
    .imageblock             { }

/* 왼쪽 */
    .left                   	{ }

/* 가운데 */
    .center                 	{ }

/* 오른쪽 */
    .right                  	{ }

/* 그림 2개 배치 */
    .dual                   	{}

/* 그림 3개 배치 */
    .triple                 	{}

/* 키워드 */ 
//    .key1 	{ cursor: pointer; border-bottom: 1px dotted #ccc; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야 하는 스타일 끝 
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 공통 요소 및 추가 */
img {border: 0; }
hr {display: none; }
input {vertical-align: middle; }
ul, ol {margin: 0; padding: 0; list-style: none; }
li, dl, dt, dd {margin: 0; padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0; line-height: 1em; }
.clear {clear: both; }
.count {font-size: 11px; }
.article { line-height:200%; }
/*  word-wrap: break-word;  */

/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #dc0a25 !important; font-size: 1.2em; font-weight:bold;}
.cloud2, .cloud2:hover {color: #dc0a25 !important; font-size: 1.1em; font-weight:bold;}
.cloud3, .cloud3:hover {color: #606060 !important; font-size: 1em; font-weight:bold;}
.cloud4, .cloud4:hover {color:#959595; font-size: 1em; }
.cloud5, .cloud5:hover {color:#959595; font-size: 0.9em; }

/* 포스트 내부 요소 */
//.imageblock img {padding:4px 0px 5px 0px; }
//.imageblock { margin:5px 0 10px 0; }
//.imageblock a  { text-decoration:none !important; }

.moreless_fold {padding-left: 20px; background: url("./images/btn_more.gif") 0 5px no-repeat; color: #8b8a8a; font-weight:bold !important; }
.moreless_top {padding-left: 20px; background: url("./images/btn_less.gif") 0 5px no-repeat; color: #8b8a8a; font-weight:bold !important; }
.moreless_bottom {padding-left: 20px; background: url("./images/btn_less.gif") 0 5px no-repeat; color: #8b8a8a; font-weight:bold !important; }

.article_post h1,
.article_post h2,
.article_post h3,

.article_post h4,
.article_post h5,
.article_post h6 {padding:10px 0; line-height:1.1em;}
.article blockquote { margin:0px; padding-left:13px; background:url(images/iconBlockquote.gif) 5px 5px no-repeat; }
h2 .admin {padding-left:5px;}
h2 .admin, .admin a{ font-size:9pt; }
#mediaLogNest { width:100% !important; text-align:right !important; }
#mediaLogContent { margin-left:0px; margin-top:20px; }

* { padding: 0; margin: 0; outline: 0; }
body {
    font-size: 15px;
    line-height: 1.6;
    font-family: "gulim", "Trebuchet MS", Sans-Serif;
    color: #444;
    background: #3a2820;
    text-align: justify;
}

a img { border: 0; }
a { color: #cd4517; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", "Myriad Pro", Tahoma, Sans-Serif; font-weight: normal; line-height: 1.2; }

input, textarea, select, button, label { font-family: Arial, "Trebuchet MS", Sans-Serif; font-size: 12px; color: #444; }
div.field { width: 280px; height: 14px; background: url(images/field.gif) no-repeat 0 0; padding: 8px 5px 8px 7px; overflow: hidden; }
div.textarea { width: 324px; height: 125px; padding: 8px 5px 7px; background: url(images/textarea.gif) no-repeat 0 0; }
div.field input,
div.textarea textarea { border: none; background: none; width: 100%; }
div.textarea textarea { height: 125px; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.alignright { float: right; }
.alignleft { float: left; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 5px 15px; display: inline; }
img.alignleft { margin: 0 15px 5px 0; display: inline; }

#container { width: 1040px; margin: 0 auto; }

#header { padding-top: 30px; height: 85px; }
#header .description { 
font-size: 10px; 
line-height: 10; 
text-transform: uppercase; 
color: #c1ab7d; 
margin-top: 10px;
}
#header .description a { color: #9d6510; text-decoration: none; }

h1 { font-family: "NanumGothic bold","Malgun Gothic"; font-size: 28px; line-height: 1; font-weight: bold; color: #d69959; }
h1 a { text-decoration: none; color: #d69959; }
h1 a span { color: #ffd7a5; }
h1 a:hover { text-decoration: none; }


a.key1{
background:url(./images/link.gif) no-repeat right top;
padding-right:10px;
text-decoration:underline;
}


#logo { float: left; display: inline; }

#nav { float: right; display: inline; font-weight: bold; font-size: 12px; line-height: 30px; text-transform: uppercase; margin-top: 20px; }
#nav ul li { float: left; display: inline; list-style-type: none; }
#nav ul li a { color: #fefefe; text-decoration: none; float: left; display: inline; padding-left: 18px; }
#nav ul li a span { float: left; display: inline; padding-right: 18px; padding-bottom: 2px; white-space: nowrap;}

#tt-body-page ul li.home a,
#tt-body-page ul li.home a:hover,
#tt-body-page ul li.home a span,

#tt-body-tag ul li.tag a,
#tt-body-tag ul li.tag a:hover,
#tt-body-tag ul li.tag a span,

#tt-body-location ul li.location a,
#tt-body-location ul li.location a:hover,
#tt-body-location ul li.location a span,

#tt-body-media ul li.media a,
#tt-body-media ul li.media a:hover,
#tt-body-media ul li.media a span,

#tt-body-guestbook ul li.guest a,
#tt-body-guestbook ul li.guest a:hover,
#tt-body-guestbook ul li.guest a span

{ background: url(images/nav-hover-active.gif) no-repeat 0 0; }

#nav ul li.current_page_item a span,
#nav ul li.current_page_item a:hover span { background-position: right 0; }

#nav ul li a:hover { background-position: 0 bottom; }
#nav ul li a:hover span { background-position: right bottom; }
#nav ul li.dd a span span { padding-right: 15px; background: url(images/nav-dd-arr.gif) no-repeat right center !important; padding-bottom: 0; }

#footer { padding: 15px 0 30px; text-align: center; font-size: 11px; color: #7e6a4f; }
#footer a { color: #9d6510; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.rss { display: inline; padding-left: 14px; background: url(images/ico-rss-2.gif) no-repeat 0 center; }
#footer p.rss a { color: #7e6a4f; }

#main { background: url(images/main-bg.jpg) repeat-y 0 0; width: 100%; position: relative; }
#main-top { background: url(images/main-top.jpg) no-repeat 0 0; }
#main-bot { background: url(images/main-bot.jpg) no-repeat 0 bottom; height: 100%; padding: 50px 20px 70px 60px; min-height: 150px; }

#rss-link { display: block; width: 50px; height: 55px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/ico-rss.png); }
#rss-link { position: absolute; top: -12px; right: -12px; }

#content { float: left; display: inline; width: 662px; font-family: Malgun Gothic, "gulim";} //본문넓이

.post { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 10px; position: relative; height: 100%; }

.post h2, 
.list-page .un-post h3 {
 font-size: 19px; margin-bottom: 22px; 
 font-family: "NanumGothic bold","Malgun Gothic";
}

/* 본문 헤드라인 태그*/
.post h3
{ margin:0px 0 20px; padding:7px 10px 7px 15px; border-bottom:3px solid #bbc6f0; border-top:none; background:#f1f3fc no-repeat; font:15px "Malgun Gothic", "NanumGothic Bold", "나눔고딕 Bold"; color:#4c62bb
}

/*
.post.h3
<div style="BACKGROUND-IMAGE: url(http://cfs.tistory.com/custom/blog/16/161497/skin/images/titlebar.jpg); WIDTH: 705px; HEIGHT: 64px">
<div style="HEIGHT: 28px">
</div><span style="FONT-SIZE: 16pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>서식소제목</strong></span></div>
<div>
</div>
*/

.post h2 a, 
.list-page .un-post h3 a { color: #000; text-decoration: none; }

.post h2 a:hover, 
.list-page .un-post h3 a:hover { text-decoration: none; }

//.post .date { position: absolute; top: -7px; left: -123px; width: 75px; height: 80px; text-align: center; }
//.post .date .bg { background: url(images/date.png) no-repeat 0 0; width: 70px; height: 62px; padding: 18px 0 0 5px; }
//.post .date span { display: block; font-size: 16px; font-weight: bold; color: #f4b995; line-height: 1; text-transform: uppercase; }
//.post .date span.day { font-size: 26px; }
.post .article img// { background: #fff; padding: 2px; border: solid 10px #e2e2e2; }
.post .article p { margin-bottom: 18px; }
.post .meta { padding-top: 13px; background: url(images/meta-top.gif) no-repeat 0 0; }
.post .meta { font-size: 10px; font-family: Verdana, Tahoma, Arial, Sans-Serif; color: #444; }
.post .meta p { padding: 5px 0; line-height: 15px; }
.post .meta .bg { background: #fafafa url(images/meta-bg.gif) repeat-x 0 bottom; border-left: solid 1px #dedede; border-right: solid 1px #dedede; padding: 0 10px; height: 100%}
.post .meta .bot { height: 4px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/meta-bot.gif) no-repeat 0 0; }
.post .meta .comments-num { float: right; display: inline; font-size: 11px; color: #682815; font-weight: bold; }
.post .meta .comments-num { padding: 5px 0 5px 30px; margin-left: 10px; background: url(images/meta-comments-num.gif) no-repeat 0 3px; }

#sidebar { float: right; display: inline; width: 264px; padding-bottom:120px; margin-top: -20px; _margin-right:-7px; }
.widget_calendar { width: 204px }

#sidebar a { color: #FFE6A8; }

#sidebar h2 { line-height: 52px; width: 245px; background: url(images/widgettitle.jpg) no-repeat 0 0; color: #2e2019; font-size: 20px; padding-left: 20px; }

#recentPost, #recentComment, #recentTrackback, #blogImage, #sidebarLink, #tagbox, #notice, #archive, #category{
padding-bottom:5px;
line-height : 120%
color:#000000;
}


#sidebar ul li { list-style-type: none; }
#sidebar ul ul { padding: 0 10px 10px 3px; 
font-size:12px; //사이드바 폰트 크기
line-height:120%;
}

#sidebar ul ul li { background: url(images/sidebar-list-arr.gif) no-repeat 0 4px; margin: 4px 6px; padding-left: 15px}

ul#archiveUl,ul#linksUl { padding: 0 10px 10px 3px; }
ul#archiveUl li, ul#linksUl li { background: url(images/sidebar-list-arr.gif) no-repeat 0 4px; border-bottom: solid 1px #423028; margin: 4px 6px; padding-left: 15px}

.archives { font-size:0.9em;}

.categories ul ul{ margin-left: -10px !important; 
line-height : 120%;
}
.categories ul ul ul { margin-left: 0px !important; 

}

#sidebar ul ul li ul { border: 0; padding-bottom: 0; }
#sidebar ul ul li li { border: 0; padding-bottom: 5px; margin-bottom: 0; }
#sidebar ul div { padding: 0 10px 10px 9px }

#sidebar .searchform { margin: 5px 0 -2px -2px; }
#sidebar .searchform label { font-weight: bold; color: #c4a158; }
#sidebar .searchform .field-place { width: 250px; height: 23px; background: url(images/searchform-field.gif) no-repeat 0 0; padding: 2px; }
#sidebar .searchform .field-place .field { border: 0; color: #c4a158; padding: 4px 5px 3px; width: 205px; background: none; float: left; display: inline; }
#sidebar .searchform .field-place .button { float: right; display: inline; width: 23px; height: 23px; } 
#sidebar .searchform .field-place .button { font-size: 0; line-height: 0; text-indent: -4000px; background: none; border: 0; cursor: pointer; }

#respond { padding-bottom: 30px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 10px; }
#respond h3 { font-size: 19px; } 
#respond div.left { float: left; display: inline; width: 290px; }
#respond div.right { float: right; display: inline; width: 334px; }
#respond label { display: block; color: #ac2e13; font-size: 12px; margin: 5px 0 3px; }
#respond .button { float: right; display: inline; margin-top: 20px; width: 119px; height: 31px; background: url(images/button.gif) no-repeat; }
#respond .button { border: 0; cursor: pointer; color: #fff; font-weight: bold; }

.comment { list-style-type: none; font-size: 12px; word-wrap: break-word; }
.comment .comment-body { position: relative; height: 100%; position: relative; padding-left: /* 53 */ 0px; padding-bottom: 25px; background: url(images/post-bg.gif) no-repeat 0 bottom; margin-bottom: 15px; min-height: 90px; }

#comments ol li img, #comments-g ol li img { position:absolute; left:5px; top:5px; width:36px; height:36px;   }
#comments ol li .commentBox, #comments-g ol li .commentBox, #comments-g ol li .commentBoxRe { position:relative; background:url(./images/non-Image.gif) no-repeat; }
#comments .name, #comments-g .name { padding-left:55px; font:bold 14px "나눔고딕", "NanumGothic", "돋움", "dotum";   }

.comment .author { font-weight: bold; }
.comment .author a { color: #dd5324; }

.comment p.comment-content { margin:0 0 10px; padding:8px 0 0 55px; }

#comments ol li .info, #comments-g ol li .info{ position:relative; padding:5px 0px; height:13px; margin-left:55px; }
#comments ol li ul li .info, #comments-g ol li ul li .info{ margin-left:55px; }
#comments .date, #comments-g .date{ font:10px Verdana; color:#4f4f4f; }
#comments .date a, #comments-g .date a{ color: #CD4517; }
#comments .control, #comments-g .control{ display:block; position:absolute; right:5px; top:8px; float:right; font:10px Verdana; text-transform:uppercase; }
#comments .control a, #comments-g .control a{ padding-left:5px; color:#CD4517; }

/*
#comments ol li .rp_secret .commentBox, #comments-g ol li .guest_secret .commentBox{ background:url(./images/comment-secret.gif) no-repeat; }

#comments ul li .rp_secret .commentBox, #comments-g ul li .guest_secret .commentBox{ background:url(./images/comment-secret-re.gif) no-repeat; }

#comments ol li .rp_secret .date, #comments ol li .rp_secret .name, #comments-g ol li .guest_secret .date, #comments-g ol li .guest_secret .name{ display:none; }
*/
.rp_secret .name, .guest_secret .name { display: ; }
.rp_secret p, .guest_secret p { }
.rp_secret, .guest_secret { color:#0064A6; }

li.odd .name, li.odd .name a { color:#000; }
.trackback .comment-body, 
.pingback .comment-body { padding-left: 0; }
/* Big images in rich text editor should not break page layout */
.post .article { overflow: hidden; }
/* Default size for headers */
.post .article h1 { font-size: 20px; line-height: 30px}
.post .article h2 { font-size: 18px; line-height: 27px}
.post .article h3 { font-size: 16px; line-height: 24px}
.post .article h4 { font-size: 14px; line-height: 21px}
.post .article h5 { font-size: 12px; line-height: 18px}
.post .article h6 { font-size: 10px; line-height: 15px}

/* Reasanble margins for lists */
.post .article ul { margin-left: 25px; }
.post .article ol { margin-left: 25px; }

.widget { color: #fff }
.userloggedbtn {float: left !important; margin-left: 218px}
.commentsnavigation { margin: 6px auto; }
.reply { float: right; }
.archives hr { margin: 6px 0; }
.wp-caption { border: solid 1px #eee; text-align: center; margin: 6px}
.wp-caption p { margin-bottom: 0 !important; padding: 0 5px;}
.post .article a img { border: 0 }
.metaplace { padding: 9px; }
.metaplace p {color: #fff }
.commentlist li.last .comment-body { background-image: none; }
.commentlist ul.children { margin-left: 0px; }

p.tags { padding: 10px; font-size: 10px}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

h2.pagetitle { font-size: 20px; }

/* date */
.post .meta-date{ text-align:center; margin-top:-3px; }
.post .date-day{ font-size: 26px !important; }
.post .date-month{ font-size: 14px !important; }
.post .date-year{ display:block !important; font-size: 9px !important; font-weight: normal !important; _margin-top:2px; }
.postImg2 {display:none;}

.comment-body .date-day{ }
.comment-body .date-month{ padding-left:5px;}
.comment-body .date-year{ padding-left:5px;}

/* 지역로그 */
#localog { padding-bottom:25px; }
#localog h3 { font-weight:bold; font-size:1.8em; margin-bottom:20px; }
#localog div { padding-left:22px; background-repeat:no-repeat; background-position:1px 1px; color:#717171; 	font:12px/20px Dotum, AppleGothic, sans-serif; }
#localog .spot { background-image:url(images/iconIndentArrow_local.gif); }
#localog .info { background-image:url(images/iconIndentArrow_localinfo.gif); }
#localog .info a { color:#cd4517; }

/* 보호글 */
.entryProtected { padding-bottom:105px; }
.entryProtected p { text-align:center; }
.entryProtected p.text { margin-top:110px; margin-bottom:20px; color:#9F9F9F; font:12px/18px dotum, appleGothic, sans-serif; }
.entryProtected label { padding-left:25px; background:url(./images/txt_protected.gif) no-repeat; vertical-align:middle; }
.entryProtected input.text { height:16px; padding-top:2px; border:1px solid #DFE0D9; color:#9F9F9F; font:12px/12px dotum;
	vertical-align:middle; }
.entryProtected input.submit { width:106px; height:20px; background:url(./images/btn_confirm.gif) no-repeat 0 0; text-indent:5000px; overflow:hidden; vertical-align:middle; border:0; }

#calendar { display:none; }
#tt-body-category #calendar { display:block; }

/* 카테고리 글 더보기 그림 넣기 및 날짜 없애기 */

.another_category td {
    display: none;
}

/*본문 상단 광고 */




#googleTop {height:280px; width:662px; overflow:hidden; margin-bottom: 20px; }
#googleTop .googleLeft {
    float:left;
    width:305px;
}
#googleTop .googleRight {
    float:right;
    width:340px;
}



#googleBottom {height:280px; width:662px; overflow:hidden; margin-bottom: 10px; }
#googleBottom .googleLeft {
    float:left;
    width:305px;
}
#googleBottom .googleRight {
    float:right;
    width:340px;
}

#categoryindex {height:210px; width:662px; overflow:hidden; margin-bottom: 0px; margin-top: 20px; margin-bottom: 20px;}
#categoryindex .categoryLeft {
float:left;
width:455px;
line-height:180%;
margin-top: 0px;

}

#categoryindex .module{
padding:0px 0 0 0;
}


#categoryindex .categoryRight {
float:right;
width:200px;
margin-top: 10px;
}


.ad250_outter {float: left !important; margin: 0px 10px 10px 0px !important;}

.Meta_Blog { 
border : 1px solid #e5e5e5; 
margin : 0 0 10px 0; 
padding : 2px; 
background: transparent url("이미지 주소") no-repeat right bottom;
background-color:#F9F9F9;
height : 86px; 
} 

.Meta_Blog_top { 
//border : 1px solid #e5e5e5; 
margin : 0 0 10px 0; 
//padding : 2px; 
//background: transparent url("이미지 주소") no-repeat right bottom;
//background-color:#F9F9F9;
height : 86px; 
}

/* 뷰버튼 CSS */
.view { 
float:left;
margin-left : 4px;
margin-top : 3px;
}

/* 뷰 구독 버튼 */
.plus_button { 
float:left;
margin-left : 3px;
margin-top : 3px;


}

/* 블로그독 CSS */
.blogdoc { 
float:left;
margin-left: 3px;
margin-top: 3px;
background-color : #f9f9f9; 
border : 1px solid #d8d8d8; 
height : 75px; 
padding : 3px 2px 0 2px;
width : 353px; 
overflow : hidden;
}

/* 블로그독 작은사이즈 */
.blogdoc_small{
float:left;
background-color : #ffffff;
overflow : hidden;
}

.small_mixsh_o {background: url(images/small_mixup.gif); margin-bottom:0px; padding:11px 9px; border:1px solid #dedede; height:56px; width: 47px; margin-left:0px;}
.small_mixsh_m {height:46px; width: 46px !important;overflow:hidden;}
.small_mixsh_i {margin:-12px 0px 0px -14px; height:58px; width: 60px !important;overflow:hidden;}

.small_tweet_o {margin-bottom:0px; padding:0px 0px; border:1px solid #dedede; height:78px; width: 65px;}
.small_tweet_m {height:70px; width: 67px !important;overflow:hidden; border:0px solid #dedede;}
.small_tweet_i {margin:8px 5px 0px 5px; height:78px; width: 65px !important;overflow:hidden;}

.small_facebook_o {background: url(images/small_facebook.gif); margin-bottom:0px; padding:0px 0px; border:1px solid #dedede; height:78px; width: 65px;}
.small_facebook_m {height:70px; width: 65px !important;overflow:hidden; border:0px solid #dedede;}
.small_facebook_i {margin:3px -5px 2px 2px; height:78px; width: 63px !important;overflow:hidden;}



#comments ul li .commentBox, #comments-g ul li .commentBox, #comments-g ul li .commentBoxRe { margin-left:60px; background:url(./images/non-Image.gif) no-repeat; }

#STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;}