/*-----=Author&Info: ------------------------------------------{{{1
// vim: set et sw=4 ts=4 sts=4 fdm=marker ff=unix fenc=utf8 nobomb:

Theme Name: super-simpleg
Description: Just For wlsy.me
Date: 2010-06-13
Version: 1.0
Author: wlsy
Author URI: http://wlsy.me

/*--------------------------------------------------------END-}}}1*/
/*-----=Reset Css: -------------------------------------------{{{1*/

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{
    margin:0;
    padding:0;
}

body,button,input,select,textarea{
    font:12px/1.5 tahoma,arial,simsun,sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
}
address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp{font-family:Consolas,courier,monospace;}

small{font-size:12px;}

ul,ol{list-style:none;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

legend{color:#000;}

fieldset,img{border:0;}

button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

/*------------------------------------------------------END-}}}1*/
/*-----=Common Css: -------------------------------------------{{{1*/

.clearfix:after{content:"\020"; display: block; height:0; clear:both;}
.clearfix{zoom:1;}
.c_r4 {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

@-webkit-keyframes fade{
    0% {opacity:0}
    100% {opacity:1}
}
/*--------------------------------------------------------END-}}}1*/
/*-----=Global Style: ------------------------------------------{{{1*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color:#f8f8f8;
    }

::-webkit-scrollbar-thumb:vertical {
    background:#333 ;
   }
body {
    background: #fcfcfc;
    color: #404040;
    font: 14px/1.6 'segoe UI','微软雅黑',helvetica,Arial,Sans-Serif;
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}

#content{
    width:960px;
    margin:10px auto;
}
.crumb {
    margin-left:10px;
    font-size:12px;
}
.crumb a{
    color:#808080;
}
table, blockquote, code, .article .entry ul, .article .entry ol, .article .entry p ,.article .entry h3, .article .entry h4 {
    margin-bottom:12px;
}
/*-----=Others Layout: ---------------------------------{{{2*/

.article table {
    text-align:center;
}
.article table tr td {
    height:29px;
    line-height:29px;
    padding:0 15px;
}
.article table tr td:first-child {
    border-left:medium none;
}
blockquote, code, pre {
    background:none repeat scroll 0 0 #F1F5F8;
    border-left:1px dashed #8AAB46;
    display:block;
    font-size:12px;
    margin-left:30px;
    max-height:300px;
    overflow:auto;
    padding:20px;
    position:relative;
}
code:before, blockquote:before, code:after, blockquote:after {
    color:#D9E6EC;
    font-size:22px;
    position:absolute;
}
blockquote:after {
    bottom:0;
    content:"”";
    right:15px;
}
blockquote:before {
    content:"“";
    left:5px;
    top:-5px;
}
code:after {
    bottom:0;
    content:"</code>";
    right:15px;
}
code:before {
    content:"<code>";
    left:5px;
    top:-5px;
}

/*-----=Normal Color: ---------------------------------{{{2*/
a, a visited, #nav ul li a em, h2.title, .pagebar a, .pagebar a:visited, .pagebar .this-page, .pagebar .inactive, h2.title a:hover {
    color:#8AAB46;
}
a {
    outline:medium none;
}
.article table {
    border-top:1px solid #D2D2D2;
}
.article table tr td, .article .meta, h2.title, h2.title, .menu h3 {
    border-bottom:1px solid #D2D2D2;
}
.article table tr td, .menu.ls ul li a, .menu.ls2 ul li, #comments .commentlist li {
    border-left:1px solid #D2D2D2;
}
.article table tr td{
    background:#fafafa;
}

.article table tr:nth-child(2n+1) td, #header {
    background:none repeat scroll 0 0 #f8f8f8;
}
.article table tr:hover td {
    background:none repeat scroll 0 0 #F1F5F7;
}
#header {
    border-bottom:1px solid #9C9C9C;
    border-top:3px solid #333333;
}
#wrapper{
    border-top:1px solid #9C9C9C;
}
#nav {
    background:none repeat scroll 0 0 #F3F3F3;
    border-bottom:1px solid #C6C6C6;
    border-top:1px solid #C6C6C6;
}
#nav ul li {
    border-left:1px solid #CFCFCF;
    border-right:1px solid #CFCFCF;
}
#nav ul li a, h2.title a {
    color:#222222;
}
#nav ul li a:hover {
    background:none repeat scroll 0 0 #333333;
    border-bottom:1px solid #333333;
    border-top:1px solid #333333;
    color:#F6F6F6 !important;
}
.pagebar .this-page {
    border:1px solid #8AAB46;
}
.pagebar a:hover {
    border:1px solid #8AAB46;
}
.pagebar .inactive {
    border:1px solid #CCCCCC;
}
h2.title a:hover {
    text-decoration:none;
}
.article .time {
    color:#808080;
}
.article .entry a {
    color:#006E12;
    padding:0 3px;
}
.gs-result .gs-title, .gs-result .gs-title * {
    color:#8AAB46 !important;
}
input.gsc-input {
    border:1px solid #D2D2D2 !important;
}
.menu.ls ul li a:hover, .menu.ls2 ul li:hover {
    background:none repeat scroll 0 0 #F3F3F3;
    border-left:1px solid #8AAB46;
}
.article .meta {
    color:#717171;
}
.article .entry h3, .article .entry h4 {
    border-left:2px solid #8AAB46;
}
#aside {
    color:#808080;
}
.article.category-83 .entry img {
    -moz-box-shadow:0 0 5px #333333;
    border:5px solid #FFFFFF;
}
.pagebar a, .pageList .this-page, .pagebar a, .pagebar a:visited {
    border:1px solid #CCCCCC;
}
#footer {
    border-top:1px solid #272727;
}
#footer p {
    color:#858585;
}
#footer a {
    color:#E2E2E2;
}
#comments .commentlist li.comment-author-admin >div >.comments {
    background:none repeat scroll 0 0 #F1F5F7;
    border:1px dashed #CCCCCC;
}
.commentlist li .gravatar img {
    border:2px solid #FFFFFF;
}
#comments .commentlist li:hover {
    background:none repeat scroll 0 0 #F1F5F7;
}
#comments .reply a {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #DDDDDD;
}
#comments .reply a:hover {
    border:1px solid #8AAB46;
    text-decoration:none;
}
#commentform #submit,input.gsc-search-button,.entry .b {
    -moz-box-shadow:0 0 1px #CCCCCC;
    -webkit-box-shadow:0 0 1px #CCCCCC;
    background-image:-moz-linear-gradient(center top , #F8F8F8, #E8E8E8);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #F8F8F8),color-stop(1, #E8E8E8));
    border:1px solid #D2D2D2;
    color:#808080;
    text-shadow:0 -1px #333333, 0 1px #FFFFFF;
}
#commentform #submit:active ,input.gsc-search-button:active,.entry .b:active{
    background:none repeat scroll 0 0 #E8E8E8;
}
#commentform input, #commentform textarea {
    border:1px solid #D2D2D2;
}
/*--------------------------------------------------------END-}}}1*/
/*-----=Header: ----------------------------------------------{{{1*/
#header {
    height: 65px;
    position:relative;
}

