/* Import Fonts */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 'Nanum Gothic' */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* 'Nanum Myeongjo' */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* 'Nanum Brush Script' */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* 'Nanum Pen Script' */
@import url(http://fonts.googleapis.com/css?family=Julee); /* 'Julee' */

/* Layout, Background Color */

body {background-color: #29292a;}
#jb_header_bg {border-bottom: 10px solid #363636;}
  #jb_header {padding: 0px 20px 0px 20px;}
    #jb_site_title {margin-top: 30px; margin-bottom: 30px;}
    #jb_header_right {}
      #jb_sns {margin: 30px 0px 0px 0px;}
      #jb_menu {margin: 5px 0px 0px 0px;}
#jb_slider_bg {}
  #jb_slider {padding: 0px 20px 0px 20px; display: none;}
#jb_main_bg {}
  #jb_main {padding: 0px 20px 0px 20px;}
    #jb_main_content {padding: 20px 0px 20px 0px;}
    #jb_sidebar_right {padding: 20px 0px 20px 0px;}
#jb_footer_bg {background-color: #363636;}
  #jb_footer {padding: 0px 20px 0px 20px;}
#jb_copyright_bg {}
  #jb_copyright {padding: 0px 20px 0px 20px;}

/* Font, Font Size, Font Color */

body {font-family: 'Nanum Gothic'; font-size: 12px; color: #d8d8d8;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.0em;}
blockquote p {font-size: 12px; line-height: 20px;}

input, button, select, textarea, label {font-family: 'Nanum Gothic'; font-size: 12px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {font-family: 'Nanum Gothic'; font-size: 12px;}
.btn {font-size: 12px;}

a {outline: none; text-decoration: none; color: #ffffff;}
a:link {outline: none; text-decoration: none; color: #ffffff;}
a:visited {outline: none; text-decoration: none; color: #ffffff;}
a:hover {outline: none; text-decoration: none; color: #a0ce4e;}
a:active {outline: none; text-decoration: none; color: #ffffff;}
a:focus {outline: none; text-decoration: none; color: #ffffff;}

#jb_site_title h1 {font-size: 30px;}
#jb_sns a {color: #dddddd; font-size: 16px;}
#jb_sns a:hover {color: #ffffff;}
#jb_menu a {color: #dddddd;}
#jb_menu a:hover {color: #ffffff;}
#jb_main_content h2.content_title {font-size: 24px;}
#jb_main_content h2.post_title a {font-family: 'Nanum Brush Script'; font-weight: normal; font-size: 30px;}
#jb_main_content .post_info_title {font-family: Georgia; font-style: italic;}
#jb_main_content p.discuss_count {font-family: Georgia; font-style: italic;}
#jb_main_content p.trackback_address {font-family: Georgia; font-style: italic; font-size: 11px;}
#jb_main_content .pagination .selected {font-weight: bold; color: #a0ce4e;}

.sidebar h3 {font-family: 'Julee'; font-weight: normal; font-size: 16px; color: #ffffff;}

/* #jb_sns */

#jb_sns {text-align: right;}
#jb_sns a {padding: 5px;}

/* Blog Menu - Superfish */

.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu li {position: relative;}
.sf-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display: block; position: relative;}
.sf-menu ul ul {top: 0; left: 100%;}
#jb_menu {font-size: 12px;}
#jb_menu a {padding: 10px 10px 8px 10px; background-color: #29292a; border-bottom: 2px solid #29292a;}
#jb_menu a:hover {border-bottom: 2px solid #a0ce4e;}
#jb_blog_menu {display: none;}
#jb_blog_menu {float: right;}
#jb_blog_menu ul {display: inline;}
#jb_main_menu_category {display: none;}
#jb_main_menu_category {float: right;}
#jb_main_menu_category > ul {display: inline; text-align: left;}
#jb_main_menu_category ul ul a {min-width: 10em;}

/* #jb_main_content */

#jb_main_content .content_wrap {margin-bottom: 20px;}

#jb_main_content h2.content_title:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 60px; height: 0; border-bottom: 1px solid #cccccc;}
#jb_main_content h2.content_title {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #3e3e3e; position: relative;}

#jb_main_content .guestbook textarea {width: 600px; height: 100px;}
#jb_main_content .guestbook_list {margin-top: 20px;}
#jb_main_content .guestbook_list > ul {margin: 0px 0px 0px 0px; list-style: none; border-bottom: 1px solid #3e3e3e;}
#jb_main_content .guestbook_list > ul > li {padding-top: 8px; border-top : 1px solid #3e3e3e;}
#jb_main_content .guestbook_list > ul li > ul {list-style: none;}
#jb_main_content .guestbook_list > ul > li > ul > li {padding-top: 8px; border-top : 1px solid #3e3e3e;}
#jb_main_content .guestbook_list .guestbook_info_name > img {width: 32px; margin-right: 10px;}
#jb_main_content .guestbook_list .guestbook_edit a {margin-left: 10px;}

#jb_main_content .tag_cloud ul {margin: 0px 0px 0px 0px; list-style: none;}
#jb_main_content .tag_cloud ul li {margin: 5px 5px 10px 0px; display: inline-block;}
#jb_main_content .tag_cloud ul li a {background-color: #363636; padding: 5px 8px 5px 8px; border: 1px solid #3e3e3e; border-radius: 5px;}

#jb_main_content .search_results ul {margin: 10px 0px 0px 0px; list-style: none;}
#jb_main_content .search_results ul li {padding: 5px 5px 5px 5px;}
#jb_main_content .search_results ul li:before {content: "\f0da"; font-family: FontAwesome; margin-right: 5px;}
#jb_main_content .search_results .search_result_date {margin-right: 5px;}

#jb_main_content .post_info:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 60px; height: 0; border-bottom: 1px solid #cccccc;}
#jb_main_content .post_info {margin-bottom: 15px; padding: 10px 0px 0px 0px; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; position: relative;}
#jb_main_content .post_info:after {content: ''; position: absolute; left: 0; top: -1px; width: 60px; height: 0; border-bottom: 1px solid #cccccc;}
#jb_main_content .post_info i {margin: 0px 3px 0px 5px;}

#jb_main_content .post div.footnotes {margin: 20px 0px 10px 0px; padding: 10px 0px 10px 0px; border-top: 1px solid #3e3e3e;}
#jb_main_content .moreless_fold {font-weight: bold; color: #a0ce4e;}
#jb_main_content .moreless_top {font-weight: bold; color: #a0ce4e;}
#jb_main_content .moreless_bottom {font-weight: bold; color: #a0ce4e;}

#jb_main_content .discuss p.discuss_count {margin-bottom: 0px; padding: 0px 0px 0px 0px; text-align: right;}
#jb_main_content .discuss p.discuss_count i {margin-right: 3px;}
#jb_main_content .discuss iframe {display: none;}

#jb_main_content .discuss p.trackback_address {margin-bottom: 0px; padding: 10px 0px 0px 0px; text-align: right;}
#jb_main_content .trackback_list ul {margin: 10px 0px 0px 0px; list-style: none;}
#jb_main_content .trackback_title {font-weight: bold;}
#jb_main_content .trackback_edit {margin-left: 10px;}
#jb_main_content .trackback_from {font-size: 12px;}

#jb_main_content .comment_list {margin-top: 20px;}
#jb_main_content .comment_list > ul {margin: 0px 0px 20px 0px; list-style: none; border-bottom: 1px solid #3e3e3e;}
#jb_main_content .comment_list > ul > li {padding-top: 8px; border-top : 1px solid #3e3e3e;}
#jb_main_content .comment_list > ul li > ul {list-style: none;}
#jb_main_content .comment_list > ul > li > ul > li {padding-top: 8px; border-top : 1px solid #3e3e3e;}
#jb_main_content .comment_list .comment_info_name > img {width: 32px; margin-right: 10px;}
#jb_main_content .comment_list .comment_edit a {margin-left: 10px; opacity: 0.8;}
#jb_main_content .comment_write {margin-top: 20px;}
#jb_main_content .comment_write textarea {width: 600px; height: 100px;}

#jb_main_content .pagination {margin-bottom: 20px; text-align: center; font-size: 12px;}
#jb_main_content .pagination ul > li > a, #jb_main_content .pagination ul > li > span {background-color: #363636; border: 1px solid #3e3e3e;}

/* Sidebar */

.sidebar {margin-bottom: 20px;}

.sidebar h3:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 30px; height: 0; border-bottom: 1px solid #cccccc;}
.sidebar h3 {margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; line-height: 100%; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; position: relative;}
.sidebar h3:after {content: ''; position: absolute; left: 0; top: -1px; width: 30px; height: 0; border-bottom: 1px solid #cccccc;}
.sidebar h3 i {margin-right: 5px;}

.bloginfo {padding: 10px; text-align: center; border: 1px solid #3e3e3e;}
.bloginfo img {margin-bottom: 10px;}
.bloginfo p {margin-bottom: 0px;}

.notice ul {margin: 0px 0px 0px 10px; list-style: none;}
.notice ul li {padding-left: 10px;}
.notice ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.category ul {margin: 0px 0px 0px 10px; list-style: none;}
.category ul li {padding-left: 10px;}
.category ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.tags ul {margin: 0px 0px 0px 0px; list-style: none;}
.tags ul li {margin: 5px 5px 10px 0px; display: inline-block;}
.tags ul li a {background-color: #363636; padding: 5px 8px 5px 8px; border: 1px solid #3e3e3e; border-radius: 5px;}

.recent_posts ul {margin: 0px 0px 0px 10px; list-style: none;}
.recent_posts ul li {padding-left: 10px;}
.recent_posts ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.recent_comments ul {margin: 0px 0px 0px 10px; list-style: none;}
.recent_comments ul li {padding-left: 10px;}
.recent_comments ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.recent_trackbacks ul {margin: 0px 0px 0px 10px; list-style: none;}
.recent_trackbacks ul li {padding-left: 10px;}
.recent_trackbacks ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.links ul {margin: 0px 0px 0px 10px; list-style: none;}
.links ul li {padding-left: 10px;}
.links ul li:before {content: "\f0da"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

.syndication ul {margin: 0px 0px 0px 10px; list-style: none;}
.syndication ul li {padding-left: 10px;}
.syndication ul li:before {content: "\f09e"; font-family: FontAwesome; margin-left: -13px; margin-right: 5px;}

/* #jb_footer */

#jb_footer .sidebar:first-child {margin-top: 20px;}

/* #jb_copyright */

#jb_copyright {color: #eeeeee;}
#jb_copyright h6 {margin: 20px 0px 20px 0px; font-weight: normal;}
#jb_copyright_2 {text-align: right;}

/* Etc */
#tistorytoolbarid {display: none;} /* Hide Tistory Toolbar */
img {max-width: 100%;}