/*
-body {  x-font-family: Arial, Helvetica, sans-serif; font-size: 11pt;  line-height:150%; } 
-A:link    {  x-font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: blue}
-A:visited {  x-font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: blue}
-A:hover   {  x-font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: red} 
*/

#content { }
#content ul { list-style: none; }

/* list_parts */
#list_parts_main { background:url(main_center_bg.jpg) no-repeat; width:710px; margin: 0 auto 50px; }
#list_chapters_main { width:710px; margin: 0 auto; }
#read_chapters_main { width:710px; margin: 0 auto; }
#search_main { width:710px; margin: 0 auto; }

/* list chapters */
#main_image { width:320px; float:left; padding-left:20px; } 
#parts_logo { min-height:450px; } 

#parts { padding:0px 1em 0 150px; } 
.part_list { font-size:1.2em; line-height:200%; } 

#parts .verse_title { text-align:left; color:#3399ff; padding:2.0em 0em .5em 0px; font-size:1.2em; font-weight:bold; }
#parts .verse_list { padding:0px 0px 0px; font-size:1.0em; background:url(bg_dot_500.png) 30px bottom no-repeat; }
#parts .verse_list a { color:#941a1c; }

#list_chapters_title_bar { height:140px; padding:12px; } 
#list_chapters_title_bar h2 { text-align:center; padding:10px; font-size: 1.5em; } 
#links { margin: 10px; padding-top: 20px; padding-left: 170px; }
#links1 a { padding:5px; border: solid 2px #ff9b37; font-size:1.2em; color:#804000; font-weight: normal; background:#fcd68f; text-decoration:none; border-radius: 3px; margin-right: 20px; }
#links1 a:hover { background:#fbc45b; } 

#links a { padding:5px; border: solid 0px #eee; font-size:1.2em; color:#ff8040; font-weight: normal; background:#fde4b7; text-decoration:none; border-radius: 3px; margin-right: 20px; }
#links a:hover { background:#fcd68f; }

/* search bar */ 
#search_bar_wrap {  margin-left: 40px; }
#search_bar_top { height:25px; background:url(lib_search_bg1.png) center no-repeat; }
#search_bar {  padding-left: 50px; min-height:30px; background:url(lib_search_bg2.png) center repeat-y; font-size: 20px; }
#search_bar_bottom { height:25px; background:url(lib_search_bg3.png) center no-repeat;}
#keyword_expanded { display:none; }
#search_detail { cursor:pointer; font-size:12px; }
.keyword { color: red; }

#list_parts_header , #read_chapters_header, #list_chapters_header, #search_header { min-height:50px; } 

#read_chapters_header, #search_bar { font-family: "Noto Sans KR", sans-serif; }

#search_bar { font-size: 15px; }
#search_bar select, #search_bar input { font-size: 15px; padding:3px; } 
#search_bar input.chapter { width:50px; } 
#search_bar input.a_keyword { width:90px; } 

#goto_dj_home { display:inline; float:left; font-size: 15px; margin-left:40px; }
#goto_pj_form { display:inline; float:left;  }
#search_form { display:inline; float:right; margin-right:40px; }

/* read dojeon */ 
#read_chapters_header h2 { float:right; margin:20px 10px 0; color:#666666; font-size:16px; font-weight:normal; x-font-family: dotum, sans-serif; font-weight:bold; } 
#read_chapters_header h2 a { color:#666666; } 
#read_chapter_title_bar { height:50px; padding:70px 70px 12px; } 
#read_chapter_title_bar h2 { text-align:center; padding:5px 10px 10px 0px; font-size: 20px; color:#ba7771; x-font-family: 'Nanum Myeongjo', batang, Apple Myungjo, serif;} 
#read_chapter_title_bar2 { height:10px; padding:20px 70px 5px; } 
#read_chapter_title_bar3 { height:30px; padding:12px 70px 12px; } 
#goto_before { position:absolute; font-size: 1.3em; x-font-family: 'Nanum Myeongjo', batang, Apple Myungjo, serif; }
#goto_before  a { color:#cc9999; }
#goto_next { float:right; font-size: 1.3em; x-font-family: 'Nanum Myeongjo', batang, Apple Myungjo, serif; }
#goto_next  a { color:#cc9999; }
#footnote_icon { } 

#audio_icon { text-align:right; font-family: dotum, sans-serif; color: #666; font-size: 13px; cursor: pointer; padding-right:10px; }
#audio_icon img { vertical-align: middle;  }

