/* [$ YouXianMing $] */

.headermaintitle {
    position: relative;
    font-family: sans-serif;
    display: inline-block;
    margin-top: 40px;
    font-size: 3rem;
    font-weight: 300;
    transition-property: all;
    transition-duration: 0.5s;
}

.headermaintitle:hover {
    color: black;
    text-decoration: none;
}

#header {
    border-top-style: none;
    border-bottom-style: none;
}

#blogTitle {
    height: 170px;
}

#blogTitle h2 {
    left: 60px;
    position: relative;
    font-style: italic;
    font-family: sans-serif;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 100;
    margin: 20px 60px 30px 0px;
    transition-property: all;
    transition-duration: 0.25s;
}

#blogTitle:hover>h2 {
    left: 50px;
    color: red;
}

#navList a {
    font-weight: 300;
    display: block;
    width: 6em;
    height: 22px;
    float: left;
    text-align: center;
    padding-top: 8px;
    border-right: 1px solid #ccc;
    transition-property: all;
    transition-duration: 0.25s;
}

#navList a:link,
#navList a:visited,
#navList a:active {
    color: #fff;
}

#navList a:hover {
    color: black;
    background-color: #fff;
    text-decoration: none;
}

#blog_stats span {
    font-family: sans-serif;
    color: white;
    font-weight: 100;
    margin-right: 10px;
    transition-property: all;
    transition-duration: 1s;
}

#blog_stats span:hover {
    color: red;
    margin-bottom: 10px;
}

.postTitle {
    border-bottom-style: none;
}

.postTitle>a {
    position: relative;
    margin: 20px 0;
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: 300;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    transition-property: all;
    transition-duration: 0.25s;
}

.postDesc span {
    transition-property: all;
    transition-duration: 0.5s;
}

.postDesc span:hover {
    color: black;
}

.postDesc a {
    transition-property: all;
    transition-duration: 0.5s;
}

.postDesc a:hover {
    color: red;
}

.dayTitle {
    border-bottom-style: none;
    text-align: left;
    font-weight: 600;
    font-family: sans-serif;
}

.dayTitle>a {
    opacity: 0.5;
    color: black;
    transition-property: all;
    transition-duration: 0.25s;
}

.dayTitle>a:hover {
    opacity: 1.0;
    text-decoration: none;
}

.postSeparator {
    visibility: hidden;
}

.day {
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: RGBA(179, 179, 179, 1.00);
    padding-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: RGBA(179, 179, 179, 1.00);
    transition-property: all;
    transition-duration: 0.5s;
}

.day:hover {
    border-left-color: red;
    border-bottom-color: red;
    background-color: RGBA(245, 82, 89, 0.1);
}

.day:hover .postTitle a {
    color: red;
    transform: translateX(20px);
}

.day:hover .dayTitle a {
    color: red;
}

.day:hover .c_b_p_desc {
    opacity: 1;
}

.day:hover .postDesc {
    color: black;
}

.c_b_p_desc {
    transition-property: all;
    transition-duration: 0.25s;
    opacity: 0.3;
}

.postDesc {
    transition-property: all;
    transition-duration: 0.25s;
    color: RGBA(179, 179, 179, 1.00);
}

.myposts_title {
    display: none;
}

.PostList {
    border-bottom-style: dashed;
}

.postTitl2 {
    float: none;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 1.1rem;
    transition-property: all;
    transition-duration: 0.25;
}

.postTitl2 a {
    color: black;
    transition-property: all;
    transition-duration: 0.25s;
}

.postTitl2 a:hover {
    color: red;
    text-decoration: none;
}

.postDesc2 {
    position: relative;
    display: inline-block;
    float: right;
    opacity: 0.5;
    transition-property: all;
    transition-duration: 0.25s;
}

.postTitl2 a:hover~.postDesc2 {
    opacity: 1.0;
    transform: translateX(-15px);
}

.entrylistPosttitle {
    color: black;
    height: 40px;
    font-size: 1.1rem;
    font-weight: 300;
    border-bottom-style: none;
    transition-property: all;
    transition-duration: 0.25s;
}

.entrylistPosttitle a {
    transition-property: all;
    transition-duration: 0.25s;
}

.entrylistItem {
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-color: RGBA(183, 183, 183, 1.00);
    border-left-style: dashed;
    border-left-width: thin;
    border-left-color: RGBA(183, 183, 183, 0.00);
    transition-property: all;
    transition-duration: 0.25s;
}

.entrylistItem:hover {
    border-bottom-color: red;
    border-left-color: red;
}

.entrylistItem:hover .entrylistPosttitle a {
    color: red;
}

.entrylistTitle {
    height: 30px;
    line-height: 30px;
    font-weight: 200;
}

.entrylistItem:hover .c_b_p_desc {
    opacity: 1;
}

.entrylistItem:hover .entrylistPosttitle {
    transform: translateX(10px);
}

.entrylistItemPostDesc {
    opacity: 0.5;
    transition-property: all;
    transition-duration: 0.25s;
}

.entrylistItem:hover .entrylistItemPostDesc {
    opacity: 1.0;
}


/***************************** 定制头部 *****************************/

#custom-top {
    position: relative;
    margin: 0 auto;
    width: 95%;
    min-width: 930px;
    height: 0px;
}

#custom-top img {
    right: 0;
    position: absolute;
    border-radius: 100px;
    border-color: RGBA(116, 116, 116, 0.35);
    border-style: solid;
    border-width: 3px;
    transition-property: all;
    transition-duration: 0.5s;
}

#custom-top span {
    position: absolute;
    opacity: 0;
    right: 60px;
    font-size: 1.2rem;
    line-height: 56px;
    transition-property: all;
    transition-duration: 0.25s;
    pointer-events: none;
}

#custom-top a:hover~span {
    opacity: 1;
    right: 70px;
}

#custom-top a:hover img {
    border-color: RGBA(245, 82, 89, 1.00);
    transform: scale(0.75);
}