@charset "utf-8";
/*  
Theme Name: Tesion Theme
Theme URI: http://tesion.cn/
Description: The WordPress theme based on the Wordpress.
Version: 0.1 
Author: Tesion & iVanehwang 
Author URI: http://tesion.cn/ & http://ivane.net/

This theme was designed by Tesion and code by iVane Hwang.
*/

/*=S Reset =*/
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
ul,ul li {list-style-type:none;}
fieldset {border:0;}
fieldset legend, table caption {display:none;}
img {border:0 none;}
button, label {cursor:pointer;}
a {text-decoration:underline; *zoom:1; _vertical-align:baseline;}
a:hover {text-decoration:underline;}
input,
body {font-size:12px; font-family:Helvetica,Microsoft Yahei, Arial;}
.hide {display:none;}
/*=E Reset =*/

body {margin-top:208px; background:#FFFFFF; color:#666666;}
a {color:#33CCCC;}
a:hover {color:#269999;}
a.outside_link {text-decoration:none; color:#33CCCC !important; border-bottom:1px #33CCCC dotted;}
a.outside_link:hover {color:#269999; border-bottom:1px #269999 dotted;}
a.outside_link2 {text-decoration:none; color:#999999 !important; border-bottom:1px #999999 dotted;}
a.outside_link2:hover {color:#666666; border-bottom:1px #666666 dotted;}
.hide {display:none;}

/*=S Cover =*/
.mode_index_body,
.mode_index_body body {overflow:hidden !important;}
.mode_index {position:absolute; left:0; top:0; width:100%; height:100%; z-index:999;}
.mode_index .index_iframe {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  -moz-Opacity:0; Opacity:0; width:100%; height:100%; position:absolute; left:0; top:0;}
.mode_index .mode_index_bg{position:absolute; left:0; top:0; background:#F5F5F5; width:100%; height:100%;}
.mode_index .mode_index_logo {position:absolute; left:50%; top:50%; margin:-160px 0 0 -115px; width:230px; height:320px;}
.mode_index .mode_index_logo {cursor:pointer; background:url(img/cover.jpg) left top no-repeat;}
.mode_index .mode_index_logo:hover {background-position:-230px top;}
/*=S Cover =*/

/*=S Header =*/
#header {width:100%; height:138px; background:#F5F5F5; border-bottom:1px #E7E7E7 solid; position:absolute; left:0; top:0;}
#header .cont {margin:0 auto; width:960px; position:relative;}
#header .cont h1,
#header .cont h2 {height:35px; position:absolute; left:0; top:51px; font-size:25px; line-height:110%\9;}
#header .cont h1 strong,
#header .cont h2 strong {margin-right:5px;}
#header .cont h1 a,
#header .cont h2 a {color:#666666; text-decoration:none;}
#header .cont h1 a:hover,
#header .cont h2 a:hover {color:#666666; text-decoration:underline;}
#header .cont p.slogan {position:absolute; left:0; top:84px; font-size:14px; color:#999999; _line-height:130%;}
#header .cont p.logo {margin-left:-61px; position:absolute; left:50%; top:20px; font-size:0; line-height:0; width:122px; height:102px; background:url(img/logo.jpg) left top no-repeat; cursor:pointer;}
#header .cont p.logo:hover {background:url(img/logo.jpg) -122px top no-repeat;}
/*==S Nav ==*/
#header .menu {position:absolute; left:50%; top:153px; width:960px; height:34px; margin-left:-480px;}
#header .menu p {height:34px; zoom:1;}
#header .menu p:after {content:""; clear:both; display:block; height:0;}
#header .menu p a {margin-right:5px; padding:0 0 0 9px; width:51px; height:34px; line-height:34px; display:block; float:left; overflow:hidden; background:#F5F5F5; color:#666666; font-size:14px;}
#header .menu p a.current,
#header .menu p a:hover {font-weight:bold; background:#82D8E9; color:#FFFFFF; text-decoration:none;}
/*==E Nav ==*/
/*=E Header =*/

/*=S Wrap =*/
#wrap {margin:0 auto 20px; width:960px; zoom:1;}
#wrap:after {content:""; clear:both; display:block; height:0;}
/*==S Section ==*/
#wrap #section {padding-top:10px; width:710px; float:left;}
#wrap #section .blog_summary,
#wrap #section .blog_main{margin-bottom:20px; padding:0 0 8px 3px; border-bottom:1px #E7E7E7 dotted;}
#wrap #section .blog_summary h2,
#wrap #section .blog_main h1 {font-size:24px; margin-bottom:12px; color:#666666;}
#wrap #section .blog_summary h2 sup {color:#FF9900; font-family:Georgia; font-weight:bold; font-size:12px; vertical-align:top; margin-left:3px;}
#wrap #section .blog_summary h2 sup a {color:#FF9900; text-decoration:none;}
#wrap #section .blog_summary h2 sup a:hover {color:#CC7A00; text-decoration:underline;}
#wrap #section .blog_summary p.time,
#wrap #section .blog_main p.time {color:#CCCCCC; font-family:Arial;}
#wrap #section .blog_summary .cont,
#wrap #section .blog_main .cont {padding:24px 15px 0 15px;}
#wrap #section .blog_summary .cont h1,
#wrap #section .blog_summary .cont h2,
#wrap #section .blog_main .cont h1,
#wrap #section .blog_main .cont h2 {display:none;}
#wrap #section .blog_summary .cont h3,
#wrap #section .blog_main .cont h3 {font-size:16px; margin:25px 0 10px; line-height:160%;}
#wrap #section .blog_summary .cont p,
#wrap #section .blog_main .cont p {line-height:220%; margin-bottom:10px; font-size:14px;}
#wrap #section .blog_summary .cont p.more {font-size:14px; margin-left:-15px;}
#wrap #section .blog_main .cont ol,
#wrap #section .blog_summary .cont ol {padding-bottom:12px;}
#wrap #section .blog_main .cont ol li,
#wrap #section .blog_summary .cont ol li {color:#3C3C3C; font-size:1.4em; line-height:160%; margin:0 0 4px 50px;}
#wrap #section .blog_main .cont ul li,
#wrap #section .blog_summary .cont ol li {list-style-type:disc;}
#wrap #section .blog_main .cont ol li,
#wrap #section .blog_summary .cont ol li {list-style-type: decimal;}

#wrap #section .blog_main .cont ul li ul, 
#wrap #section .blog_main .cont ul li ol, 
#wrap #section .blog_main .cont ol li ul, 
#wrap #section .blog_main .cont ol li ol,
#wrap #section .blog_summary .cont ul li ul, 
#wrap #section .blog_summary .cont ul li ol, 
#wrap #section .blog_summary .cont ol li ul, 
#wrap #section .blog_summary .cont ol li ol,{padding: 8px 0 0;}

.blog-content ul li li { font-size: 1em; list-style-type: lower-alpha; margin: 0 0 8px 20px;}
.blog-content ol li li { font-size: 1em; list-style-type: lower-roman; margin: 0 0 8px 20px;}

#wrap #section .comment {padding-bottom:60px; border-bottom:1px #E7E7E7 dotted; margin-bottom:18px;}
#wrap #section .comment h3 {font-size:16px; color:#999999; margin-bottom:30px;}
#wrap #section .comment ol {list-style-type:none;}
#wrap #section .comment ol li {font-weight:bold; color:#82E8D9; margin:0 0 40px; position:relative; *zoom:1;}
 /*#wrap #section .comment ol li .wrap {padding-left:60px; position:relative;}*/
#wrap #section .comment ol li p {font-weight:normal; color:#666666; margin:0 0 2px; padding-left:60px; line-height:180%; font-family:Arial;}
#wrap #section .comment ol li p.avatar {margin:0; padding:0; width:50px; height:50px; font-size:0; line-height:0; overflow:hidden; position:absolute; left:0; top:4px;}
#wrap #section .comment ol li p.info_commenter {font-size:14px; margin-bottom:10px;}
#wrap #section .comment ol li p.info_commenter a {color:#666666; text-decoration:none; border-bottom:1px #999999 dotted; margin-right:10px; *line-height:130%;}
#wrap #section .comment ol li p.info_commenter a:hover {color:#3CC; border-color:#3CC;}
#wrap #section .comment ol li p.info_commenter .time_comment {color:#CCCCCC; font-size:10px;}
#wrap #section .comment legend {display:block; font-size:16px; font-weight:bold; color:#999999; margin-bottom:15px; *margin-left:-7px;}
#wrap #section .comment p {margin-bottom:15px;}
#wrap #section .comment p textarea {margin:1px; width:450px; height:100px; border:1px #CCCCCC solid; font-size:12px; overflow-x:auto; overflow-y:scroll;}
#wrap #section .comment p input {margin:1px; width:170px; height:18px; padding-top:4px; border:1px #CCCCCC solid; padding-top:0\9; height:22px\9; line-height:22px\9;}
#wrap #section .comment p input:hover,
#wrap #section .comment p textarea:hover,
#wrap #section .comment p input:focus,
#wrap #section .comment p textarea:focus {border:2px #FF9900 solid; margin:0 !important;}
#wrap #section .comment p label {display:block; margin-bottom:5px; font-weight:bold;}
#wrap #section .comment p input.sub_int {padding:0 36px 0 8px; height:24px; overflow:hidden; border:1px #25B7D6 solid; color:#30BCDA; font-weight:bold; width:auto; cursor:pointer; background:url(img/bg_sub.jpg) left top repeat-x; line-height:24px\9; *padding:0 18px 0 4px; _line-height:18px;}
#wrap #section .comment p input.sub_int:hover,
#wrap #section .comment p input.sub_int:focus {border:1px #25B7D6 solid !important; margin:1px !important;}
#wrap #section .comment p span.tips {color:#FF9900;}
#wrap #section .comment p span.tips_info {color:#CCCCCC;}

#wrap #section .blog_nav {margin-bottom:20px;}
#wrap #section .blog_nav p {margin-bottom:6px; line-height:130%;}
#wrap #section .blog_nav p span {font-weight:bold;}
/*==E Section ==*/

/*==S Aside ==*/
#wrap #aside {padding:16px 0; width:230px; float:right; background:#F7F7F7;}
#wrap #aside .panel_cont {margin:0 auto 20px; padding:0 5px; width:196px; border-bottom:1px #E7E7E7 dotted;}
#wrap #aside .panel_cont h3 {font-size:16px; color:#999999; margin-bottom:15px;}
#wrap #aside .panel_cont p {margin-bottom:12px; color:#999999;}
#wrap #aside .panel_cont p span {font-weight:bold;}
#wrap #aside .panel_cont ul.link {overflow:hidden;}
#wrap #aside .panel_cont ul.link h2 {display:none;}
#wrap #aside .panel_cont ul.link ul {}
#wrap #aside .panel_cont ul.link ul li.linkcat {margin:0; padding:0;}
#wrap #aside .panel_cont ul.link ul li {margin:0 0 10px; padding-left:22px; background:url(img/bg_link.jpg) left top no-repeat; line-height:130%;}
#wrap #aside .panel_cont ul.link ul li a {text-decoration:none; color:#999999; border-bottom:1px #999999 dotted;}
#wrap #aside .panel_cont ul.link ul li a:hover {color:#666666; border-bottom:1px #666666 dotted;}

#wrap #aside .panel_cont_notice {background:url(img/bg_notice.jpg) 8px top no-repeat; padding:22px 0 0 53px; width:153px;}
#wrap #aside .panel_cont_intro {background:url(img/bg_intro.jpg) 5px top no-repeat; padding:0 0 0 53px; width:153px;}
#wrap #aside .panel_cont_last {border:none; margin-bottom:0;}
/*==E Aside ==*/
/*=E Wrap =*/

/*=S Footer =*/
#footer {margin:0 auto; padding-bottom:20px; width:960px;} 
#footer p {text-align:center; font-size:10px;}
#footer p a {color:#999999;}
#footer p a:hover {color:#666666;}
/*=E Footer =*/


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}