#logo,#header .description{
    position:absolute;
    left:50%;
}
#logo {
    font-size: 32px;
    margin-left:-483px;
    height:65px;
    line-height:65px;
}

#header .description {
    font-size: 12px;
    margin-left:-410px;
    top:32px;
}

/*--------------------------------------------------------END-}}}1*/
/*-----=Nav: -------------------------------------------------{{{1*/

#nav{
    height: 48px;
}
#nav ul {
    margin: 0 auto;
    width: 960px;
}
#nav ul li {
    display:inline-block;
    margin-right: -1px;
    float:left;
    margin-right:-1px;
}
#nav ul li a {
    display:inline-block;
    height: 48px;
    line-height: 25px;
    min-width: 67px;
    _width: 67px;
    padding: 0 28px 0 10px;
    position: relative;
    white-space: nowrap;
}
#nav ul li a em{
    left: 10px;
    position: absolute;
    top: 21px;
    margin-top:-1px;
}
#nav ul li a:hover {
    cursor: pointer;
    margin-bottom: -1px;
    margin-top: -1px;
    text-decoration:none;
}
#nav ul .rss {
    float: right;
    margin-right: 1px;
}

/*--------------------------------------------------------END-}}}1*/
/*-----=Content: ------------------------------------------------{{{1*/

/*-----=Article: ---------------------------------{{{2*/

