/* Desktop Style for SLJ.me <slj@slj.me>*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:'';}
abbr,acronym { border:0; border-bottom: #999 dashed 1px;}
img {vertical-align: top;}

hr{ border:none; border-top:1px #ccc solid}

blockquote{ padding:2px; padding-left:25px;}
body{ font-size:12px; font-family: Verdana, "Trebuchet MS", "微软雅黑", Helvetica, sans-serif; background:url(images/bg.gif) repeat-x #4B7790;}
a{ text-decoration:none; outline:none; color:#26B;}
a:hover{ text-decoration:underline}

/*Clear*/
#content:after,
#article .comments .comment:after{content: " ";	display: block;	height: 0;	clear: both;	visibility: hidden;}

#wrap {background:url(images/bg_header.gif) no-repeat 50% 25px; width:100%;}
#container{ width:979px; margin:0 auto; display:block;}
#top {height:25px; padding-right:30px; }
#top a{ display:block; padding-left:25px; padding-top:1px;color:#FFF; font-family:"Trebuchet MS",Arial ; color:#FFF; font-weight:bolder; text-shadow:#000 0px 1px 2px;}
#top a.rss{background:url(images/icons.gif) no-repeat 0 -160px}
#top a.buzz{background:url(images/icons.gif) no-repeat 0 -120px}
#top ul{ float:right;}
#top ul li{ float:left; padding:3px 10px 0 15px;}

#header {background:url(images/bg_header.gif) no-repeat -124px 0; height:125px;}
#header h1{padding:30px 0 0 48px; width:150px; float:left}
#header a.logo{background:url(images/logo.png) no-repeat top center; display:block; text-indent:-9999px; width:145px; height:62px;}
#header a.logo:hover{background-position:bottom}
#header .navi{ float:right; margin-top:63px;}
#header .navi li{ float:left;margin-right:15px;}
#header .navi li:last-child{margin-right:40px;}
#header .navi li a{ display:block; height:39px; text-indent:-9999px; background:url(images/navi.gif) no-repeat;}
#header .navi li a.blog{ background-position:0px top; width:122px;}
#header .navi li a.blog:hover{ background-position:0px bottom;}
#header .navi li a.guestbook{ background-position:-133px top; width:160px;}
#header .navi li a.guestbook:hover{ background-position:-133px bottom;}
#header .navi li a.portfolio{ background-position:-297px top; width:148px;}
#header .navi li a.portfolio:hover{ background-position:-297px bottom;}
#header .navi li a.about{ background-position:-450px top; width:130px;}
#header .navi li a.about:hover{ background-position:-450px bottom;}

#content{ background:url(images/bg_content.gif) repeat-y #1D2E36; min-height:50px;}
#content_footer{background:url(images/bg_content_footer.gif) no-repeat; height:18px;}

#article{ background:url(images/bg_article.gif) no-repeat #F9F9F9; min-height:300px; width:599px; margin-left:25px; margin-bottom:15px; padding:35px 25px; overflow:hidden; float:left; position:relative;}
#article:after{ background:url(images/bg_article.gif) -699px top no-repeat; height:5px; width:649px; position:absolute; bottom:0; left:0; content:' ';}



#article .entry h1,
#article .entry h2,
#article .entry h3,
#article .entry h4{ margin:10px 0;}
#article .entry img{ padding:3px; background:#fff; border:#CCC solid 1px;}
#article .entry ul,#article .entry p{margin:10px 0; line-height:1.6em;}
#article .entry ul li{clear:both; padding:2px 0 2px 30px; background:url(images/icons.gif) no-repeat 15px -180px;}
#article h1,
#article h2,
#article h3,
#article h4{ font-size:22px; text-shadow:#666 0px 1px 2px;}
#article h3{ font-size:19px;}
#article h4{ font-size:17px;}

#article .entry img.thumb { padding:0; margin:0; border:0}

#article h2 a:hover{ text-decoration:none; border-bottom:1px #26B dashed; }
#article p.meta{ padding:7px 0 9px; color:#666; font-family:Verdana, Geneva, sans-serif; border-bottom:1px #ccc dashed; margin-bottom:15px; font-size:11px;}
#article p.meta a.commentsBtn{ background:url(images/icons.gif) no-repeat 3px 3px; padding-left:18px;}
#article p.meta span {float:right; line-height:5px;}
#article p .viewnum { color:#F9F9F9}
#article .post{ border-bottom:1px #ccc solid; padding: 5px 0 30px; font-size:15px; word-wrap: break-word; word-break: normal; margin-bottom:7px;}
#article .post .entry img{ margin:5px 1px;}

