/* -------------------------------------------------------------- 
  
   style.css
   * The style of current site.
   
-------------------------------------------------------------- */


/*--------------------
	Generic Style 
--------------------*/
body { font-size: 12px; }
a { color: #000; font-weight: bold; text-decoration: none; }
a:hover { color: #f00; }
p + p { text-indent: 0; }
pre, code, tt { font-size: 1em; }
blockquote p { font-size: 13px; }

#wrapper { padding: 0; margin: 24px auto; }
#header, #body, #footer {  }
#footer {  }

/*--------------------
	Heading Style 
--------------------*/
#header { background: #fff; padding: 0; margin: 0; }

#header .nav { margin: 0; padding-left: 120px; }
#header .nav li { border-bottom: 2px solid #eee; display: inline; float: left; margin-right: 10px; width: 110px; }
#header .nav li a { color: #999; text-transform: uppercase; }
#header .nav li a:hover { color: #000; }
#header .nav li.active { border-bottom: 2px solid #999; }


#header .brand { padding: 24px 0; }
#header .brand h1 { font-size: 72px; text-align: center; }
#header .brand h2 { color: #999; font-size: 16px; line-height: 24px; margin: 0 120px; }

/*--------------------
	Body Style 
--------------------*/
#body { background: #fff; padding: 24px 0; }

#body .search-result, #body .tag-page { padding: 0 120px 24px; margin: 0;  }

#body .search-result p, #body .tag-page p { font-size: 24px; margin: 0; }
#body .search-result p strong, #body .tag-page p strong { border-bottom: 1px dotted #000; }

#body div.section { padding: 12px 0; }
#body div.section div.article { margin: 12px 0 48px; }

#body div.section div.article div.post-type,
#body div.section div.article ul.footer,
#body div.section div.article div.content { border-top: 1px solid #999; float: left; }

#body div.section div.article div.post-type { /* border-bottom: 1px solid #eee;  */padding: 24px 10px 0 0; margin: 0; width: 110px; }
#body div.section div.article div.post-type a { color: #000; font-size: 13px; font-weight: bold; }
#body div.section div.article div.post-type a:hover { color: #f00; }
/* #body div.section div.article div.post-type a:hover:after { content: 'click to see the detail'; } */
/*
#body div.section div.article div.post-type a span { color: #fff; }
#body div.section div.article div.post-type a:hover span { color: #f00; }
*/

#body div.section div.article div.content { padding: 24px 50px 48px 0; width: 550px; }
#body div.section div.article div.content h2.header { font-size: 24px; line-height: 30px; margin-bottom: 24px; }
#body div.section div.article div.content h2.header a { font-size: 1em; }
#body div.section div.article div.content img { border: 5px solid #ddd; }
#body div.section div.article div.content del { display: none; }

#body div.section div.chat div.content dt, #body div.section div.chat div.content dd { border-top: 1px solid #eee; float: left; }
#body div.section div.chat div.content dt { font-weight: bold; padding: 10px 10px 10px 0; margin: 0; width: 110px; }
#body div.section div.chat div.content dd { padding: 10px 0; margin: 0; width: 430px; }
#body div.section div.chat div.content dd:last-child {  }
#body div.section div.chat div.content dt.odd {  }
#body div.section div.chat div.content dt.even {  }

/*#body div.section div.text div.content p { text-align: justify; }*/
#body div.section div.text div.content ul { margin-left: 0; }

#body div.section div.article ul.footer { padding: 24px 0 0; margin: 0; width: 230px; }
#body div.section div.article ul.footer li { float: left; list-style: none; width: 110px; }
#body div.section div.article ul.footer li span { color: #999; float: left; font-size: 11px; text-transform: uppercase; width: 110px; }
#body div.section div.article ul.footer li.date { margin-right: 10px; }
#body div.section div.article ul.footer li.notes {  }
#body div.section div.article ul.footer li.tags { border-top: 1px solid #eee; padding-top: 12px; margin-top: 12px; width: 230px; }
#body div.section div.article ul.footer li.tags span { width: 230px; }
#body div.section div.article ul.footer li a { float: left; font-weight: normal; width: 230px;  }
#body div.section div.article ul.footer li a:hover {  }

#body div.section div.article ul.footer li.skill { border: 0; padding-top: 0; margin-top: 0; }

#body div.section a.view-note { margin-left: 120px; font-size: 16px; font-weight: normal; }
#body div.section ol.notes { border-top: 1px solid #eee; padding: 0; margin: 0 240px 48px 120px; width: 590px; }
#body div.section ol.notes li { border-bottom: 1px solid #eee; list-style: none; padding: 5px 0; }
#body div.section ol.notes li > a { display: none; margin-right: 10px; }
#body div.section ol.notes li span.action { display: inline; }
#body div.section ol.notes li blockquote { border: 0; padding: 0; margin: 0 0 0 5px; }
#body div.section ol.notes li blockquote:before { color: #f00; content: '“'; }
#body div.section ol.notes li blockquote:after { color: #f00; content: '”'; }
#body div.section ol.notes li blockquote a { color: #999; font-weight: normal; }

#body div.section ul.pagination { margin: 0; padding: 0; }
#body div.section ul.pagination li { font-size: 16px; list-style: none; margin: 0; padding: 0; }
#body div.section ul.pagination li.pager-stats { float: left; margin-left: 10px; text-align: center; width: 470px; }
#body div.section ul.pagination li.next { float: right; text-align: right; width: 230px; }
#body div.section ul.pagination li.previous { float: left; width: 230px; }
#body div.section ul.pagination li a { }

#footer { background: #fff; border-top: 1px solid #999; padding: 24px 0; }
#footer .nav { margin: 0 0 24px 110px; }
#footer .nav li { display: inline; list-style: none; margin-left: 10px; }
#footer .nav li a { color: #999; }
#footer .nav li a:hover { color: #000; }

#footer div.copyright p { font-size: 16px; margin-left: 120px; }
#footer div.copyright p.sub-brand { color: #999; margin-right: 120px; }
#footer div.copyright p a { font-size: 1em; }