/* --------------------------------------------------
	CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org 
	Modified for Meson's Blog - @blog.meson.kr 
-------------------------------------------------- */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체 */

body,td,textarea {
	font-family:'Nanum Gothic','Lucida Grande',Georgia,Tahoma,Arial,Helvetica,sans-serif;
	/* Lucida Grande for the Macs,NamumGothic for the PCs */
	font-size:12px;
	color:#000000;
}

/* 2. 기본 링크 */
a {
	color:#CC6714;
	text-decoration:none;
}
a:hover {
	color:#CC6714;
	background-color: #F5F5F5;
}

/* 3. 이미지 */
img {
	border-width: 0px;
}

/* 4. 이미지 버튼 */
.ib {
	cursor: pointer;
}

/* 5. 입력 텍스트 */
.text {
	border: 1px solid #999;
}

/* 6. 트리 테이블 */
.branch2 {
}

/* 7. 트리 셀 */
.branch3 {
	cursor:pointer;
}

/* 8. 달력 월 표시 */
.cal_month {
	font-family:Georgia;
	font-size:12px;
	height:22px;
	text-align:center;
	width: 100%;
}
/* 9. 달력 요일 표시 */
.cal_week1 {
	font-size:11px;
	height:18px;
	text-align: center;
}
/* 10. 달력 일요일 표시 */
.cal_week2 {
	color:#f30;
	font-size:12px;
	text-align: center;
}
/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 {
	color:#000;
	font-size:12px;
	text-align: center;
}
/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 {
	color:#000;
	font-size:12px;
	text-align: center;
}
/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 {
	font-size:12px;
	text-align: center;
}
/* 14. 달력 오늘 날짜 표시 */
.cal_day4 {
	text-align:center;
	font-size:12px;
	color:#F6358A;
	background-color:#E0E0E0;
	font-weight: bold;
}
/* 15. 달력 글쓴 날 링크 스타일 */
a.cal_click:link {
	font-weight:bold;
	color:#AF7817;
}
a.cal_click:visited {
	font-weight:bold;
	color:#AF7817;
}
a.cal_click:hover {
	font-weight:bold;
	color: #E56717;
}

/* 16. 이미지 아래 캡션 스타일 */
.cap1 {
	color:#876;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	padding-top:8px;
}

/* 16. 키워드 스타일 */
.key1 a {
	cursor:pointer !important;
	border-bottom: 1px dotted #C25A7C;
	color: #000000 !important;
	font-family: 'Nanum Gothic' !important;
	font-size:12px; !important; 
	
}
/* 16. 카테고리 옆 개수 스타일 */
.cnt {
	font-size:11px;
	font-family:'Georgia';
	font-weight:bold;
	color: #726E6D;
}
.c_cnt {
	font-size:10px;
	font-family:'Georgia';
	color: #726E6D;
}
/* 17. 최신글 옆 개수 스타일 */
.ps_cnt {
	font-size:11px;
	font-family:'Georgia';
	font-weight:bold;
	color: #800517;
}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가,삭제 가능 */
/*{todo}위의 css 스타일은 수정해야 합니다 */
body {
	text-align: justify;   /* for IE5 */
}

::selection {
	background:#F778A1;
	color:#ffffff;
}
::-moz-selection {
	background:#F778A1;
	color: #ffffff;
}

::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
    background: #fff;
}
::-webkit-scrollbar-button {
    display: none;
    height:0;
    width: 0;
}
::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    border-width: 0 0 0 4px;
    border: solid transparent;
}
::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0;
}
::-webkit-scrollbar-track:horizontal:hover {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:active {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: rgba(0,0,0,.2);
    /*border-width: 1px 1px 1px 6px;
    border: solid transparent;*/
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    min-height: 28px;
    padding: 100px 0 0;
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0,0,0,.4);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
    background-color:rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    padding: 0 0 0 100px;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
body::-webkit-scrollbar-track-piece {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    /*border-width: 0 0 0 3px;
    border: solid #fff;*/
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width:3px 0 0;
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    border-width: 3px 0 0 3px;
    border: solid #fff;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}


/* CONTAINER */
#container {
	width:80%;
	min-width:900px;
	/*width:950px;*/
	margin:0 auto;
	text-align:left;
	/* for IE5 */
	font-family:'Nanum Gothic','Lucida Grande','Georgia','Tahoma','Arial','Helvetica','sans-serif';
	/* Lucida Grande for the Macs,Tahoma for the PCs */
	font-size:12px;
	line-height:180%;
	color:black;
	background-color:#FFFFFF;
}
/* GENERAL MOJO AND MULA */
h1 {
	font-family:'Georgia';
	font-weight:bold;
	font-size:28px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.5);
	color:#CC6633;
	margin-bottom:30px;
	background-color:#FFFFFF;
}
h2 {
	font-family: 'NanumBarunpenRWeb','Nanum Gothic','Georgia';
	font-size:26px;
	color:#444444;
	letter-spacing:2px;
	line-height:1.5;
	text-shadow:2px 4px 8px gray;
}
strong {
	font-family:Georgia;
	font-weight:bold;
	color:#463E3F;
}
input {
	background-color:transparent;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: darkred;
	font-size:12px;
	font-family:'Nanum Gothic';
	padding:2px;
}
blockquote {
	background-color:#FFFFFF;
	border-width:0px 0px 0px 2px;
	border-style:solid;
	border-color:#DDD #DDD #DDD #CCC;
	margin:10px 10px 10px 20px;
	padding-left:10px;
	font-family:'NanumBarunpenRWeb','Nanum Gothic','Georgia','Arial';
    letter-spacing:2px;
}