#wrapper .posts{
    width:730px;
    float:left;
    display:inline;
    overflow:hidden;
}

.article{
    padding:5px 15px 15px 0;
    -webkit-animation:fade 1 ease-out 1s;
}
.article .time {
    float:right;
    margin-top:-24px;
    font-size:12px;
}
h2.title {
    font-size:24px;
    line-height:42px;
    padding-left:10px;
}
.article .entry{
    padding:10px 0 0 20px;
}
.article .entry .b{
    padding:10px 25px;
    margin:7px;
    font-size:18px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    color:#333;
}
.article .entry p{
    text-indent:28px
}
.article .meta {
    font-size:12px;
    line-height:36px;
  
}
.article .meta .comment-link{
    float:right;
}
.article .entry h3, .article .entry h4 {
    font-size:22px;
    padding-left:15px;
}
.article .entry h4 {
    font-size:18px;
    margin-left:20px;
}
.article .entry ul {
    list-style:circle outside none;
    margin-left:45px;
}
.article .entry ol {
    list-style:decimal outside none;
}
.article.category-83 .entry img {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

/*-----=Aside: ----------------------------------{{{2*/

#aside{
    width:215px;
    float:right;
    display:inline;
    font-size:12px;
}
#aside {
    display:inline;
    float:right;
    font-size:12px;
    width:230px;
}
.menu {
    margin:10px 0;
}
.menu h3 {
    font-family:'segoe UI','微软雅黑';
    font-size:14px;
    line-height:33px;
    color:#404040;
}
.menu h3 span {
    margin-left:10px;
    color:#b6b5b5
}
.menu ul {
    font-family:'segoe UI','微软雅黑';
}

#cse{
    min-height:34px;
    _height:34px;
}
.gsc-branding {
    display:none;
}
.gsc-input {
    background:none repeat scroll 0 0 transparent !important;
    padding:2px;
}
input.gsc-search-button {
    width:48px;
    height:30px;
    line-height:30px;
    text-shadow:none;
    cursor:pointer;
    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
div.gsc-clear-button {
    margin-right:0;
}
input.gsc-search-button {
    margin-left:5px !important;
}
.gsc-input{
    padding:0 0 0 5px !important;
    height:28px;
    margin:1px;
}

.menu.ls ul li a, .menu.ls2 ul li {
    display:block;
    margin:5px 0 5px 15px;
    padding-left:10px;
}
/*-----=Pagebar: ---------------------------------{{{2*/

.pagebar {
    margin-bottom:1em;
    margin-right:0.1em;
    padding:0.2em 0.5em;
    text-align:center;
    text-decoration:none;
}
.pagebar a, .pageList .this-page {
    padding:0.2em 0.5em;
    text-decoration:none;
}
.pagebar a, .pagebar a:visited {
    padding:0.2em 0.5em;
    text-decoration:none;
}
.pagebar .break {
    border:medium none;
    padding:2px 6px;
    text-decoration:none;
}
.pagebar .this-page {
    padding:0.2em 0.5em;
}
.pagebar a:hover {
    background:none repeat scroll 0 0 transparent;
}
.pagebar .inactive {
    padding:0.2em 0.5em;
    text-decoration:none;
}

/*--------------------------------------------------------END-}}}1*/
/*-----=Footer: -----------------------------------------------{{{1*/
#footer {
    background:none repeat scroll 0 0 #333333;
    font-size:12px;
    padding:8px 0;
}
#footer p {
    margin:0 auto;
    position:relative;
    width:960px;
}
#footer span {
    position:absolute;
    right:0;
}
#footer a {
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}

/*--------------------------------------------------------END-}}}1*/
/*-----=Comment: -----------------------------------------------{{{1*/

