/*
	Theme Name: 2016 yuanxiao V1
	Theme URI: http://blog.51.ca/
	Description: Design by： <a href="http://blog.51.ca/">51.CA Team</a>.
	Version: 0.1
	Author: http://blog.51.ca/
	Author URI: http://blog.51.ca/
*/

/* css code: wendy.jin@51.ca 2016.02.02 */

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

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }

/* global */
body { color: #333; font-size: 12px; font-family: "雅黑", Microsoft YaHei, Verdana, Geneva, sans-serif; -webkit-text-size-adjust: none; background: #fff url(images/symphony.png) 0 0 repeat;  }
a { color: #900; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }

.wrap { width: 980px; margin: 0 auto; }
#header { overflow: hidden;  margin-top: 40px; }
#sidebar {
  width: 220px;
  float: right; margin:30px -240px 0 0;
 }
#content { padding:30px 0 0 40px; color:#333; float: left;}
#footer { clear: both; }
.container {
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-right: 270px;    padding-bottom: 50px;
    background: #fff url(images/bg.png) 0 0 repeat-y;
  }
.topbanner { height: 285px;  overflow: hidden; position: relative; background: url(images/yuanxiao-header.jpg) 0 0 no-repeat;}

/* header */
.info_header { position: absolute; top: 50px; left:40px; text-align: left;   }
.info_header h1 { font-size: 24px; display: block; margin-top: 10px; height: 32px; line-height: 32px; overflow: hidden;  }
.info_header h1 a { color: #f00; }
.description_text {
  color: #b99b74;
  font-size: 14px;
height: 56px;
line-height: 18px;
overflow: hidden;
padding-top: 8px;
width: 300px; }

.menu_main {
  position: absolute; left:11px; bottom:0; height: 36px;     padding: 0 0 0 12px;
  border-top: 1px solid #cc9933;
  border-bottom: 1px solid #cc9933;
  width: 946px;overflow: hidden;font-size: 14px; text-shadow: 1px 1px 1px #350d0c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eac356+0,d69d43+44,dbcb51+100 */
  background: #eac356; /* Old browsers */
  background: -moz-linear-gradient(top,  #eac356 0%, #d69d43 44%, #dbcb51 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #eac356 0%,#d69d43 44%,#dbcb51 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #eac356 0%,#d69d43 44%,#dbcb51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac356', endColorstr='#dbcb51',GradientType=0 ); /* IE6-9 */

}
.menu_main ul { display: block; float: left; }
.menu_main li { float: left; display: inline; margin-right: 8px; }
.menu_main a { width: 60px; height: 36px; line-height: 36px; display: block; text-align: center;   text-decoration: none; color: #fff; outline: none; }
.menu_main a:hover { color:#fcdf3f; }
.current_page_item a {color:#fcdf3f;}
/* search */
.search_box { width: 100%; box-sizing: border-box; border:6px double #F7D186;      border: 4px double #F7D186; position: relative; background: #fcf7e4;}
.search_box input {background-color:transparent;  display: inline; border: none; font-size: 14px; }
.navserachinput {color: #000;   width: 185px; height: 29px; line-height: 29px;text-indent: 8px; font-family: "雅黑", Microsoft YaHei, Verdana, Geneva, sans-serif; }
.searchbtn { background:url(images/search_btn.png) 0 0 no-repeat;  width: 28px; height: 29px; text-indent: 200px; position: absolute; right:0; top:0;cursor: pointer; }


/* sidebar */
#sidebar h2 { height: 24px; line-height: 24px; display: block; clear: both; overflow: hidden;  font-size: 14px; color: #c93;   margin-top: 26px; }
#sidebar ul { padding: 6px 0 0 6px; }
#sidebar li { line-height: 24px; }
#sidebar a { color: #c60; }
#sidebar a:hover { color: #333; }

/* content */
.left_cont { height: 100%; }
.content_top { display:none;width: 100%; float: left; clear: both; height: 13px; background: url(images/left_bg_01.png) no-repeat; overflow: hidden; }
.content_bottom {display: none; width: 100%; float: left; clear: both; height: 10px; background: url(images/left_bg_03.png) no-repeat; overflow: hidden; }
#content p { font-size:14px; line-height: 22px; margin-bottom: 1em; }
.entry {
  position: relative;
  margin-bottom: 30px;
  background-color:#fff;
  /*background-color:rgba(0, 0, 0, 0.2);*/

}
.entry a{ }
.entry a:hover{ text-decoration: underline;}
.entrynav { margin: 0 0 10px 0; padding:8px 0;
  overflow: hidden;
  /* background-color: rgba(0, 0, 0, 0.2); */

}
.entrynav span{width:200px;display: inline-block; text-align: left;}
.entrynav span:first-child a{ text-align: right;}
.entrynav a{
  color:#c93; font-size: 13px; border-radius: 2px; display: inline-block;
  width:180px;
  display: inline-block;
  position: relative; top:3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entrynav a:hover{color:#f00; }
.entrytitle { font-size: 18px; line-height: 28px; margin-top: 10px;}
.entrytitle a{color:#900;}
.entrytitle a:hover{text-decoration: underline;}
.entrymeta { line-height: 20px;  }
.entrymeta a { font-weight: normal;  }
.entrymeta a:hover{ text-decoration: underline;}
.entrybody { margin-top: 20px; overflow: hidden; zoom:1;}
.entrybody .sociable{ margin-bottom: 10px; overflow: hidden; zoom:1;}
.entrybody .ydqw { white-space: nowrap; }
.datetimebox {
  width: 98px;
  height: 99px;
  line-height: 15px;
  background:transparent url(images/date-box.png) center center no-repeat;
  text-align: center;
  position: absolute;
  left:-100px;
  top:0px;
  color: #300;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
 }
.datetimebox span { display: block; clear: both; margin:40px 0 0 2px;font-weight: bold; font-size: 14px; }


/*.pagenav1 { height: 28px; background: url(images/pagenav_rbg.png) right top no-repeat; padding: 0 10px 0 0; clear: both; text-align: center; line-height: 28px; margin: 10px 106px 10px 86px; font-family: Microsoft YaHei, Verdana, Geneva, sans-serif; }
.pagenav1 .left { width: 11px; height: 28px; background: url(images/pagenav_left.png) 0 0 no-repeat; float: left; }*/

.pagenav1 { margin-top: 20px; font-size: 16px; }
.pagenav1 a, span.pagenow, #commentpagenav a { font-size: 16px; color: #900; display: inline-block; border:1px solid #900; padding: 2px 8px; border-radius: 2px;}
#commentpagenav a{ font-size: 12px;}
span.pagenow{ border: 0;}

.bg-bottom{ background: url(images/bg-bottom.png) 0 0 no-repeat; height:28px; width:980px; position: absolute; bottom:0; left:0;}


/*footer */
#footer { color: #fff;  font-family: Verdana, Geneva, sans-serif; background-color: #ccc; padding: 10px 0; margin-top: 30px; }
#footer a { color: #fff; text-decoration: underline;}
.ft_info { text-align: right; }
.ft_info .p1 { float: left; line-height: 15px; }
.ft_info .p1 a { display: inline-block; width: 460px; height:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; }



/*------------附加样式-------------*/
#wp-author, .textwidget { padding: 10px; line-height: 1.7em; }/* wp-author, .textwidget */
#wp-author a, .textwidget a { text-decoration: underline; }
.widget_search { text-align: center; clear: both; } /* widget_search */
#AuthorAvatar { overflow: auto !important; padding-bottom: 10px; }
#AuthorAvatar img { display: block; margin: 0 auto; filter: progid:DXImageTransform.Microsoft.Shadow(color='#340805', Direction=135, Strength=3);/*for ie6,7,8*/
-moz-box-shadow: 3px 3px 3x #340805;/*firefox*/
-webkit-box-shadow: 3px 3px 3px #340805;/*webkit*/
box-shadow: 3px 3px 3px #340805;/*opera或ie9*/
 } /* AuthorAvatar */

.entrybody img { max-width: 630px; } /*内容图片最大宽度限制*/
*html #content { overflow: hidden; } /* IE6、7解决图片最大限制 */

/* ----边栏自定义搜索框--- */
.widget_search { padding: 10px 0; }
.widget_search #s { border: 1px solid #036; background: #DBE6F2; width: 130px; height: 18px;  }
.widget_search #searchbutton { border: 1px solid #036; background: #036; color: #fff; padding: 0 4px; font-weight: bold; }
*html .widget_search #searchbutton { height: 20px; line-height: 18px; }

/* -- Begin Taglevel -- */
.tagcloudwidget { line-height: 32px; padding: 5px 0 15px 10px; }
.tagcloudwidget a { white-space: nowrap; }
.taglevel1 { font-size: 26px !important; font-weight: bold; color: #f05b86 !important;}
.taglevel2 { font-size: 18px !important; font-weight: bold;  }
.taglevel3 { font-size: 18px !important; font-weight: normal; color: #ff3ac5 !important; }
.taglevel4 { font-size: 16px !important; font-weight: bold;  color: #e0b645 !important; }
.taglevel5 { font-size: 16px !important; font-weight: normal;  }
.taglevel6 { font-size: 14px !important; font-weight: bold;  color: #e11399 !important; }
.taglevel7 { font-size: 14px !important; font-weight: normal; color: #ffce81 !important;	}
.taglevel8 { font-size: 12px !important; font-weight: bold;  }
.taglevel9 { font-size: 12px !important; font-weight: normal; color: #df4901 !important; }
.taglevel10 {  font-size: 12px !important; font-weight: normal; color: #6b0857 !important; }

/* -- End Taglevel -- */

/*相关条目*/
.relateentriestitle { color: #000; font-size: 16px;  }
ul.relateentrieslist { margin: 10px 0; padding-left: 20px; }
ul.relateentrieslist li { line-height: 24px; list-style: outside disc; }
ul.relateentrieslist li a{color:#900;}
ul.relateentrieslist li a:hover{color:#0DE7CB;}

/*pretagdiv*/
.pretagdiv, .posttagdiv { font-size: 12px; }
.pretagdiv { margin-bottom: 15px; }

/* tag_comtent tag.php tags.php */
.tag_comtent { width: 700px; padding: 10px; float: right; }
.tag_comtent h3 { font-size: 14px; line-height: 28px; }
.tag_comtent h2 { font-size: 20px; text-align: right;
margin: 0px 0px 20px 30px;}
.tag_comtent h2 a{ color:#900;}


/* comments */
#comments, #respond, #relateentriesbox { clear: both; margin: 20px 0 0 0 !important; }
#commentform { clear: both; margin: 20px 0; padding: 0px; }
#container .commentlist { clear: both; margin: 0; padding: 0; }
.nocomments { clear: both; width: 100%; float: left; display: block; margin: 20px 0 !important; }
.commentlist li { list-style: none; margin: 5px 0; padding: 10px;  border-top: 1px solid #b99b74; }
.commentlist li.alt {    border-top: 1px solid #fc0;}
.commentlist li .cmtinfo { font-size: 12px; padding-bottom: 6px; border-bottom: #DDD 1px solid; margin-bottom: 12px; }
.commentlist li cite { font-size: 14px; font-style: normal; font-weight: bold; }
.commentlist li .cmtinfo em { float: right; font-style: normal; font-size: 12px; color: #999; padding-top: 2px }
.commentlist p { font-size: 12px; line-height: 1.5; margin-bottom: 12px; padding-left: 20px; }
.commentname{ margin: 0 0 10px;}
textarea { box-sizing: border-box; width: 100%; padding: 5px; height: 100px; border-radius: 2px; border: 0;   background-color:#eee;}
input#author, input#email, input#url, input#securitycode { border: 1px solid #27140C; background: #443833; color: #C1B682; vertical-align: middle; text-indent: 4px; }
#secureimgdiv { margin-top: 10px; }
#submit {
  width: 100px; height: 38px; font-size: 14px;line-height: 38px;
  display: block;
  text-align: center;
  border-radius: 2px;text-decoration: none; color: #FBEBCB; border: none; cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eac356+0,d69d43+44,dbcb51+100 */
  background: #eac356; /* Old browsers */
  background: -moz-linear-gradient(top,  #eac356 0%, #d69d43 44%, #dbcb51 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #eac356 0%,#d69d43 44%,#dbcb51 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #eac356 0%,#d69d43 44%,#dbcb51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac356', endColorstr='#dbcb51',GradientType=0 ); /* IE6-9 */
  color:#fff;
}
#submit:hover { line-height: 34px; text-indent: 1px; }
.post h4 { font-size: 12px; font-weight: normal; font-family: Verdana, Tahoma, Arial, Serif; }
.post h4 em { font-style: normal; float: right; font-weight: normal; }
#commentblock h2 { color: #333; font-size: 16px;   margin-top: 12px; }


/*-- Pagenav --*/
#pagenav, #commentpagenav { text-align: center; width: 631px;}
#pagenav .pagenav, #commentpagenav { margin-top: 10px;}
#pagenav  .pagenav .pagenum, #commentpagenav { font-size: 12px; }
#pagenav  .pagenav .pagenow,  #commentpagenav .pagenow { color: #000; font-size: 16px; font-weight: bold;}

/* Wp-Calendar */
#calendar_wrap {}
#wp-calendar caption { color: #900; font-weight: bold; margin:0 0 8px;}
#wp-calendar { width: 100%; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; }
#wp-calendar #next a { font-size: 12px; padding-right: 10px; text-align: right; color: #FFCE81; }
#wp-calendar #next a:hover { color: #FFF; }
#wp-calendar #prev a { font-size: 12px; padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; color: #FFCE81; font-weight: bold; }
#wp-calendar a:hover { color: #fff; }
#wp-calendar #prev a { color: #900; }
#wp-calendar #prev a:hover { color: #fff; }
#wp-calendar td { color: #333; margin: 0 4px 4px 0; padding: 2px; text-align: center; letter-spacing: normal; }
#wp-calendar td:hover,#wp-calendar td.pad:hover { background: #eee;  color: #a33389; }
#wp-calendar #today { background: #fcdf3f;  color: #000; }
#wp-calendar th { background: transparent; border: 0; font-size: 12px; font-style: normal; text-transform: uppercase; text-align: center; color: #000; font-weight: bold; padding-bottom: 4px; }



/* myShareIcons */
.myShareIcons { color: #CCB69A !important; }
.sociable { clear: both; text-align: right; }
.sociable a{color:#333;}
.sociable a:hover{color:#000; text-decoration: underline;}
#fontsize-control { float: right; position: relative; margin-top: -39px; margin-right: 20px;}
#my_footer { text-shadow: none; }
div.wiki { background-color: #27140C !important; }

/*archives*/
h2.archives{ font-size: 20px; margin:0 0 30px; color:#c93; }
/*tags*/