#chapter { padding:0 0px 0; } 
#chapter .verse_list { font-size:1.2em; line-height:200%; padding: 0 25px 0; } 
/* #chapter .verse_title { text-align:center; color:#282828; padding:1.0em 0em 1.0em; font-size:1.5em; font-weight:bold; } */
#chapter .verse_title { text-align:center; color:#222; margin:1.0em 0px 1.0em; font-size:1.3em; font-weight:bold; x-x-font-family:dotum, Apple Gothic; } 
#chapter .verse_item { margin:0 40px 0; font-size:1.1em; line-height:160%; margin-bottom:10px; x-x-font-family: 'Nanum Myeongjo', batang, Apple Myungjo, serif; color: #222; }
#chapter .verse_no { padding-right:2px; font-weight:bold; } 
#chapter .verse_bold { font-weight:bold; color:green; } 
#chapter .verse_bold_reset { font-weight:normal; color:#222; } 
#chapter .search_keyword { font-weight:bold; color:red; } 

#footnote { padding:20px 80px 0; display:none; margin-bottom:30px; } 
#footnote_title_icon { padding:0 2em 0; position:absolute; margin-top:-15px;} 
#footnote .footnote_list { font-size:1.1em; line-height:180%; padding:0 30px 0; margin:0; background:url(footnote_center_bg.png) center repeat-y; } 
#footnote .footnote_list .footnote_no { font-weight:bold; width:10px; }
#footnote .footnote_item { padding-top: 7px;} 
#footnote_top { height:12px; background:url(footnote_top_bg.png) center no-repeat; }
#footnote_bottom { height:12px; background:url(footnote_bottom_bg.png) center no-repeat; }

/* list title */
#titles { padding: 50px 3em 0em 100px; } 
.title_list { font-size:1.1em; line-height:200%; x-x-font-family: 'Nanum Myeongjo', batang, Apple Myungjo, serif; } 
#titles .verse_title { text-align:left; color:blue; padding:2.0em 0em .5em 30px; font-size:1.3em; font-weight:bold; }
#titles .verse_list { padding:0px 30px 0px; background:url(bg_dot_500.png) 30px bottom no-repeat; font-size:1.2em; line-height:180%; }

#titles_pagination { padding:0 3em 0em 100px; text-align:center; font-size:1.2em; line-height:200%; } 
.page_cur_tag { padding:4px; border:solid #ddd 1px; color:red; } 
.page_num_tag { padding:4px; } 

/* search */ 
#search_result_header { padding:70px 30px 12px; } 
#search_result_header h2 { padding:10px; font-size: 1.5em; display:inline; } 
#search_result_header h3 { padding:10px; font-size: 1.2em; font-weight:normal; } 

#search_result { padding:0 3em 0em 20px; min-height:400px; } 
#search_result p.msg { margin:20px 0 20px; font-size:18px; x-x-font-family: dotum, sans-serif; text-align:center; } 
/*
#search_result .search_list { font-size:1.1em; line-height:200%; }
#search_result .search_title { color:blue; font-size:1.2em; } 
#search_result .verse_item { font-size:1.2em; }  
#search_result .verse_no { padding-right:10px; font-weight:bold; width:100px; } 
#search_result .verse_keyword { font-weight:bold; color:red; } 
*/
#search_result table.search_list { font-size:1.1em; line-height:200%; width:100%; margin:0 auto; border:0; border-collapse:collapse }
.search_list th, .search_list td {padding:5px 10px; font-size:1.2em;}
.search_list tr.verse_item { }  
.search_list td.verse_no { width:150px; padding-right:10px; vertical-align:top; } 
.search_list td.verse_text { padding-right:10px; } 
.search_list td.verse_keyword { font-weight:bold; color:red; } 
#search_result a:hover { text-decoration: underline; }

.pagination {
  display: inline-block;
  margin: 8px 0;
  text-align: center;
  line-height: 200%;
  padding: 0 15px 0;
  x-font-family: dotum, sans-serif; 
}
.pagination li {
  display: inline-block;
  margin: 0 5px; 
  padding: 0 4px 0;
}
.pagination li a, .pagination li span {
  text-decoration: none;
  color: #432f2f;
}
.pagination li.active {
  padding: 0 8px 0;
  border: solid #ddd 1px;
  font-weight: bold;  
}
.pagination li.active a, .pagination li.active span { 
  color: #f00; 
 }
.pagination li.disabled span { color: #dddddd; }