@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* "Nanum Gothic" */
@import url(http://fonts.googleapis.com/css?family=PT+Sans); /* "PT Sans" */

/* Android Browser */
* {background-image: url( './images/jb_blank.png' );}

/* Bootstrap */
.container {width: 960px; padding-left: 10px; padding-right: 10px;}
.row {margin-left: -10px; margin-right: -10px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {padding-left: 10px; padding-right: 10px;}

/* Hide */
#tistorytoolbarid {display: none;} /* Hide Tistory Toolbar */
#jbContainer {display: none;} /* Hide Page */

/* Avoid Overflow */
img {border: none; max-width: 100%; height: auto;}
span.imageblock {max-width: 100%; height: auto;}
span.imageblock img {width: inherit;}
.cap1 {max-width: 100%;}
iframe {max-width: 100%;}

/* Typography */
body {font-family: "Nanum Gothic"; line-height: 200%; color: #dddddd;}
h1 {font-size: 1.3em; font-weight: bold; line-height: 200%;}
h2 {font-size: 1.2em; font-weight: bold; line-height: 200%;}
h3 {font-size: 1.1em; font-weight: bold; line-height: 200%;}
h4 {font-size: 1.0em; font-weight: bold; line-height: 200%;}
h5 {font-size: 0.9em; font-weight: bold; line-height: 200%;}
h6 {font-size: 0.8em; font-weight: bold; line-height: 200%;}
blockquote {font-size: 1em; background-color: #2d2d2d;}

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

/* Layout */
body {background-color: #4d4d4d;}
#jbContainer {padding: 20px 0px;}
#jbHeaderArea {margin-bottom: 20px;}
#jbMainArea {margin-bottom: 20px;}

/* Blog Title */
#jbBlogTitle h1 {display: table-cell; width: 460px; height: 220px; background-color: #3b5998; text-align: center; vertical-align: middle; background-image: url("./images/jbTitleBg.png"); font-size: 40px;}
#jbBlogTitle h1 a {color: #ffffff;}

/* Blog Menu */
.jbMenuMargin {margin-bottom: 20px;}
#jbBlogMenu a {display: table-cell; width: 100px; height: 100px; text-align: center; vertical-align: middle;}
#jbBlogMenu a:hover {color: #ffffff;}
#jbBlogMenu a.jbMenuHome {background-color: #00a300;}
#jbBlogMenu a.jbMenuGuestbook {background-color: #603cba;}
#jbBlogMenu a.jbSnsRss {background-color: #fe9900;}
#jbBlogMenu a.jbMenuTagCloud {background-color: #b91d47;}
#jbBlogMenu a.jbMenuLocalLog {background-color: #e3a21a;}
#jbBlogMenu a.jbMenuAdmin {background-color: #ee1111;}
#jbBlogMenu a.jbSnsTwitter {background-color: #55acee;}
#jbBlogMenu a.jbSnsFacebook {background-color: #3b5998;}
#jbBlogMenu a.jbSnsGplus {background-color: #dd4b39;}
#jbBlogMenu a i {font-size: 50px;}

/* Sidebar */
.jbSidebar {margin-bottom: 20px;}
.jbSidebarTitle {cursor: pointer; background-color: #3d3d3d; font-family: "PT Sans", "Nanum Gothic";}
.jbSidebarTitle span {display: inline-block;}
.jbSidebarTitleIcon {color: #dddddd; padding: 5px 10px 5px 15px;}
.jbToggle {float: right; background-color: #2d2d2d; color: #dddddd; padding: 5px 14px; cursor: pointer;}
.jbSidebarContent {background-color: #3d3d3d; padding: 15px 15px 5px; border-top: 1px solid #4d4d4d;}
.jbSidebarContent ul {list-style-type: none; padding-left: 5px;}
.jbSidebarContent ul li {text-indent: -0.9em; margin-left: 1em;}
.jbSidebarContent a:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}
.jbToggleBlogInfoContent {text-align: center;}
.jbToggleSearchContent {padding-bottom: 15px;}
.jbToggleTagsContent ul {list-style-type: none; padding-left: 5px;}
.jbToggleTagsContent ul li {display: inline-block; margin-right: 3px;}
.jbToggleTagsContent .cloud1 {font-size: 1.4em;}
.jbToggleTagsContent .cloud2 {font-size: 1.3em;}
.jbToggleTagsContent .cloud3 {font-size: 1.2em;}
.jbToggleTagsContent .cloud4 {font-size: 1.1em;}
.jbToggleTagsContent .cloud5 {font-size: 1.0em;}
.jbToggleTagsContent a:before {content: ""; margin-right: 0;}
.jbToggleCalendarContent table {margin-bottom: 10px;}
.jbToggleCalendarContent th, .jbToggleCalendarContent td {text-align: center; border: 1px solid #111111;}
td.jbDayHasPost {background-color: #b91d47;}
td.jbDayHasPost a {color: #eeeeee;}
.jbToggleCalendarContent a:before {content: ""; margin-right: 0;}
.jbToggleStatisticsContent li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}

/* Sidebar Toggle */
.jbToggleBlogInfoContent {display: none;}
.jbToggleNoticeContent {display: none;}
.jbToggleCategoryContent {display: none;}
.jbToggleTagsContent {display: none;}
.jbToggleSearchContent {display: none;}
.jbToggleCalendarContent {display: none;}
.jbToggleArchivesContent {display: none;}
.jbToggleRecentPostsContent {display: none;}
.jbToggleRecentCommentsContent {display: none;}
.jbToggleRecentTrackbacksContent {display: none;}
.jbToggleLinksContent {display: none;}
.jbToggleStatisticsContent {display: none;}

/* Copyright */
#jbCopyright {padding: 15px 15px 5px;; margin-bottom: 0px; background-color: #3d3d3d; font-family: "PT Sans", "Nanum Gothic";}

/* Content - Common */
.jbContentWrap {background-color: #3d3d3d; padding: 20px 20px 10px; margin-bottom: 20px;}
.jbContentTitleWrap {margin: -20px -20px 0px -20px;}
.jbContentTitle {margin: 0px 0px 20px; padding: 10px 20px; background-color: #2d2d2d;}

/* Content - Search Result */
.jbSearchResult ul {list-style-type: none; padding-left: 5px;}
.jbSearchResult ul li {text-indent: -0.9em; margin-left: 1em;}
.jbSearchResult li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}
.jbSearchResult span {margin-right: 5px;}

/* Content - Protected Article */
.jbArticleProtected {padding-bottom: 10px;}
.jbArticleProtected .alert {font-size: 1em; font-weight: bold; text-align: center;}

/* Content - Article */
.jbArticleWrap {padding-bottom: 1px;}
.jbArticleInfo {margin: 20px 0px; text-align: right;}
.jbArticleInfo span {margin-left: 15px;}
.jbArticleInfo i {margin-right: 5px;}
.jbAdmin {text-align: right;}
.moreless_fold {font-weight: bold;}
.moreless_fold:before {content: "\f0d7"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
.moreless_top {font-weight: bold;}
.moreless_top:before {content: "\f0d8"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
.moreless_bottom {font-weight: bold;}
.moreless_bottom:before {content: "\f0d8"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
div.footnotes {border-top: 1px solid #bcbcbc; margin-top: 20px; padding-top: 20px;}
.jbArticleTag i {margin-right: 5px;}
.jbDiscussCount {text-align: right; border-top: 1px solid #bcbcbc; padding: 20px 0px 10px; margin-top: 20px;}
.jbDiscussCount span {margin-left: 15px;}
.jbDiscussCount i {margin-right: 5px;}
.jbTrackbackAddress {padding: 10px 20px 10px; margin-bottom: 20px; background-color: #2d2d2d;}

/* Content - Tag Cloud */
.jbTagCloudWrap {margin-bottom: 0px;}
.jbTagCloud ul {list-style-type: none; padding-left: 0px; margin-bottom: 15px;}
.jbTagCloud ul li {display: inline-block; margin-right: 5px;}
.jbTagCloud .cloud1 {font-size: 1.4em;}
.jbTagCloud .cloud2 {font-size: 1.3em;}
.jbTagCloud .cloud3 {font-size: 1.2em;}
.jbTagCloud .cloud4 {font-size: 1.1em;}
.jbTagCloud .cloud5 {font-size: 1.0em;}

/* Content - Local Log */
.jbLocalLogWrap {margin-bottom: 0px; min-height: 500px;}

/* Content - Guestbook */
.jbGuestbookWrap {padding-bottom: 1px;}

/* Form - Common */
.jbForm {margin-bottom: 20px;}
.jbFormCheckbox {line-height: 1.42857143;}
.checkbox {margin-top: 6px;}

/* Discuss List */
.jbCommentListWrap ul {list-style-type: none; padding: 0px;}
.jbCommentList {background-color: #2d2d2d; padding: 10px 20px 5px; margin: 0px 0px 20px 0px;}
.jbCommentList2 {margin: 0px 0px 20px 84px;}
.jbCommentInfo {font-weight: bold;}
.jbCommentInfo img {width: 64px; float: left; margin: 8px 20px 10px 0px;}
.jbCommentName {margin-right: 10px;}
.jbCommentEdit {float: right;}
.jbCommentEdit a {margin-left: 10px;}
.jbTrackbackListWrap .jbCommentList1 {margin-left: 0px;}
.jbTrackbackEdit {float: right;}

/* Pagination */
.jbPagination {line-height: 1; text-align: center; font-family: "PT Sans";}
.pagination {margin: 0px;}
.pagination>li>a, .pagination>li>span a {background-color: #2d2d2d; color: #eeeeee; border: 1px solid #3d3d3d;}
.pagination>li>a:hover, .pagination>li>span a:hover {background-color: #428bca; border-color: #428bca; color: #ffffff;}

/* Excerpt */
.jbExcerptWrap {padding-bottom: 10px;}
.jbThumbnail {width: 140px; height: 140px; float: left; margin-right: 20px;}
.jbExcerptTitle {margin-top: 0px;}

/* Another Category */
div.another_category_color_gray * {color: #dddddd !important; font-size: 14px;}
div.another_category {margin: 20px 0px; padding: 10px 20px;}
div.another_category a {color: #ffffff !important;}
div.another_category h4 a {color: #ffffff !important;}
div.another_category h4 {color: #dddddd !important; font-size: 14px !important; margin-bottom: 10px !important; padding-bottom: 10px !important;}
div.another_category_color_gray th a.current {color: #ffffff !important; border: none !important;}
div.another_category th span {font-size: 14px;}
div.another_category td {font-size: 14px;}

/* 티에디션 */
#ttCanvas img {max-width: none;}

/*archmond bar*/
.archmond_navi { color:white; margin: 0; padding: 0; background:url(http://archmond.com/images/archmondbar_blackback.gif) repeat;
		height: 32px; background-color: #fff; text-align:center; font-family: "Segoe UI", Malgun Gothic, Verdana; }
.archmond_navi ul   {margin:0;  padding:0;  list-style:none; font-size:13px;}
.archmond_navi img {width:20px; height:20px; margin-top:5px; padding-right:3px; vertical-align: text-bottom; border:none;}
.archmond_navi li   {display:inline;  background:url(http://farm4.static.flickr.com/3195/2926828769_6a41e6f289_o.gif) no-repeat;
			margin-left:3px;  padding-left:7px;}
.archmond_navi li a {text-decoration:none; color:#ccc;}

html {background-color: #4d4d4d;}
td {padding: 10px; vertical-align: top;}