﻿/* CSS Document */

body{font-size: 12px;margin:0;padding:0;text-align:center;color:#333;font-family: 微软雅黑, Verdana, Arial, Helvetica, sans-serif;}
p{margin:3px;}
img {max-width: 100%;height:auto;}
select{font-family: Verdana, Arial}
a:link,a:visited{text-decoration:none;color: #666;}
a:hover{color:#669900;}
.must {color:Red;}
/*
#PageContainer{background: url(images/head.gif) repeat-x #fff; margin:0px;}
*/
.text {border:solid 1px #696969;width:150px;}
.submit {border:solid 1px #669933;background:#79BB16;color:#fff;padding:5px 8px 4px;margin-left:20px;font-weight:bold;}
.wrap{width:100%;text-align:left;}
/* header */
#header{background:url(images/logo.jpg) 50px 10px no-repeat;height:130px;width:960px;margin:0 auto; padding-left:42px;
        text-align:left;
        }
#blogname
{
	font-size:20px;font-weight:bold;margin-top:10px;
}
#blogintro {margin-left:30px;}
#header #blognav{height:37px;text-align:left; overflow:hidden;border:solid 1px #ccc;background:#efefef;clear:both;}
#header #blognav ul{float:left;margin:3px 0 0 0;padding:0;list-style:none;}
#header #blognav ul li{float:left;margin:0;padding:0;}
#header #blognav ul li .menuA{padding-right:5px; text-align:center;}
.menuA:link,.menuA:visited{
	text-decoration:none;
	display:block;
	float:left;
	height:50px;
	text-align:center;
	padding:8px 0px 2px 10px;
	line-height:140%;
	color:darkblue;
	font-weight:bold;
	font-family: "Microsoft YaHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
}
.menuA:hover{height:50px;display:block;color:#000;background:url(images/menu.gif) 0px 0px repeat-x;}
#search_blog {text-align:right;float:right;border:solid 1px #ccc;background:#fff;margin-bottom:5px;}
#search_blog .tb_search {border : solid 0px #ccc;height:18px;width:240px;margin-top:-2px;padding:4px auto 1px 2px;}
#search_blog .btn_search {background:#fff url(images/search.gif) no-repeat right center;padding-right:25px;border-left : solid 1px #ccc;height:23px;}

/*--main left body--*/
#BlogBody{width:890px;margin:0 auto;text-align:left;padding:0px 5px 0px 5px;}
/*---主内容--*/ 
#mainContent{float:left;width:590px;text-align:center;overflow:hidden; margin-right:20px; }
#mainContent-topimg{height:0px;overflow:hidden;}
#mainContent-bottomimg{height:10px;overflow:hidden;}
.content-width{width:100%;margin:0px;}

/*---内容框--*/
.Content{margin:0;padding:0;width:100%}    
/*---日志标题框--*/
.Content-top{padding:6px 0px 2px 0px;text-align:left;}
.Content-top .ContentLeft{width:0px;float:left;}
.Content-top .ContentRight{width:0px;float:right;}
.Content-top .ContentTitle{font-size:18px;color:#656C4A;padding:0;margin:0;}
.Content-top .ContentAuthor{background: #F9F9F9;border-top:dashed 1px #c3c3c3;color:#aaa;font-size:12px;padding-top:1px;padding-left:0px;margin:0px;font-weight:normal;} 
.Content-top .CateIcon{display:none}
/*---日志内容框--*/
.Content-body{ margin:0;overflow:hidden;text-align:justify;text-justify:inter-ideograph;line-height:180%; padding:0px 0px 5px 0px; width:100%;font-size:13px;}
.Content-body .Content-Text img {background-color: #fff!important;border:1px solid #ddd;margin:5px 0;padding:1px;}
.Content-body p.tag {background:url(images/tag.gif) no-repeat 0px 5px;text-indent:1.5em;}
.Content-body p.tag a {background:#2970A6;color:#fff;padding:0px 5px;}
.Content-body p.tag a:hover {background:#669900;color:#fff;}
/*---日志内容底部--*/
.Content-bottom{border-top:solid 1px #f5f5f5;color:#656C4A;text-align:right;height:60px;padding:1px 10px 0px 0px;}
.Content-bottom a{ color:#656C4A;}
.Content-bottom a:link{ color:#656C4A;}
.Content-bottom a:hover{ color:#333;}
.Content-bottom a:visited{ color:#656C4A;}
.Content-bottom .ContentBLeft{width:0px;float:left;}
.Content-bottom .ContentBRight{width:0px;float:right;}  
.Content-bottom .ContentBm{float:right; width:94px;height:25px;text-align:center;line-height:22px; font-weight:bold; padding-left:10px;}
.Content-bottom .ContentBm a:link{color:#656C4A;}
.Content-bottom .ContentBm a:visited{color:#656C4A;}
.Content-bottom .ContentBm a:hover{color:#333;}
  
/*---日志其他信息--*/
.Content-Info {margin:0px 4px 6px 4px;padding:0px;}
.Content-Info .InfoAuthor{text-align:left}
.Content-Info .InfoOther{float:right;text-align:right;}
.userinfo{margin:3px 0px 3px 0px; background:url('sigline.gif') no-repeat left top; width:100%; padding-top:15px; padding-left:3px;}

/* blog view page */
.blog_view_wrap {border:solid 1px #ccc;border-top:solid 2px #ccc;padding:10px;}
.blog_view_title {font-weight:bold;font-size:17px;text-align:left;background:url(images/doc.gif) no-repeat 0px 3px;padding-left:22px;}
.blog_view_foot {text-align:left;color:#2970A6;}
.blog_view_foot span {float:right;}
.rel_blog {text-align:left;border-top:dashed 1px #ccc;margin-top:15px;clear:both;}
.rel_blog h4 {margin:5px auto auto 10px;background:url(images/tag.gif) no-repeat; padding-left:18px;}
.rel_blog span {color:#2970A6;margin:30px 30px;}
.rel_blog a {font-size:14px;}

/*  comment */
.comments {margin-top:5px;display:none;}
.comment_wrap {margin-top:30px;border:solid 1px #ccc;}
.comment {text-align:left;margin:0px 0px 10px 0px;}
.comment .comment_top {padding:10px;}
.comment span.name {font-weight:bold;background:url(images/f_comment2.gif) no-repeat;padding-left:20px;}
.comment .comment_body {border-top : solid 1px #a6a6a6;width:550px;padding:10px 0px;margin:0px 10px 0px 20px;}
.comment .bg_top {background: url(images/comment1.gif) no-repeat scroll center top;height:8px;}
.comment .bg_bottom {background: url(images/comment2.gif) no-repeat scroll center bottom;height:8px;}
.comment .bg_body {background:#edeeef;}

.add_comment_head {text-align:left;border-bottom:dashed 1px #ccc;}
.add_comment_head span {float:right;background:url(images/rithtsj.gif) no-repeat right center;padding-right:15px;cursor:pointer;}
.add_comment_head span.toggle {background:url(images/xxsj.gif) no-repeat right center;}
.add_comment_head h3 {margin-left:8px;}

.add_comment {margin-top:20px;width:580px;}
.add_comment table {margin:10px 10px;width:100%;}
.add_comment table td {text-align:left;vertical-align:top;}
.add_comment textarea {width:93%;height:130px;}

.qblog_code {border : solid 0px #ccc;padding:10px;background:#efefef;font-size:12px;}

  /*---main right side--*/
#sidebar{float:left;width:274px;margin:0px;text-align:center; padding:0;}
#sidebar .sidepanel .Pcontent a:link,#sidebar .sidepanel .Pcontent a:visited{color:#666;}
#sidebar .sidepanel .Pcontent a:hover{color:#333;}

.sidepanel {border : solid 1px #DADADA;}

 /*---工具条--*/
#sidebar{float:left;width:274px;margin:0px;text-align:center; padding:0;}
#sidebar #sidebar-topimg{height:0px;}
#sidebar #sidebar-bottomimg{height:0px;}
/*---工具箱样式--*/
#sidebar .sidepanel{width:274px;margin:0px 0px 10px 0px;}
#sidebar .sidepanel dl {overflow:hidden;Background:url(sb.gif) repeat-y; margin:0px; padding-bottom:3px;}
#sidebar .sidepanel dl dd{color:#666;text-align:left;line-height:150%;margin:0px; margin:0px 15px 0px 15px;}
#sidebar .sidepanel h4{background:url(images/titlebar_bg.gif) repeat-x top;height:28px;line-height:28px;text-align:left;padding-left:10px;font-weight:bold;
                       font-family: Arial, Helvetica, sans-serif;color:#656C4A;font-size:14px;margin:0;
                       border-bottom:dotted 1px #DADADA;}  
#sidebar .sidepanel .panelcontent{color:#666;Background:url(sb.gif) repeat-y top;text-align:left;line-height:150%;margin:0px;padding:5px 15px;}  
#sidebar .sidepanel .panelcontent ul{width:100%; margin:0px; list-style:none; margin-left:-40px;}
#sidebar .sidepanel .panelcontent ul li{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:242px; height:24px;}
#sidebar .sidepanel .panelcontent ul li a:after{_content:"...";}
#sidebar .sidepanel .panelfoot{background:url(sd.gif) no-repeat top;height:4px; font-size:1px;}
#sidebar #div_newcomments a {background:url(images/comments3.gif) no-repeat left 3px;padding-left:18px;}
#sidebar #div_links a {background:url(images/green_arrow.gif) no-repeat left 1px;padding-left:18px;}
#sidebar #div_tags a {color:#2970A6;}
#sidebar #div_tags a:hover {background:#669900;color:#fff;}


/* calendar */
.calendar .calendar_bar {font-weight:bold;}
.calendar table {width:100%;}
.calendar td.not_current_month,.calendar td.not_current_month a {color:#aaa;}
.calendar td.current_day,.calendar td.current_day a {color:Red;}
.calendar td.weekend {color:#30854A;}
.calendar .hasblog a {color:blue;}


/*---foot---*/
#foot{margin:0;height:40px;padding-top:15px;background:url(images/foot.gif) repeat-x;color:#999; width:100%; clear:both;}
#foot a{ color:#999}

 /* pager */
 .ql_tools_pager {margin:10px 10px 10px auto;text-align:left;}
 .ql_tools_pager .ql_tools_pager_stat {float:right;}
 .ql_tools_pager .ql_tools_pager_totalcount {color:#E6004F;font-weight:bold;margin:auto 5px;}
 .ql_tools_pager_pageno a.page {border:solid 1px #707D99;padding:1px 4px 1px 4px;margin:auto 4px;}
 .ql_tools_pager_pageno .curPage {color:Red;border:solid 1px #707D99;padding:1px 4px 1px 4px;margin:auto 4px;font-weight:bold;background:#efefef;}
 
 /* guest book */
 .gb_width {width:670px;}
 .gb_wrap {margin-top:10px;}
 .guestbook_title {font-size:20px;font-weight:bold;color:#aaa;border-bottom:solid 1px #ccc;}
 .guestbook_list {width:700px;}
 .guestbook_list .gb_left  { float : left;font-weight:bold;width:60px;background:url(images/f_comment2.gif) no-repeat 0px 5px;padding:3px 0px 10px 20px;}
 .guestbook_list .gb_right { float : left;width:590px;}
 .guestbook_list .bg_top {background: url(images/comment1.gif) no-repeat scroll center top;height:8px;}
 .guestbook_list .bg_bottom {background: url(images/comment2.gif) no-repeat scroll center bottom;height:8px;}
 .guestbook_list .bg_body {background:#edeeef;margin:auto 5px;padding:10px;}
 .add_gb_wrap {clear:both;margin-top:20px;}
 .add_gb_head {background:url(images/comments.gif) no-repeat;border-bottom:dotted 1px #aaa;padding-left:20px;}

/* common asp.net mvc form */
.editor-label {margin-top:10px;clear:both;}
.editor-field input {border : solid 1px #bbb;width : 300px;}

.validation-summary-errors {border:solid 1px #FF7474;background:#FBEC88;margin:7px 10px 5px auto;padding:5px;color:#333;}
.validation-summary-errors span {font-weight:bold;margin-left:15px;}
.field-validation-error {color:Red;}

#opinfo {margin:5px 0px;line-height:29px;padding-left:10px;}
#opinfo.False {border:solid 1px #FF7474;background:#FBEC88;}
#opinfo.True {border:solid 1px #629262;background:#FBEC88 url(images/suc.gif) no-repeat 5px 0px;padding-left:40px;}

/* about */
.about {text-align:left;border:solid 1px #ccc;padding:0px;}
.about #about_img {background:url(images/about.jpg) no-repeat;height:90px;}

/* authorize */
.authorized {text-align:left;background:url(images/bg_arrow.png) no-repeat scroll left 25px transparent;padding-bottom:11px;margin-left:108px;}
.authorized h2 {font-weight:normal;background:#74B9DC url(images/bg_blue.png) repeat-x scroll left bottom;color:#fff;padding:10px 15px;margin-left:-108px;}
.authorize ul {list-style-type : none;margin:auto -10px;}
.authorize ul li {font-size:15px;}
.authorize ul li .text{height:25px;line-height:20px;margin-left:20px;font-size:17px;font-weight:bold;}
.authorize .authinfo {border:solid 1px #ccc;padding:10px;background:#efefef;margin-top:20px;}

/* tagcloud */
.ql_lib_web_tagcloud {text-align:left;}
.ql_lib_web_tagcloud a {margin-left:10px;text-decoration:underline;color:#2970A6;}
.ql_lib_web_tagcloud a:hover {color:#669900;}
