#header{display:none;} /* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 */


#top_nav {
  background-color: #d9d6cb;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.navbar > nav .navbar-branding img {
  margin-left: 0px;
}
#nav_left {
  padding-left: 0px;
}
#nav_right {
  padding-right: 20px;
}

#shwtop {
  
}
/*
#leftmenu {
    margin-top: 10px;
}

#content {
    padding: 30px;
}
*/


/* 定制自己导航栏的样式 */
#shwtop ul {
    margin: 0;
    padding: 0;
    list-style-type: none; /*去除li前的标注*/
    background-color: #333;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color: black;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#shwtop .dropdown-content a {
    display: block;
    color: black;
    padding: 8px 10px;
    text-decoration:none;
}
#shwtop .dropdown-content a:hover {
    background-color: #a1a1a1;
}
#shwtop .dropdown:hover .dropdown-content{
    display: block;
}

#leftmenu {
    float: left;
    left: 0;
    width: 190px;
    padding: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    overflow: hidden;
    background-color: #eee;
}

#footer{display:none;} /* 屏蔽默认页脚*/

#my_footer {
    text-align:center;
    margin-top: 10px;
    padding:20px;
}

/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}

#blog_nav_admin {
    margin-left: -3px;
}


/*
代码高亮
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/

.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f !important;
}

.cnblogs-markdown .hljs,
.cnblogs-markdown .hljs-tag,
.cnblogs-markdown .hljs-subst {
  color: #f8f8f2;
}

.cnblogs-markdown .hljs-strong,
.cnblogs-markdown .hljs-emphasis {
  color: #a8a8a2;
}

.cnblogs-markdown .hljs-bullet,
.cnblogs-markdown .hljs-quote,
.cnblogs-markdown .hljs-number,
.cnblogs-markdown .hljs-regexp,
.cnblogs-markdown .hljs-literal,
.cnblogs-markdown .hljs-link {
  color: #ae81ff;
}

.cnblogs-markdown .hljs-code,
.cnblogs-markdown .hljs-title,
.cnblogs-markdown .hljs-section,
.cnblogs-markdown .hljs-selector-class {
  color: #a6e22e;
}

.cnblogs-markdown .hljs-strong {
  font-weight: bold;
}

.cnblogs-markdown .hljs-emphasis {
  font-style: italic;
}

.cnblogs-markdown .hljs-keyword,
.cnblogs-markdown .hljs-selector-tag,
.cnblogs-markdown .hljs-name,
.cnblogs-markdown .hljs-attr {
  color: #f92672;
}

.cnblogs-markdown .hljs-symbol,
.cnblogs-markdown .hljs-attribute {
  color: #66d9ef;
}

.cnblogs-markdown .hljs-params,
.cnblogs-markdown .hljs-class .hljs-title {
  color: #f8f8f2;
}

.cnblogs-markdown .hljs-string,
.cnblogs-markdown .hljs-type,
.cnblogs-markdown .hljs-built_in,
.cnblogs-markdown .hljs-builtin-name,
.cnblogs-markdown .hljs-selector-id,
.cnblogs-markdown .hljs-selector-attr,
.cnblogs-markdown .hljs-selector-pseudo,
.cnblogs-markdown .hljs-addition,
.cnblogs-markdown .hljs-variable,
.cnblogs-markdown .hljs-template-variable {
  color: #e6db74;
}

.cnblogs-markdown .hljs-comment,
.cnblogs-markdown .hljs-deletion,
.cnblogs-markdown .hljs-meta {
  color: #75715e;
}
*/


