@charset "utf-8";
/*   
Theme Name: unBalanced :: Libra 
Theme URI: http://www.makoto.idv.tw/
Description: [MIT] unBalanced :: Libra Theme
Author: YunChen Liao (Lucrecial)
Author URI: http://www.makoto.idv.tw/
Version: 1.5
*/


* { margin:0; padding:0; border:0; text-decoration:none; outline:none;}
body { background:url(images/background.png) #006699;}
hr { clear:both; border:0px; visibility:hidden;}

a, input { color:#006699;}
p, h1, h2, h3, li, ul, ol { font-family: Arial, Helvetica, MingLiU, sans-serif; line-height:130%;}
ul { list-style:none outside; font-size:12px;}
ol { list-style:decimal-leading-zero outside; font-size:12px;}
h1 { font-size:2em; color:#007bbb; line-height:40px;}/* use in title */
h2 { font-size:1.5em; color:#009999; line-height:25px; margin:15px 0 5px;}
h3 { font-size:1.2em; color:#009999; line-height:19px; border-left:#009999 7px solid; padding-left:10px; margin:20px 0 5px;}
p { font-size:13px; line-height:150%; color:#565656; padding:5px 0;}
blockquote,q { background:#efefef url(images/quote-bg.png) no-repeat; background-position:top left; margin:0 15px 20px; padding:15px; border:#898989 1px solid; color:#383838; -moz-border-radius:5px; border-radius:5px;}
blockquote p, q p { padding:5px 0 5px 40px;}


/*---------- [head.php setting] ----------*/
#headbox { background:url(images/headbox-bg-01.png) repeat-x; width:100%; height:250px; }
.header { background:url(images/headbox-bg-02.png) no-repeat; background-position:left top; width:980px; margin:0 auto;}
/* 選單設定 */
.menubox { position:relative; left:490px; width:500px; height:35px; padding:0 0 5px;}
.menubox ul { list-style:none; overflow:hidden; text-align:center; display:block;}
.menubox ul li { background:url(images/menu-r.png) no-repeat; background-position:left top; float:right; height:35px; text-align:center; padding-left:10px;}
.menubox ul li:hover { background:url(images/menu-r.png) no-repeat; background-position:left bottom;}
.menubox ul li a { background:url(images/menu-l.png) no-repeat; background-position:right top; color:#f8f8f8; font-weight:bold; line-height:35px; display:block; font-family:Georgia; padding:0 25px 0px 15px;}
.menubox ul li a:hover { background:url(images/menu-l.png) no-repeat; background-position:right bottom; color:#FFFF99;}
.current_page_item { background:url(images/menu-r.png) no-repeat; background-position:left bottom !important; padding-left:10px;}
.current_page_item a { background:url(images/menu-l.png) no-repeat; background-position:right bottom !important; font-weight:bold; color:#FFFF99 !important; padding:0 25px 0 20px;}

#titlebox{ height:85px; width:100%; padding-top:75px;}
/* 標題設定 */
.blog-title { float:left; width:550px; margin-left:50px; }
.blog-title p { color:#fafafa; font-size:12px; line-height:18px; letter-spacing:1px; font-family:Arial, sans-serif; padding:10px 5px 0; text-shadow:#383838 1px 1px 0px;}
.blog-title h1 { color:#fcfcfc; font-size:45px; font-family:Georgia; line-height:70%; text-shadow:#383838 2px 2px 1px;}
.blog-title h1 a { color:#fcfcfc;}
.blog-title h1 a:hover { color:#FFFF99; border:0 none;}
/* link list */
.link { float:right; width:360px; margin:35px 10px 0;}
.link ul { list-style:none; position:relative; overflow:hidden;}
.link ul li { position:relative; height:50px; padding:0px; margin:0 8px; float:right;}
.link ul li a#link-rss { display:block; background:url(images/link-rss.png) no-repeat; background-position:top; width:72px; height:50px;}
.link ul li a:hover#link-rss { background:url(images/link-rss.png) no-repeat; background-position:bottom;}
.link ul li a#link-fb { display:block; background:url(images/link-fb.png) no-repeat; background-position:top; width:72px; height:50px;}
.link ul li a:hover#link-fb { background:url(images/link-fb.png) no-repeat; background-position:bottom;}
.link ul li a#link-in { display:block; background:url(images/link-in.png) no-repeat; background-position:top; width:72px; height:50px;}
.link ul li a:hover#link-in { background:url(images/link-in.png) no-repeat; background-position:bottom;}
.link ul li a#link-twi { display:block; background:url(images/link-twi.png) no-repeat; background-position:top; width:72px; height:50px;}
.link ul li a:hover#link-twi { background:url(images/link-twi.png) no-repeat; background-position:bottom;}
.ind-head-bg { background:url(images/ind-head-bg.png) no-repeat; width:100%; height:50px;}


/*---------- [post left block setting] ----------*/
#postbody { background:url(images/post-body-bg.png) repeat-y; width:990px; margin:auto;}
.post-body { float:right; width:470px; margin:0 25px 0 15px;}
/* 文章資訊設定 */
#post-info { float:left; width:90px;}
#post-info ul, #post-info ol { font-size:12px; color:#99FFFF; line-height:150%; list-style:none outside; padding:5px 0 3px; margin:0;}
#post-info ul li { background:url(images/icon-li03.png) no-repeat; text-indent:15px; padding:0 0 7px; border:0 none; margin:0;}
#post-info a:hover { border:0 none;}
#post-info img { border:0 none; margin:0;}
.post-info-top { background:url(images/post-info.png) no-repeat; background-position:top; height:10px; width:90px;}
.post-info-bot { background:url(images/post-info.png) no-repeat; background-position:bottom; height:15px; width:90px;}
.post-info-mid { background:url(images/post-info-mid.png) repeat-y; padding:0 7px; font-size:12px; color:#336600;}
.post-info-mon { float:left; font-size:11px; line-height:15px; font-family:arial; margin-left:7px;}
.post-info-date { float:left; font-family:impact; line-height:30px;; font-size:36px; letter-spacing:-2px; font-weight:bold; text-shadow:#fcfcfc 2px 2px 0px; text-align:right;}
.post-info-com { background:url(images/icon-com.png) no-repeat; background-position:0 5px; color:#006600; text-indent:20px; padding:5px 0 1px; border-top:#669900 1px dotted;}
.post-info-user { background:url(images/icon-user.png) no-repeat; background-position:0 5px; color:#006600; text-indent:20px; padding:5px 0 1px; border-top:#669900 1px dotted;}
.post-info-tag { background:url(images/icon-tag.png) no-repeat; background-position:0 10px; color:#006600; text-indent:20px; padding:10px 0 0; border-bottom:#669900 1px dotted;}
.addthis_button { margin:0 3px;}
/* 內文設定 */
.post { display:block; margin-bottom:10px;}
#post-left { float:left; width:600px; min-height:100%; height:auto; margin-left:5px;}
.post-box { width:100%;}
.post-box img { border:#cdcdcd 5px solid; margin:5px; vertical-align:middle;}
.post-box a img:hover { border:#898989 5px solid;}
.post-box ul, .post-box ol { margin:0 15px;}
.post-box li { background:url(images/icon-li02.png) no-repeat; padding-left:15px; border-bottom:#efefef 1px solid; margin-bottom:10px; color:#3399CC;}
.post-box ol li { background:none; list-style:decimal-leading-zero; padding:0; margin-left:20px;}
.post-box a { margin:0 2px;}
.post-box a:hover { color:#009999; border-bottom:#66CC99 1px dotted;}
.post-box input { border:#787878 1px solid;}
.post-title { border:0 none;}
.post-title h1 { color:#006699; font-family:Georgia,'標楷體'; text-shadow:#c4c4c4 1px 1px 1px;}
.post-title h1 a { color:#006699; border:0 none !important;}
.post-title p { font-size:12px; text-align:right; line-height:20px; border-top:1px dotted #00a3af;}
.post-readmore { display:none; text-align:right; padding-right:10px;}
a.download { background:url(images/download-bar.png) no-repeat; background-position:top; width:450px; height:25px; display:block; text-align:center; text-indent:-10000px; overflow:hidden;}
a.download:hover { background:url(images/download-bar.png) no-repeat; background-position:bottom; width:450px; height:25px; border:0 !important;}
img.wp-smiley { border:none !important; background:none !important; margin:0 !important; padding:0 !important; vertical-align:middle !important;}
/* Google Ads 設定 */
.googleads { margin:30px auto 0; text-align:center;}
/* readmore bar setting */
#readmore { background:url(images/readme-bg.png) repeat-x; height:30px; margin:0 25px 50px 105px; clear:both; }
.readmore-top{ float:left; text-indent:-10000px; overflow:hidden;}
.readmore-top a { background:url(images/readme-top.png) no-repeat; background-position:top; width:70px; height:30px; display:block; margin:0;}
.readmore-top a:hover { background:url(images/readme-top.png) no-repeat; background-position:bottom; border:0 none;}
.readmore-com { float:left;}
.readmore-com p { font-size:12px; text-indent:10px; height:25px; padding-top:7px;}
.readmore-in { float:right; text-indent:-10000px; overflow:hidden;}
.readmore-in a { background:url(images/readme-more.png) no-repeat; background-position:top; width:120px; height:30px; display:block; margin:0;}
.readmore-in a:hover { background:url(images/readme-more.png) no-repeat; background-position:bottom; border:0 none;}



/*---------- [post-right block setting] ----------*/
#post-right { float:right; width:380px; height:100%; margin-right:5px;}
#post-right p,#post-right ul { font-size:12px; color:#66FFFF; line-height:135%;}
#post-right a { color:#f8f8f8; line-height:110%;}
#post-right a:hover { color:#FFFF66;}
/* search form setting */
#search { padding:0 15px; height:50px; text-align:center;}
#search-s { padding:0 10px; height:50px; text-align:center;}
#search input, #search-s input { margin:0; padding:0; background:none; border:0 none;}
.search-text { float:left; background:url(images/search-bg.png) no-repeat; width:215px; height:30px;}
.search-text input { font-size:13px; color:#fcfcfc; margin:6px 10px !important; width:195px; height:17px;}
.search-button { float:right; width:115px; height:30px; display:block;}
.search-button input { background:url(images/search-button.png) no-repeat !important; width:115px; height:30px; text-indent: -10000px; display:block;}
.search-button input:hover { background:url(images/search-button.png) no-repeat !important; background-position:bottom !important;}
/* advs image setting*/
#side-adv { padding:0 15px; text-align:center;}
#side-adv img { margin:0 5px; width:100px; height:100px; background:url(images/100-advs.png) no-repeat; display: inline-block;}
/* sidebar middle setting */
#side-mid { padding:0 10px;}
#side-mid ul h1{ font-size:21px; line-height:20px; font-weight:bold; color:#FFFF99; text-indent:10px; margin:15px 0 10px; padding:5px 0; border-bottom:1px #ffff66 solid; border-left:7px #ffff66 solid;}
#side-mid ul, #side-mid ul li{ font-size:12px; line-height:130%; list-style:none outside; background:none; border:0 none; color:#99FFFF;}
#side-mid ul li ul { margin:0 0 30px;}
#side-mid ul li ul li{ background:url(images/icon-li01.png) no-repeat; border-bottom:dotted 1px #a0d8ef; margin-bottom:10px; padding-left:15px; padding-bottom:2px; }
/* sidebar left setting*/
#side-left { float:left; width:180px; margin:0 5px;}
#side-right { float:right; width:180px; margin-right:5px;}
.side-small { margin:0;}
.side-small ul, .side-small ol, .side-small ul li, .side-small ol li {font-size:12px; line-height:130%; list-style:none outside; background:none; border:0 none;}
.side-small ul h1 { background:url(images/side-small-title.png) no-repeat; height:50px; font-size:16px; font-weight:bold; color:#69821b; text-indent:10px; margin-top:30px;}
.side-small ul li ul { margin:0 0 50px; padding:0 5px;}
.side-small ul li ul li { background:url(images/icon-li01.png) no-repeat; border-bottom:dotted 1px #66CCCC !important; color:#99FFFF; margin-bottom:10px !important; padding-left:15px !important; }
.cat-item { text-align:right; color:#99CCFF !important;}
.cat-item a { float:left;}


/* navi-page頁面導航設定 */
#navi { background:url(images/navi-bg.png) no-repeat; background-position:center; margin:0 25px 0 105px; height:35px; font-size:12px; line-height:20px; text-align:center;}
.navi-left { position:relative; float:left; background:url(images/navi-left.png) no-repeat; width:39px; height:35px; text-indent:-10000px; overflow:hidden;}
.navi-left a { width:39px; height:35px; display:inline-block;}
.navi-left:hover { background:url(images/navi-left.png) no-repeat; background-position:bottom;}
.navi-right { position:relative; float:right; background:url(images/navi-right.png) no-repeat; width:39px; height:35px; text-indent:-10000px; overflow:hidden;}
.navi-right a { width:39px; height:35px; display:inline-block;}
.navi-right:hover { background:url(images/navi-right.png) no-repeat; background-position:bottom;}
.navi-info { position:static; left:40px; right:40px; top:0; float:left; text-align:center; color:#0099CC; width:390px;}
/* page-box設定 */
#page-box { border:#cdcdcd 1px solid; background:#efefef; padding:10px 20px; margin:0;}
#page-box p { font-size:22px; font-family:'arial black'; font-weight:bold; color:#ababab; padding:0; text-align:right;}
#page-box a { border:0 none; color:#898989; font-size:30px;}
#page-box a:hover { color:#ababab;}
#link-box { border:#cdcdcd 1px solid; background:#efefef; padding:10px 20px; margin:0;}
#link-box p { font-family:'arial black'; font-weight:bold; color:#ababab; padding:0; text-align:right;}
#link-box a { border:0 none; color:#898989;}
#link-box a:hover { color:#ababab;}
#pageinfo { background:#efefef url(images/pageinfo-bg.png) no-repeat; background-position:center left; border:#cdcdcd 1px solid; padding:5px 20px; height:30px; margin:20px 0 0;}
#pageinfo img { border:0 none; padding:0; margin:5px;}
.pageinfo-left { float:left;}
.pageinfo-right { float:right; margin:-17px;}
.pageinfo-clean { clear:both; font-size:11px; color:#cdcdcd; margin-left:-20px;}




/* comment page setting */
#com-rssorder { background:url(images/com-rssbar-bg.png) no-repeat; height:50px; margin-right:10px;}
.com-rss-order { margin-left:60px; padding-top:10px; background: url(images/icon-feed.png) no-repeat; text-indent:20px; background-position:0 10px; color:#006699 !important;}
.com-rss-close { margin-left:60px; padding-top:10px; background: url(images/icon-hatu.png) no-repeat; text-indent:20px; background-position:0 10px; color:#006699 !important;}
#com-rssorder a { color:#006699;}
#com-rssorder a:hover { color:#336600; border-bottom:#336600 1px dotted;}
/* 留言欄位設定 */
#com-msg {background:url(images/com-msg-mid.png) repeat-y; margin-right:10px; margin-bottom:35px;}
#com-msg p { color:#006699; line-height:120%;}
#com-msg a { color:#003366;}
.com-msg-title { background:url(images/com-msg-hdft.png) no-repeat; background-position:top; height:50px; margin-top:35px;}
.com-msg-name { float:left; border-bottom:#fcfcfc 1px solid; color:#fcfcfc !important; text-shadow:#383838 1px 1px 0px; font-size:18px; font-weight:bold; line-height:18px; padding:14px 0 0 10px; width:230px;}
.com-msg-name small { font-size:12px !important; font-weight:normal !important; text-shadow:none;}
.com-msg-name a { color:#CCFF99 !important;}
.com-msg-name a:hover { color:#FFFF99 !important;}
.com-msg-icon { float:left; background-color:#cecece; width:60px; height:60px; border:3px solid #f8f8f8; margin:-15px 0 0 30px;}
.com-msg-foot { background:url(images/com-msg-hdft.png) no-repeat; background-position:bottom; height:30px;}
.com-msg-mid { background:url(images/com-msg-mid.png) repeat-y; clear:both;}
.com-msg-mid p { padding:0 30px 10px;}
.com-msg-mid a:hover { color:#f8f8f8; border-bottom:#f8f8f8 1px dotted;}
.com-count { float:right; font-weight:bolder; font-size:36px; font-family:Georgia; color:#9ddfff; padding:5px 10px 5px 0; text-shadow:#fcfcfc 1px 1px 1px;}
a.reply { float:right; font-size:12px; padding:0 30px; text-shadow:#cdcdcd 1px 1px 0px;}
a.reply:hover { color:#fcfcfc !important;}
/* 留言表單設定 */
#com-form-title { background:url(images/com-form.png) no-repeat; background-position:top; height:60px; margin-right:10px;}
#com-form-foot { background:url(images/com-form.png) no-repeat; background-position:bottom; height:30px; margin-right:10px;}
#com-form-mid { background:url(images/com-form-mid.png) repeat-y;}
#com-form-mid p { padding:0 40px 10px 30px; margin:0px; color:#f8f8f8;}
#com-form-mid a { color:#66ccff;}
#com-form-mid a:hover { border-bottom:1px #66CCFF dotted; color:#66ccff;}
.com-form-input { background-color:#f8f8f8; border:#003366 1px solid; width:300px; padding:2px 5px; font-size:12px; color:#787878; border-radius:5px;}
.com-form-textarea { background-color:#f8f8f8; border:#003366 1px solid; padding:2px 5px; width:300px;  font-size:12px; color:#787878; border-radius:5px;}
.con-form-send { background: url(images/com-send.png) no-repeat; background-position:top; width:110px; height:27px; display:block; text-indent: -10000px; cursor: pointer; float:right; border:0 none;}
.con-form-send:hover { background: url(images/com-send.png) no-repeat; background-position:bottom; }


/* search sidebar setting */
#search-sb { background:url(images/search-sb-title.png) no-repeat; height:60px; width:100%;}
#search-sb p { line-height:125%; color:#336600; padding-left:30px; padding-top:10px; font-size:12px;}
#search-tips-head { background: url(images/search-tip-head.png) no-repeat; height:55px;}
#search-tips-mid { background:url(images/search-tip-mid.png) repeat-y;}
.search-tips-title { background:url(images/search-tip-title.png) no-repeat;}
.search-tips-title h1 { font-weight:bold; text-indent:60px; border:none; line-height:100%; margin:0 !important;}
.search-tips-title p { font-size:12px; text-align:right; padding:0 30px; color:#66CCCC !important;}
#search-tips-mid h1 {font-size:21px; color:#f8f8f8; font-weight:bold; border:none; line-height:30px; padding-left:15px; margin-top:30px; text-shadow:#383838 1px 1px 0px;}
#search-tips-mid ul { margin:0 30px 0 20px;}
#search-tips-mid li { background:url(images/icon-li01.png) no-repeat; background-position:0 2px; border-bottom:#0099FF 1px dotted; margin-top:10px; padding:0px;}
#search-tips-mid li p { color:#66CCCC; font-size:12px; padding:0 0 0 20px; margin:0; text-align:right;}
#search-tips-mid li a { color:#f8f8f8; text-indent:15px; text-indent:0; float:left;}
#search-tips-mid li a:hover { color: #FFFF66;}
#search-tips-mid form { padding:0 15px 10px;}
#search-tips-foot { background:url(images/search-tip-bt.png) no-repeat; height:50px;}



/* [FOOT BLOCK] */
#foot{margin:0px; padding:0px; background:url(images/footer-bg.png) repeat-x;}
.ind-foot-bg { background:url(images/ind-foot-bg.png) no-repeat; width:980px; height:50px; margin:auto;}
#footer { width:980px; margin:auto;}
.foot-left { background:url(images/footer-bgs.png) repeat-x; float:left; width:500px; padding:15px 0 10px 30px;}
.foot-left p { font-size:12px; color:#fafafa; line-height:15px; text-shadow:#383838 1px 1px 0px;}
.foot-left a { color:#99FFFF;}
.foot-left a:hover {color:#CCFF66; border-bottom:1px dotted #f8f8f8;}
.foot-right { float:right; width:390px; padding:20px 30px 10px 0; text-align:right;}