/**
* Markup by sonic
* http://www.sonichtml.com
*/
/* Reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{vertical-align:baseline;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,select{vertical-align:middle;}
cite,em{font-style:normal}
/* New Clearfix */
.clear{clear:both;height:1px;margin:0;padding:0;font-size:15px;line-height:1px;}
.clearfix:after,.content:after{visibility:hidden;display: block;font-size:0;content:" ";clear: both;height:0;}
* html .clearfix,* html .content{zoom:1;}/* IE6 */
*:first-child+html .clearfix,*:first-child+html .content{zoom:1;}/* IE7 */
/* Defaults */
:focus{outline:0}
a:link,a:visited{text-decoration:none;color:#222}
a:hover{color:#ff7700;text-decoration:underline}
body{font:normal 12px Arial,Corbel,Verdana,Helvetica,sans-serif;}
img{border:0;vertical-align:bottom}
fieldset{border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:12px;}
p{margin:0 0 1em}
/* Public Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- Containers --*/
html{background:url(images/bg.gif) repeat;}
body{background:url(images/wrap_bg.png) no-repeat center 164px;}
#skip{height:0px;overflow:hidden;width:0px}
#background{background:url(images/blog_bg.png) repeat-x 0 -140px;}
#page{width:960px;margin:0 auto;}
.hidden{display:none;}
/*-- Top --*/
#top{overflow:hidden;width:960px;height:32px;margin:0 auto;}
#top .site_nav{float:right;}
#top .site_nav li{display:block;float:left;line-height:31px;padding:0 10px;}
#top .site_nav li a{display:block;color:#dcdbdb;line-height:31px;}
#top .site_nav li a:hover{text-decoration:none;color:#e8a02c;}
#top .site_nav .active a{color:#e8a02c;background:url(images/icon.png) no-repeat center 27px;}
/*-- Header --*/
#header{position:relative;height:109px;background:url(images/header_bg.jpg) no-repeat 0 -1px;}
#header .title{overflow:hidden;float:left;width:400px;height:109px;}
#header .title h1{overflow:hidden;height:0;text-indent:-9999px;}
#header .title .logo{text-indent:-9999px;display:block;width:260px;height:109px;background:url(images/logo.png) no-repeat;}
#header .search{display:inline;float:right;width:206px;margin:34px 4px 0 0;}
#header .search .inp_so{float:left;color:#a3a192;width:170px;line-height:16px;padding:2px 6px;background:#1e1f19;border:0;}
#header .search .btn_so{overflow:hidden;text-indent:-9999px;line-height:999em;float:left;width:16px;height:16px;margin:2px 0 0;border:0;background:url(images/icon.png) 0 -32px;cursor:pointer;}
#header .rss{position:absolute;right:0;bottom:-20px;text-indent:-9999px;overflow:hidden;display:block;width:60px;height:60px;background:url(images/rss1.png) no-repeat;}
#header .rss a{display:block;height:60px;}
/*-- Navigation --*/
#navigation{}
#navigation ul{height:37px;border-left:1px solid #d3d1c8;}
#navigation li{float:left;border-right:1px solid #d3d1c8}
#navigation li a{display:block;padding:0 22px;line-height:37px;}
#navigation li a:hover{color:#333;text-decoration:none;background:url(images/blog_bg.png) repeat-x 0 -93px;}
/*-- Content --*/
#content{overflow:hidden;float:left;width:620px;}
/* breadcrumb */
.breadcrumb{margin:18px 0 0 0;padding:8px;background:#f0efec;border:1px solid #d2d2c2;}
.breadcrumb a{color:#333;padding:0 2px;}
/* page_nav */
.page_nav{overflow:hidden;_height:1%;padding:8px;background:#f6f5f2;border:1px solid #eaeae0;}
.page_nav .pl{float:left;width:50%;}
.page_nav .pr{float:right;width:50%;}
/* btn_demo btn_download */
.entry .btn_demo,.entry .btn_download{overflow:hidden;line-height:999em;display:inline-block;*display:inline;zoom:1;width:92px;height:32px;margin-top:1em;margin-right:4px;background:url(images/btn.png) no-repeat;vertical-align:baseline;}
.entry .btn_demo{background-position:0 -47px;}
.entry .btn_download{background-position:0 -79px;}
/* pagetitle */
.pagetitle{font-size:1em;margin:18px 0 0 0;padding:8px;background:#f0efec;border:1px solid #d2d2c2;}
/*-- Sidebar --*/
#sidebar{float:right;width:320px;overflow-x:hidden;}
.feed_service{margin-top:18px;}
.loc_t{width:100%; }
.loc_l{float:left;width:152px;}
.loc_r{float:right;width:152px;}
.loc_t li h2,.loc_l li h2,.loc_r li h2{font-size:12px;background:#ebe9e1;border:1px solid #dedbd1;line-height:28px;font-weight:bold;margin:0 0 4px 0;padding:0 8px;}
.loc_t li ul li,.loc_l li ul li,.loc_r li ul li{overflow:hidden;line-height:27px;height:27px;margin:0;padding:0 0 0 10px;border:0;border-bottom:1px solid #ededed;background:none;}
.loc_t li ul li{padding-left:28px;background:url(images/icon.png) no-repeat 10px -88px;}
/*- box_3in1 -*/
.box_3in1{}
.box_3in1 .tabs{position:relative;bottom:-1px;height:29px;}
.box_3in1 .tabs li{float:left;text-align:center;width:88px;height:28px;margin:0 4px 0 0;background:url(images/tab_bg.png) no-repeat 0 -60px;}
.box_3in1 .tabs li a{line-height:28px;display:block;background:url(images/tab_bg.png) no-repeat right -88px;}
.box_3in1 .tabs li a:hover{text-decoration:none;color:#222;}
.box_3in1 .tabs li.active{height:29px;background-position:0 0;}
.box_3in1 .tabs li.active a{font-weight:bold;background-position:right -29px;}
.box_3in1 .block{background:#fff;padding:12px;border:1px solid #dedbd1;}
.box_3in1 .block ul{}
.box_3in1 .block li{overflow:hidden;height:28px;line-height:28px;padding:0 0 0 18px;background:url(images/icon.png) no-repeat 0 -88px;}
.box_3in1 .block li a{}
/*-- Pagination --*/
.pagination{text-align:center;margin-top:18px;padding:10px;background:#fff;border-top:1px solid #d3d3c3;}
.wp-pagenavi{margin:0 auto;}
.wp-pagenavi span.pages{display:none;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{padding:3px 7px !important;margin:2px;text-decoration:none !important;color:#454545 !important;border:1px solid #CCC !important;}
.wp-pagenavi a:hover{color:#EEE !important;border:1px solid #333 !important;background-color:#666!important;font-weight:bold !important;}
.wp-pagenavi a:active{padding:2px 2px;margin:2px;text-decoration:none;border:1px solid #CCC !important;}
.wp-pagenavi span.extend{padding:3px 7px!important;margin:2px;color:#454545 !important;border:1px solid #CCC !important;}
.wp-pagenavi span.current{padding:3px 7px!important;margin:2px;color:#EEE !important;background-color:#666!important;border:1px solid #333 !important;font-weight:bold;}
/*-- Footer --*/
#footer{overflow:hidden;height:68px;margin-top:30px;background:url(images/blog_bg.png) repeat-x 0 0;}
#footer .container{width:960px;margin:0 auto;padding:6px 0 0 0;}
#footer .site_nav p{}
#footer .site_nav{float:left;margin:16px 0 0 0;}
#footer .site_nav li{display:inline;}
#footer .site_nav li a{color:#666;border-right:1px solid #666;padding:0 10px;}
#footer .site_nav li a.last{border:0;}
#footer p{color:#666;text-align:right;line-height:20px;margin:0;}
#footer .icon_xhtml,#footer .icon_css{overflow:hidden;line-height:999em;display:inline-block;_display:inline;*zoom:1;width:80px;height:15px;vertical-align:middle;}
.icon_xhtml{background:url(../../../../style/icon_xhtml.png) no-repeat;}
.icon_css{background:url(../../../../style/icon_css.png) no-repeat;}
.box,.loc_l ul li,.loc_r ul li,.post,.post_comments
{margin-top:18px;padding:18px;background:url(images/box_bg.png) repeat-x #fff;border:1px solid #d3d3c3;}
/* Post Sytle
------------------------------------------------------------------------------------------------------------*/
.post{overflow:hidden;_height:1%;padding-bottom:12px;}
.post h2,.post h2 a{font:bold 18px Microsoft YaHei, Simsun, Arial;line-height:28px;}
.post h2{margin:0 0 0.5em 0;}
.post .postinfo{color:#999;height:18px;line-height:18px;padding:0 0 6px 0;border-bottom:1px solid #cacaca;}
.post .postinfo .date{float:left;font-size:11px;}
.post .postinfo .comments{float:right;padding:0 0 0 16px;background:url(images/icon.png) no-repeat 0 -124px;}
.post .postinfo .comments em{font-size:16px;font-weight:bold;color:#333;padding:0 2px;}
.post .entry{overflow:hidden;text-align:left;padding:22px 0 0;height:122px;}
.post .entry .pimg{color:#999;float:left;width:160px;height:120px;margin:0 18px 0 0;background:url(images/pimg_bg.png) no-repeat ; border:1px solid #999;}
.post .entry .pimg img{width:160px;height:120px;}
.post .entry p{color:#333;line-height:24px;}
.post .continue{float:right;height:20px;margin:10px 0 0 0;padding:0 0 0 20px;background:url(images/icon.png) no-repeat 0 -60px;}
.post .continue a,.post a.sp{color:#cb7700;font-weight:bold;line-height:20px;text-decoration:underline;}
.entry a{text-decoration:underline;}
/* Single Sytle
------------------------------------------------------------------------------------------------------------*/
.single{}
.single .entry{color:#333;height:auto;line-height:20px;}
.single .entry p{color:#333;}
.single .entry hr{border:0;border-top:1px solid #e6e6e6;margin-top:10px;}
.single .entry h3{margin:2em 0 1em 0;}
.single .entry h4{margin:1em 0 1em 0;}
.single .entry h5{margin:0.5em 0.5em 0 0;}
.single .entry ul,.single .entry dl{margin:0.5em 0}
.single .entry li{list-style-position:inside;list-style-type:disc;margin:0 0 0 1em;}
.single .entry ol li{list-style-type:decimal ;}
.single .entry dl dt{font-weight:700;}
.single .entry dl dd{margin:0 0 0 1em;}
/*- post_meta -*/
.post_meta{margin-top:1.5em;padding-top:16px;border-top:1px solid #e6e6e6;}
.post_meta p{overflow:hidden;height:24px;margin:0;}
.post_meta p strong{padding-right:4px;}
.post_meta a{text-decoration:underline; }
/*- postrelated_meta -*/
.related{overflow:hidden;_height:1%;margin-top:1.5em;padding-top:16px;border-top:1px solid #e6e6e6;}
.related h3,.related h2{font-family:arial;font-size:12px;line-height:18px; margin:0;margin-bottom:1em;}
.related_post{float:left;width:260px;}
.related_post li{overflow:hidden;line-height:24px;height:24px;margin-left:12px;padding:0 0 0 20px;background:url(images/icon.png) no-repeat 0 -94px;}
.related_post li a{line-height:24px; }
.related_content{margin:0 0 0 280px;}
/*- post_author -*/
.post_author{overflow:hidden;_height:1%;margin-top:10px;padding:10px;background:#f5f4f0;border:1px solid #eae8e3;}
.post_author dl{line-height:22px;}
.post_author dt{}
.post_author dt img{float:left;width:72px;height:72px;margin-right:10px;padding:4px;background:#fff;border:2px solid #cac4b4;}
.post_author dd{padding:4px 0 0;}
.post_author a{font-weight:bold;color:#cb7700;text-decoration:underline;}
/*- post_comments -*/
.post_comments{}
.post_comments h2{font:bold 16px Microsoft YaHei, Simsun, Arial;margin:0 0 1em 0; }
.post_comments ol li{overflow:hidden;margin:0 0 18px 0; padding:16px;list-style:none;zoom:1;}
.commentlist{width:100%;padding:5px 0px;font-size:12px;clear:both;}
.commentlist li{background-color:#faf9f7;border:1px solid #eae8e3;}
.commentlist li a:link,.commentlist li a:visited{color:#cb7700;text-decoration:underline;}
.commentlist li.alt{background:#fff; }
.commentlist li ul{margin:10px 10px;}
.commentlist li ul.children{margin:10px 0px;}
.commentlist li p{color:#555555;margin:0 0 0 70px;line-height:18px; }
.commentlist li .reply{text-align:right;}
.commentlist li.bypostauthor{color:#fff;background-color:#3f3f36;border:1px solid #DDDDDD;}
.commentlist li.bypostauthor p{color:#fff;}
.commentlist li.bypostauthor .says{color:#999;}
.comment-author{padding-bottom:10px;}
.comment-author img{width:48px;height:48px;margin:0 12px 0 0; padding:4px;background:#fff;border:1px solid #dedbd1; }
.comment-author cite a{font-weight:bold;}
.comment-author .says a{padding:0 0 0 6px;}
.avatar{float:left;padding:1px 1px;border:1px solid #E0E0E0;}
.author_info{float:left;padding-left:5px;line-height:16px;color:#888;}
.author_info cite{font-style:normal;font-weight:bold;}
.author_info em{font-size:10px;}
#cancel-comment-reply{float:right;margin-right:10px;}
.reply a, #cancel-comment-reply a{color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{color:#666;}
#respond{color:#666;}
#respond em{color:#FF0242;}
#respond #addcomment{font:bold 16px Microsoft YaHei, Simsun, Arial;margin:0 0 0.5em 0;}
#author, #email, #url, #comment,#mcspvalue{margin:0 5px 0 0;padding:5px 5px;width:30%;border:1px solid #dadada;}
#comment{width:95%;height:150px;font-size:12px;overflow-y:scroll;}
#author:hover, #email:hover, #url:hover, #comment:hover, #mcspvalue:hover{background:#f5f5f5;}
#author:focus, #email:focus, #url:focus, #comment:focus, #mcspvalue:focus{border:1px solid #ffaa00;background:#f5f5f5;}
#submit{text-indent:-9999px;display:block;width: 156px; height: 45px; background:transparent url(images/btn.png) no-repeat 0 0;border:0;cursor:pointer;}
/*- wp_syntax -*/
.wp_syntax {color: #100;background-color: #f9f9f9;border: 1px solid silver;margin: 0 0 1.5em 0;overflow: auto;}
/* IE FIX */
.wp_syntax {overflow-x: auto;overflow-y: hidden;padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);width: 100%;}
.wp_syntax table {border-collapse: collapse;}
.wp_syntax div, .wp_syntax td {vertical-align: top;padding: 2px 4px;}
.wp_syntax .line_numbers {text-align: right;background-color: #def;color: gray; overflow: visible;}
/* potential overrides for other styles */
.wp_syntax pre {margin: 0;width: auto;float: none;clear: none;overflow: visible;font-size: 12px;line-height: 1.333;white-space: pre;}