#comments {
    font-size:13px;
    padding-right:15px;
}
#comments .commentlist li {
    margin:15px auto;
    padding:5px 0;
    position:relative;
}
#comments .commentlist li.comment-author-admin >div >.comments {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding:0 5px;
}
#comments .commentlist li:hover {
    border-left:1px solid #8AAB46;
}
.commentlist li .gravatar {
    left:15px;
    position:absolute;
}
.commentlist li .gravatar img {
    -moz-box-shadow:0 0 2px #333333;
    -webkit-box-shadow:0 0 2px #333333;
}
.commentlist .children {
    margin-left:15px;
}
.commentlist #respond {
    padding:15px;
}
.commentlist .comments {
    margin:0 60px 0 85px;
    min-height:55px;
}
#comments .reply a {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    line-height:32px;
    padding:3px 6px;
    position:absolute;
    right:5px;
    top:5px;
}
#cancel-comment-reply {
    margin-top:5px;
    position:absolute;
    right:15px;
}
#commentform {
    margin:10px 0;
}
#commentform p {
    overflow:hidden;
}
#commentform input {
    margin:5px;
    padding:5px;
    width:200px;
}
textarea:focus, input:focus {
    -moz-box-shadow:0 0 2px #CCCCCC;
    -webkit-box-shadow:0 0 2px #CCCCCC;
    box-shadow:0 0 2px #CCCCCC;
}
#commentform textarea {
    float:left;
    height:120px;
    margin:5px;
    padding:5px;
    width:78%;
}
#commentform #submit {
    cursor:pointer;
    float:right;
    font-family:"Microsoft YaHei";
    font-size:18px;
    padding:52px 0;
    width:15%;
}
#commentform .log-msg {
    padding:5px;
}

/*--------------------------------------------------------END-}}}1*/
/*-----=Pic Style-----------------------------------------------{{{1*/
@-webkit-keyframes pic-bg{
    0% {background:#f1f1f1;}
    100% {background:#1e1e1e;}
}
body.cat-83 {
    background:none repeat scroll 0 0 #1E1E1E;
    color:#DDDDDD;
    -webkit-animation: pic-bg 1 ease-out 1s;
}
body.cat-83 a{
    color:#fff;
}
body.cat-83 #aside {
    display:none;
}
body.cat-83 #content .posts {
    width:960px;
    -webkit-font-smoothing: subpixel-antialiased;
}
body.cat-83 .article.category-83 .entry img {
    -moz-box-shadow:0 0 10px #080808;
    -webkit-box-shadow:0 0 10px #080808;
    box-shadow:0 0 10px #080808;
    border:5px solid #1a1a1a;
}
body.cat-83 .article table {
    border-top:1px solid #313131;
}
body.cat-83 .article table tr td, body.cat-83 .article .meta, body.cat-83 h2.title, body.cat-83 h2.title, body.cat-83 .menu h3 {
    border-bottom:1px solid #313131;
}
body.cat-83 .article table tr td, body.cat-83 .menu.ls ul li a, body.cat-83 .menu.ls2 ul li, body.cat-83 #comments .commentlist li {
    border-left:1px solid #313131;
}
body.cat-83 .article table tr td, body.cat-83 article table tr:nth-child(2n+1) td, body.cat-83 #header {
    background:none repeat scroll 0 0 #161616;
}
body.cat-83 #comments .commentlist li.comment-author-admin > div > .comments{
    border:1px solid #313131;
}
body.cat-83 #header {
    border-bottom:1px solid #080808;
    border-top:3px solid #080808;
}
body.cat-83 #nav {
    background:none repeat scroll 0 0 #111111;
    border-bottom:1px solid #0A0A0A;
    border-top:1px solid #0A0A0A;
    display:none;
}
body.cat-83 #nav  ul li {
    border-left:1px solid #242424;
    border-right:1px solid #242424;
}
body.cat-83 #nav ul li a{
    color:#9ea0a1;
} 
body.cat-83 h2.title a{
    color:#d2d2d2;
}
body.cat-83 .article .entry a{
    color:#FFF;
}
body.cat-83 h2.title a:hover{
    color:#8aab46;
} 
body.cat-83 #wrapper{
    border-top:1px solid #080808;
}
body.cat-83 .commentlist li .gravatar img {
    border:1px solid #1E1E1E;
    -moz-box-shadow:0 0 2px #000000;
    -webkit-box-shadow:0 0 2px #000000;
}
body.cat-83 #comments .commentlist li:hover,body.cat-83 #comments .commentlist li.comment-author-admin > div > .comments {
    background:none repeat scroll 0 0 #252525;
}
body.cat-83 #comments .reply a {
    background:none repeat scroll 0 0 #161616;
    border:1px solid #252525;
}
body.cat-83 #comments .reply a:hover {
    border:1px solid #FFF;
    text-decoration:none;
}

/*--------------------------------------------------------END-}}}1*/