#article .post .entry ol{ list-style:decimal; padding:5px 0 0 35px}
#article .post .entry ol li{ padding:5px 0;}

#article a.more-link, a.bluebutton{ background:url(images/button.gif) no-repeat top right; display:inline-block; margin:10px 0;  -webkit-border-radius: 8px;-moz-border-radius:8px; }
#article a.more-link span,  a.bluebutton span{ background:url(images/button.gif) no-repeat bottom left; display:block;  padding:4px 25px; line-height:22px; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#fff; -webkit-border-radius: 8px;-moz-border-radius:8px;}
#article a.more-link:hover,  a.bluebutton:hover{text-decoration:none;-webkit-box-shadow: 0 1px 15px rgba(29,46,54, 0.7);-moz-box-shadow: 0 2px 13px rgba(29,46,54, 0.7) }
#article a.more-link:hover span,  a.bluebutton:hover span{text-shadow:0 0 5px #fff;}


#article a.toolbtn{ background:url(images/yellowbtn.gif) no-repeat top right; display:inline-block; margin:10px 0; -webkit-border-radius: 8px;-moz-border-radius: 8px; }
#article a.toolbtn span{ background:url(images/yellowbtn.gif) no-repeat bottom left; display:block;  padding:4px 25px; line-height:20px; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#333;  -webkit-border-radius: 8px;-moz-border-radius: 8px;}
#article a.toolbtn:hover {text-decoration:none;-webkit-box-shadow: 0 1px 15px #F0E4AB;-moz-box-shadow: 0 2px 13px #F0E4AB}
#article a.toolbtn:hover span{text-shadow:0 0 5px #fff; }


#article .noborder{ border:none;}

#article .share{ background:url(images/bg_article.gif) no-repeat -1400px 0; width:602px; height:92px; margin-top:20px;}
#article .share h2{ text-indent:-9999px; height:40px;}
#article .share ul { margin-right:30px; float:right; }
#article .share ul li{ float:left; margin-right:15px; position:relative;}
#article .share ul li a{ display:block; width:32px; height:32px; background:url(images/shareicons.png) no-repeat; text-decoration:none;}
#article .share ul li a:hover{-webkit-border-radius: 3px;-moz-border-radius:5px; -webkit-box-shadow:#fff 0px 0px 18px; -moz-box-shadow:#fff 0px 0px 18px;}
#article .share .taobao{ background-position:0 0;}
#article .share .baidu{ background-position:0 -40px;}
#article .share .sina{ background-position:0 -80px;}
#article .share .facebook{ background-position:0 -120px;}
#article .share .buzz{ background-position:0 -160px;}
#article .share .twitter{ background-position:0 -200px;}
#article .share .kaixin{ background-position:0 -240px;}
#article .share .renren{ background-position:0 -280px;}

#article .share ul li a span{font-family:"微软雅黑",Verdana, Geneva, sans-serif; position:absolute; background:url(images/icons.gif) no-repeat 0 -400px; width:97px; height:24px; text-align:center; bottom:-60px; left:-33px; display:none; padding-top:11px; color:#fff; text-shadow:0 1px 1px #000; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }



#article h2.related_post_title{margin-top:30px;}


.wp-pagenavi{ margin-top:10px;}

#article .comments{ margin-top:20px; position:relative; }

#article .comments .comment{ background:url(images/bg_comment.gif) -826px 0 repeat-y;margin:10px;}
#article .comments div.avatar{ background:url(images/bg_comment.gif); width:67px; height:68px; padding:4px; position:relative; float:left; }
#article .comments div.avatar .frame{background:url(images/bg_comment.gif) no-repeat; width:67px; height:68px; position:absolute; top:0; left:0}
#article .comments ul li:first-child{ margin-top:15px;}
#article .comments .content{background:url(images/bg_comment.gif) no-repeat -200px 0px; min-height:80px; float:left; width:445px; padding:15px 10px 15px 45px; position:relative}
#article .comments .content:after{ background:url(images/bg_comment.gif) no-repeat -1400px 0px; height:11px; width:492px; position:absolute; bottom:0; left:0; content:' ';}

