/* css 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, 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 {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select {*font-size:100%;}
legend {color:#000;}

/* style for blueshe (typecho theme) *author: blueshe *http://www.blueshe.com/ */
body {font-size:12px;font-family:verdana, geneva, sans-serif;text-align:center;background:#fff;color:#666; width:1000px; margin:0 auto;}
a {text-decoration:none;}
a:hover {color:#3399ff;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
strong {font-weight:700;}
#center {margin:0 auto;width:1100px;text-align:left;}
#header {height:100px;width:1000px;padding:10px 50px 0}
#header h1 a {float:left;background:url(image/logo.png) no-repeat;width:208px;height:73px;text-indent:-99999px;margin-top:10px}
#header .description {float:left;height:16px;width:220px;line-height:16px;text-indent:-99999px;}

#menu {float:left;font-size:12px;height:16px;width:300px;}
#menu li {float:left;margin-left:5px;}
#menu li a {float:left;background:#fff;color:#999;height:16px;line-height:16px;padding:5px 15px 0;}
#menu li a:hover, #menu li.current a {background:#f7f7ff;border-bottom:2px solid #d3d3d3;}

#search {float:right;background:#f7f7f7;padding:2px;border-bottom:20px solid #fff;margin-right:50px}
#search .text {float:left;background:#fff;border:1px solid #d3d3d3;width:120px;height:20px;padding:0 5px;line-height:20px;margin-right:10px;}
#search .submit {float:left;background:#f7f7ff;border:1px solid #d3d3d3;color:#81898e;width:50px;height:23px;}

#footer {background:#fff;height:50px;width:985px; margin:0 auto}
#footer #copyright {float:left;line-height:10px;margin:10px 0 0 15px;}
#footer #copyright a,#powered a {color:#999;}
#footer #copyright a:hover,#powered a:hover {color:#3399FF;}
#footer #powered {float:right;margin-top:10px;}

#content {overflow:auto;zoom:1;background:#fff;margin:0;padding:50px 50px 0 50px}
/*#content img{border:1px solid #bbb;padding:2px }*/
#sidebar {float:left;background:#e6ede4;width:300px;padding-bottom:20px;}

.widget {float:left;color:#53654e;background:#f7f7f7;width:980px;padding:10px 0 0 20px}
.widget .title {float:left;font-size:14px;color:#666;height:20px;line-height:20px;margin-bottom:5px;}
.widget .list {float:left;}
.widget .list li {float:left;padding:8px 0;margin-bottom:3px;width:230px;overflow:hidden;white-space:nowrap;text-overflow:clip;}
.widget .list a {color:#999;}
.widget .list a:hover{color:#3399FF;}

#post {float:left;}

.entry {padding:5px 0;margin-bottom:15px;width:1000px;overflow:hidden;}
.entry .title {font-weight:700;height:25px;line-height:25px;}
.entry .title a {color:#666;}
.entry .title a:hover {color:#3399FF;}
.entry .info {height:25px;line-height:16px;color:#999;border-bottom:1px dotted #a0a0a0; margin-bottom:15px}
.entry .info a {color:#999;}
.entry .info a:hover {color:#3399FF;}
.entry .content {line-height:22px;}
.entry .content p {margin-bottom:10px;}
.entry .content pre.code, .entry .content code {background:#f0f2f0;padding:5px;border:1px dashed #a1b49d;display:block;margin-bottom:10px;font-family:"courier new", courier, monospace;}
.entry .content q, .entry .content quote, .entry .content blockquote {background:#f0f2f0;padding:5px;border:1px dashed #a1b49d;display:block;margin-bottom:10px;font-style:italic;}
.entry .content a {color:#4a7b95;}
.entry .content a:hover {color:#a1b49d;}
.entry .content ul li {list-style:inside disc;padding-left:10px;}
.entry .content ol li {list-style:inside decimal;padding-left:10px;}
.entry .more {background:url(image/readmore.png) no-repeat center left;}
.entry .more a {height:16px;padding-left:20px;line-height:16px;}
.entry .tags {background:url(image/tags.png) no-repeat bottom left;padding-left:30px;padding-top:10px;}

.page-navigator {height:30px;margin-top:10px;}
.page-navigator li {float:left;margin-right:10px;}
.page-navigator li a {float:left;background:#fff;height:26px;width:26px;text-align:center;line-height:26px;border:1px solid #fff;color:#5f7359;}
.page-navigator li a:hover, .page-navigator li.current a {background:#eff7ff;}

#comments {float:left;width:1000px;padding:5px 0 0 0;margin-bottom:20px;}
#comments h3 {font-weight:700;margin-bottom:10px;}
#comments .comment-list {float:left;width:100%;}
#comments .comment {overflow:auto;zoom:1;background:#f7f7f7;padding:10px 10px 0 10px;margin-bottom:10px;}
#comments .comment .even {background:#fff;}
#comments .comment .comment_info {display:block;line-height:18px;margin-bottom:5px;height:25px;}
#comments .comment .gravatar {float:left;margin-right:10px;}
#comments .comment .author, #comments .comment .author a {font-weight:700;color:#52654c;}
#comments .comment .date {color:#a2b59d;}
#comments .comment .reply a {color:#a2b59d;}
#comments .comment .comment_content {line-height:18px;margin-bottom:10px;}

#response {float:left;width:605px;margin-bottom:10px;}
#response .respond a {color:#a2b59d;font-weight:normal;font-size:12px;}
#response h3 {font-weight:700;margin-bottom:10px;}

#comments-form {background:#f7f7f7;padding:15px;}
#comments-form p {margin-bottom:5px;}
#comments-form .text {background:#fff;border:1px solid #d3d3d3;padding:0 5px;width:200px;height:28px;line-height:28px;}
#comments-form label {font-size:14px;margin-left:10px;}
#comments-form textarea {background:#fff;border:1px solid #d3d3d3;padding:5px;width:530px;height:90px;line-height:18px;resize:none;}
#comments-form .submit {background:#f7f7ff;border:1px solid #d3d3d3;width:70px;height:30px;color:#81898e;margin-top:5px;cursor:pointer}

#back-top {position:fixed;bottom:50px;right:10px;opacity:1;}
#back-top a {width: 108px;width:32px\9;display:block;}
#back-top a:hover {color:#fff;}
#back-top span {width: 108px;width: 32px\9;height: 108px;display: block;margin-bottom: 7px;background: #fff url(image/top.png) no-repeat center center;background-color: transparent\9;}
#back-top a:hover span {background-color:#fff;background-color: transparent\9;}

.pagethePrev{float:left}
.pagetheNext{float:right}
.pagetheNext,.pagethePrev{margin:10px 0;background:#f7f7f7;}
.pagetheNext a,.pagethePrev a {color:#999;font-size:14px;line-height:14px}


/* My CSS */

.myb5px {margin-bottom:5px;}