.form {
	float:right;
	margin-top:-45px;
	font-size:9px;
}
.date {
	font-family:Georgia,Tahoma;
}
.tbrp_box {
	background-color:#F5F5F5;
	padding:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	margin-top:10px;
}

.button {
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	background-color: transparent; 
	border-style: none; 
	padding:2px;
}
.submit {
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	background-color: transparent; 
	border-style: solid; 
	border-width: 1px 0px 1px 0px; 
	border-color: darkred
	padding:2px;
}

.cite {
	border-left:7px solid #606;
	margin:10px 10px 10px 20px;
	padding-left:10px;
	color:#606;
}
.another_category td { 
	font-family:'Georgia';
}

/* HEADER ELEMENTS */
#header {
	border-bottom:1px solid #948979;
	padding-top:30px;
	padding-bottom:10px;
	clear:both;
	margin-bottom: 10px;
}
#header div {
	font-family:Georgia;
	font-size:11pt;
	font-style:italic;
	margin-top:-20px;
	margin-left:35px;
	color: #CC6633;
}

/* NAVIGATION ELEMENTS */
#navigation ul {
	margin-left:0;
	margin-bottom:20px;
	padding-left:0;
	list-style-type:none;
	/* float:left;*/
	width:220px;
}
#navigation .menu a {
	font-family:Georgia;
	display:block;
	padding:5px;
	width:220px;
	border-bottom:1px solid #CCC;
}
#navigation .menu a:link, #navlist a:visited {
	color:#CC6714;
	text-decoration:none;
}
#navigation .menu a:hover {
	background:#000000 url(./images/arrow.gif) 96% 50% no-repeat;
	background-color:#F5F5F5;
	color:#CC6714;
}
#navigation .navLink {
	font-family: Georgia;
}
/* THE SMALL BOX BELOW NAV */
#navigation p {
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	/*border-bottom:1px dotted #CCC;*/
	border-top:1px dotted #CCC;
}
#navigation .notice {
	margin-top:30px;
	margin-bottom:5px;
	padding:5px;
	/*border-bottom:1px dotted #CCC;*/
	border-top:1px dotted #CCC;
}
#navigation .ad {
	margin-top: 10px;
}

/* CATEGORIES */
#navigation .category {
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	border-top:1px dotted #CCC;
}
#navigation .category li ul li ul li {
	list-style-image:none;
	padding-left:10px;
	margin-left:7px;
	border-left:1px dotted #999;
}
#navigation .category a {
	font-size:12px;
	letter-spacing:-1px;
	color:#333;
	border: 0px;
}
/* CONTENT ELEMENTS */
#content {
	/*width:682px;*/
	margin-left:80px;
	margin-right:80px;
	font-size:12px;
}
#content .entry {
	padding-bottom:10px;
	border-bottom:0px;
}
#content .entry_tag {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_tag li {
	display:inline;
	margin-right:12px;
	line-height: 1.8;
}
#content .entry_rplist {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_location {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_guestbook {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_notice {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_notice .article {
	padding-top:20px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
#content .entry_protected {
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	/* A faint grey line below the text */
}
#content .entry_protected .article {
	padding-top:20px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
#content .entry .article {
	padding-top:20px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
#content .entry .tbrp_box {
	background-color:#F5F5F5;
	padding:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	margin-top:10px;
}
#content .paging {
	font-family:Georgia;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	padding-bottom: 10px;
}
#content .selected {
	font-weight:normal;
	color:#565051;
}

/* SIDEBAR ELEMENTS */
#sidebar {
	float:right;
	width:175px;
}
#sidebar p {
	padding-bottom:10px;
	border-bottom: 1px solid #DDDDDD;
}
/* FOOTER ELEMENTS */
#footer {
	margin-top:20px;
	clear:both;
	background-color:#575352;
	padding:0px 5px 0px 5px;
}
#footer p {
	color:#89817f;
	padding:5px;
	text-align:center;
}
#footer p a {
	color:#89817f;
	border-bottom:1px dotted #89817f;
}
#footer p a:hover {
	color:#FFFFFF;
	background-color: #575352;
}
/* TagCloud */
.cloud1 {
	font-size:20px !important;
	font-family:'NanumBarunpenRWeb', 'Nanum Gothic', 'Georgia';
	font-weight:bolder;
	color:#7E2217 !important;
}
.cloud2 {
	font-size:16px !important;
	font-family:'NanumBarunpenRWeb', 'Nanum Gothic', 'Georgia';
	font-weight:bold;
	color:#7E3817 !important;
}
.cloud3 {
	font-size:14pt !important;
	font-family:'NanumBarunpenRWeb', 'Nanum Gothic', 'Georgia';
	color:#C85A17 !important;
	font-weight: bold;
}
.cloud4 {
	font-size:12pt !important;
	font-family:'NanumBarunpenRWeb', 'Nanum Gothic', 'Georgia';
	color:#E55B3C !important;
}
.cloud5 {
	font-size:11px !important;
	font-family:'Nanum Gothic', 'Georgia';
	color:#E18B6B !important;
}