#article .comments span{ font-family:Verdana, "微软雅黑", Geneva, sans-serif}
#article .comments .author{ font-size:14px; font-weight:bold;text-shadow:#fff 0px 1px 2px; color:#666;}
#article .comments .time{ font-size:11px; float:right; font-weight:normal; padding-right:15px; color:#666;}
#article .comments .text{ font-size:14px; padding:5px; padding-right:10px;}

#article .comments .replyBtn{ position:absolute; right:24px; top:-11px;}


#article .reply { font-size:18px; padding-top:10px; position:relative}
#article .reply h2{ padding-bottom:5px}
#article .reply form{ margin:10px;}
#article .reply div{ float:left}
#article .reply span{ float:left; color:red; display:block; margin:5px 10px;}
#article .reply label{ display:block; height:31px; width:100px; float:left; text-align:right; clear:left; padding-top:3px; text-shadow:#fff 0px 1px 2px; color:#07B; cursor:pointer}
#article .reply .inputbox, #article .reply .textareabox{ background:url(images/icons.gif) no-repeat 0 -600px; width:239px; height:31px; float:left; margin:0 0 15px 20px; float:left; }
#article .reply .textareabox{ background-position:0 -660px; height:111px;}
#article .reply .inputbox input, #article .reply .textareabox textarea{background:none;border:none;height:17px;padding:6px;width:227px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
#article .reply .textareabox textarea{ height:98px;}

#article .reply input[type="text"]:focus,#article .reply input[type="submit"]:active, #article .reply textarea:focus{-webkit-border-radius: 8px;-webkit-box-shadow: 0 1px 15px #F0E5AC;-moz-box-shadow: 0 2px 13px rgba(19,150,212, 0.5);}


#article .reply .button{background:url(images/icons.gif) no-repeat 0 -540px; border:none;display:block;float:left;height:31px;margin:0 0 0 180px;text-indent:-9999px;width:120px; clear:both;}

#article .topbtn{ position:absolute; right:24px; bottom:10px;  filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }




#sidebar { float:right; width:265px; margin-right:27px; }
#sidebar .search{ background:url(images/sidebars.gif) no-repeat 0 0; width:271px; height:63px; float:left; margin-bottom:10px;}
#sidebar .search .search_input{ background:url(images/icons.gif) no-repeat 0 -20px; width:166px; height:31px; float:left; margin:15px 0 0 15px;}
#sidebar .search .search_input input{background:none;border:none;height:17px;padding:6px;width:153px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#sidebar .search .button{background:url(images/icons.gif) no-repeat 0 -70px; border:none;display:block;float:left;height:31px;margin:15px 0 0 7px;text-indent:-9999px;width:70px; }

#sidebar .widgetbox{ background:url(images/sidebars.gif) repeat-y -560px 0; width:271px; min-height:80px; clear:both; overflow:hidden; margin-bottom:10px;}
#sidebar .widgetbox h2{ background:url(images/sidebars.gif) no-repeat -280px 0; height:28px; padding:10px 0 0 15px; font-family:Arial,"微软雅黑", Helvetica, sans-serif; font-size:16px; font-weight:bolder; color:#2d3e46; text-shadow:#fff 0px 1px 2px;}
#sidebar .widgetbox .content { background:url(images/sidebars.gif) no-repeat -840px 0; min-height:25px; padding:10px 15px 5px;}
#sidebar .widgetbox .content_notitle { background-position:-1400px 0; min-height:80px;}
#sidebar .widgetbox:after{background:url(images/sidebars.gif) no-repeat -1120px 0; display:block; height:6px; content:' ';}

#sidebar .widgetbox ul { margin-bottom:10px;}
#sidebar .widgetbox ul li { clear:both; padding:5px 0 5px 13px; background:url(images/icons.gif) no-repeat 0 -180px;}


#footer{ background:#345263; height:18px; padding:10px 0; text-align:center; color:#fff; text-shadow:#000 0px 1px 2px; margin:20px 10px;-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  }
#footer strong{ font-weight:bolder;}
#footer a{ color:#FFF; border:0; border-bottom:1px #ccc dashed}
#footer a:hover{ border-style:solid; text-decoration:none}

strong{ font-weight:bold;}
em{ font-style:italic;}

/*About*/
#specialize li strong, #specialize li cite{display:block; clear:both}
#specialize li strong{ color:#2D3E46; }