body {
 font-size:14px;
 font-family:tahoma,Arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;;

 margin-left:20px;
 margin-right:20px;
 margin-top:0;
 margin-bottom:10px;
 padding:30px;
 padding-bottom:10px;
 padding-top:0;
 background-color:#d9d6cb
}
img {
 border:0
}
td {
 font-size:14px
}
a {
 color:#235;
 text-decoration:none
}
.blog_comment_body a {
 text-decoration:underline
}
a:hover {
 text-decoration:underline
}
#header h1 {
 margin:0;
 padding-top:5px;
 font-size:1.8em;
 margin-left:5px
}
#header h1 a:visited,
#header h1 a:active,
#header h1 a:link,
#header h1 a:hover {
 color:#fff;
 margin-top:10px;
 text-decoration:none
}
h2 {
 margin-top:10px;
 font-size:1em
}
h5 {
 margin:0;
 padding:0
}
#top {
 background-color:#20375f;
 height:75px;
 vertical-align:middle;
 color:#ccc;
 padding-left:10px
}
#top td {
 color:#ccc;
 width:100%
}
#sub {
 text-align:right;
 background-color:#000;
 color:#ccc;
 font-size:14px;
 padding:4px;
 padding-left:10px
}
.headermaintitle {
 font-family:"Trebuchet MS";
 padding-bottom:10px;
 color:#ccc
}
#subtitle {
 color:#fff;
 font-size:1em;
 margin-top:10px;
 margin-left:6px
}
p.date img {
 vertical-align:middle
}
p.date {
 font-size:1.2em;
 font-weight:bold;
 margin-bottom:0;
 padding:2px 0;
 color:#aaa;
 text-align:right
}
p.date span {
 background-color:#fff
}
p.date a {
 color:#888
}
blockquote {
 background-color:#eee;
 border:0;
 border-left:18px solid #ccc;
 padding:4px;
 margin:0
}
#leftmenu {
 float:left;
 left:0;
 width:190px;
 padding:0;
 padding-bottom:5px;
 padding-left:5px;
 overflow:hidden;
 background-color:#eee
}
#leftmenu h3 {
 font-size:14px;
 margin:0;
 padding:4px;
 border-bottom:1px solid #bbb
}
#leftmenu ul {
 list-style:none;
 margin:5px;
 padding:0;
 margin-left:8px;
 margin-bottom:5px;
 font-size:13px
}
#leftmenu li {
 display:block;
 margin-bottom:2px
}
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link {
 display:inline-block;
 color:#000;
 text-decoration:none;
 margin-right:0;
 padding:0
}
#leftmenu a:hover {
 background-color:#ccd5e0
}
#main_content {
 float:right;
 margin-left:-200px;
 width:100%
}
#content {
 margin-left:194px;
 padding-right:0;
 margin-right:0;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 padding:10px;
 background-color:#fff
}
#content h2 {
 font-size:20px
}
#content h3 {
 font-size:18px;
 padding-left:10px;
 margin-left:10px;
 margin-right:10px
}
#content h4 {
 font-size:16px;
 line-height:1.5;
 font-weight:normal;
 padding-left:10px;
 margin-left:10px;
 margin-right:10px
}
#content .post {
 font-size:14px;
 line-height:1.8;
 padding: 10px;
}
#footer {
 margin:0;
 padding-top:5px;
 text-align:center;
 font-size:14px
}
input.text {
 width:300px
}
textarea {
 width:300px;
 height:200px
}
#comments h4 span {
 color:#999
}
#comments h4 {
 margin:0;
 font-size:.9em
}
p {
 margin:0;
 margin-bottom:14px
}
h3 {
 font-size:1.2em;
 border-bottom:1px solid #aaa
}
#relatedlinks ul {
 list-style:none;
 margin-left:10px;
 padding:0
}
.post {
 border:1px solid #ccc;
 border-bottom-width:2px;
 border-right-width:2px;
 margin-bottom:28px
 padding-left:10px
 padding-right: 10px;
}
.postbody a {
 color:#1d58d1
}
.post h5,
.post h2 {
 font-size:14px;
 margin:0;
 margin-bottom:4px
}
.post .postfoot {
 margin:0;
 margin-top:14px;
 color:#aaa;
 border-top:1px solid #ddd;
 font-size:14px
}
pre {
 margin:0;
 font-size:1em
}
.Textbox,
textarea {
 border:1px solid #aaa;
 width:100%
}
.button {
 border:1px solid #aaa;
 background-color:#ccd4e0
}
input,
textarea {
 font-family:Verdana,Geneva,Arial,Sans-Serif;
 font-size:14px
}
.Framework {
 border:1px solid #000;
 background-color:#eee;
 width:100%
}
.LeftCell {
 width:200px;
 vertical-align:top
}
.FooterCell {
 vertical-align:top
}
.commentTextBox {
 font-size:14px;
 font-family:Arial
}
.Cal {
 border:1px solid #999;
 width:180px;
 font-family:Arial;
 font-size:13px;
 margin-top:10px;
 margin-bottom:10px;
 height:180px;
 background-color:#eee;
 margin-left:0
}
.CalTitle {
 background-color:#b6b6b6;
 border-color:#adf;
 font-family:Arial;
 font-size:14px;
 color:#000;
 margin-left:0;
 padding:0;
 height:100%;
 font-weight:bold
}
.CalOtherMonthDay {
 color:#808080
}
.CalDayHeader {
 background-color:#ccc
}
.CalTodayDay {
 color:#00f;
 font-weight:bolder
}
p {
 margin-top:0;
 margin-bottom:0
}
blockquote {
 width:80%
}
div.RecentComment {
 width:180px
}
.two_words {
 letter-spacing:12px
}
#myposts h3 {
 padding:5px 0;
 margin:0
}
#profile_block {
  padding-left: 10px;
}