/*
※ 此樣式為提供無名小站使用者套用，使用者可自行更改樣式
※ CSS design by spagyric, http://www.wretch.cc/blog/spagyric
*/


/* General Set
----------------------------------------- */
html, #text {
    scrollbar-face-color:#eee;
    scrollbar-track-color:#eee;
    scrollbar-3dlight-color:#eee;
    scrollbar-darkshadow-Color:#eee;
    scrollbar-arrow-color:#444;
    scrollbar-shadow-color:#444;
    scrollbar-highlight-color:#444;
}

body {
    font: .8em Arial;
    color: #444;
    background: url('http://l.yimg.com/e/style/1/105/o1129705707.jpg') repeat-y #9e9878 50% 50%;
    margin: 0px;
}

a {
    color: #123456;
    text-decoration: none;
}
a:hover {
    color: #000;
}

#content .blog input {margin-top: 50px;}
#content .blog div input {margin-top: 0px;}


/* container
----------------------------------------- */
#container1 {
    width: 750px;
    position: relative;
    margin: 0px auto;
}
#container2 {
    margin-left: 10px;
    margin-right: 10px;
}

/* banner
----------------------------------------- */
#banner {
    background: url('http://l.yimg.com/e/style/1/105/o1129705706.jpg') no-repeat 50% bottom;
    height: 100px; width: 730px;
    position: absolute; top: 0px; left: 10px;
    z-index: 10;
}
#pageheader {margin-top: 0px;}
#pageheader h1 a {
    position: absolute; top: 0px; left: 0px;
    display: block; width: 690px; height: 100px;
    padding-top: 0px;
    padding-left: 40px;
    font-size: 36px;
    letter-spacing: -6px;
    color: #fff;
    font-family: simhei;
    font-weight: normal;
    z-index: 11;
}
#pageheader .description {
    font-family: simhei;
    position: absolute; top: 34px; left: 100px;
    color: #ddd;
    font-size: 26px;
    z-index: 10;
}
#pageheader #description2 .description {
    font: 12px arial;
    position: absolute; top: 110px; left: 0px;
    display: block; height: 25px; width: 710px;
    text-align: left;
    padding-top: 8px;
    color: #28568a;
    padding-right: 10px; padding-left: 10px;
    background: url('http://l.yimg.com/e/style/1/105/1129705714.jpg') #98B4CF no-repeat right top;
    z-index: 10;
}
/* main
----------------------------------------- */
#main2 {
    padding-top: 153px;
}

/* content
----------------------------------------- */
#content {
    width: 504px;
    margin-top: 2px;
    float: left;
    color: #16586c;
}
#content a { color: #487f90;}
#content a:hover { color: #907148;}
.date {
    background: url('http://l.yimg.com/e/style/1/105/1129705713.jpg') #CDDECD no-repeat top right;
    width: 220px; height: 39px;
    font-size: 28px; letter-spacing: -3px;
    color: #fff;
    padding-top: 3px;
}
.blogbody {
    margin-bottom: 10px;
}
.blogbody2 {}
.articletext {
    background: url('http://l.yimg.com/e/style/1/105/1129705705.jpg') #CDDADE no-repeat top right;
    padding: 0px 10px 0px 10px;
}
.articletext .title {
    margin-top: 10px;
    color: #fff;
    padding-top: 10px;
}
.articletext .innertext {
    color: #555;
}
.articletext .extended {
    text-align: right;
    font-size: 10px;
}
.posted {
    background: url('http://l.yimg.com/e/style/1/105/1129705718.jpg') #CDDADE no-repeat bottom right;
    height: 11px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-align: right;
}


/* comments
----------------------------------------- */
.total-comments-div {
    padding-top: 22px;
    margin-top: 10px;
    background: url('http://l.yimg.com/e/style/1/105/1129705720.jpg') #DCDCD3 no-repeat top left;
    width: 350px;
    margin-left: 154px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* trackbacks title */
}
.total-comments-div .comments-head { /* comments title */
    background: url('http://l.yimg.com/e/style/1/105/1129705711.jpg') no-repeat 5px 5px;
    padding-left: 20px;
    font: 20px simhei; color: #fff;
    letter-spacing: -3px;
}
.total-comments-div .comments-bottom .comments-head { /* write a comments title */

}
.total-comments-div .comments-body {
    width: 325px;
    margin-left: 20px;
}
.total-comments-div .comments-body p {
    background: url('http://l.yimg.com/e/style/1/105/1129705710.jpg') #C2C5B9 no-repeat top left;
    padding: 17px 10px 0px 10px;
    margin: 0px; color: #555;
}
.total-comments-div .comments-body .comments-post {
    text-align: right;
    background: url('http://l.yimg.com/e/style/1/105/1129705712.jpg') #C2C5B9 no-repeat bottom left;
    padding: 10px 15px 0px 0px;
    margin-bottom: 10px;
    font-size: 10px;
    color: #999;
}
.total-comments-div .comments-body form {
}
.total-comments-div .comments-body form input {
    border: 1px solid #888;
    background: transparent;
}
.total-comments-div .comments-body form input[type=hidden] {
    border: 0px;
}

.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {width: 300px;}
#url {width: 300px;}
#text {
    width: 300px;
    border: 1px solid #888;
    background: transparent;
    font-family: arial;
    font-size: 12px;
}

.postisAuth , .postemail img , .postweb img {
    display: none;
}
.postemail {
    display: inline-block; width: 30px; height: 16px;
    background: url('http://l.yimg.com/e/style/1/105/1129705719.jpg') no-repeat 0px -1px;
}
.postemail:hover {
    background: url('http://l.yimg.com/e/style/1/105/1129705719.jpg') no-repeat 0px -21px;
}
.postweb {
    display: inline-block; width: 27px; height: 17px;
    background: url('http://l.yimg.com/e/style/1/105/1129705719.jpg') no-repeat -35px 0px;
}
.postweb:hover {
    background: url('http://l.yimg.com/e/style/1/105/1129705719.jpg') no-repeat -35px -20px;
}

/* links
----------------------------------------- */
#links {
    width: 215px;
    float: right;
    margin-top: 54px;
    color: #aaa;
}
#links2 { padding: 20px 3px 0px 15px;}
#links .sidetitle {
}
#links .side {
    margin-top: 10px;
    margin-bottom: 10px;
}

#links br {display: none;}
#links .side br {display: block;}
#links a { color: #ccc;}
#links input {
    border: 1px solid #999;
    background: transparent;
    color: #ccc;
}
#links input[type=hidden] {
    border: 0px;
}
#links select {
    background: #706B65;
    color: #ccc;
}
#links a:hover { color: #fff;}
/* links boxes
----------------------------------------- */
.calendar {font-size: 10px;}

#boxProfile {
    position: absolute; top: 153px; right: 10px;
    background: url('http://l.yimg.com/e/style/1/105/1129705709.jpg') #85cf35 no-repeat left top;
    width: 500px; height: 44px;
    color: #85cf35;
    font-size: 0px; letter-spacing: -3px;
    z-index: 10;}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {
    width: 485px;
    padding-left: 15px;
    margin: 0px;}
#boxProfile .boxProfile1 .side br {display: none;}
#boxProfile .boxProfile1 .side a {
    font-size: 0px; letter-spacing: -2px;
    color: #85cf35;}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}
#boxProfile .boxProfile1 .side .boxProfileLink {
    display: block; width: 120px; height: 28px;
    font-size: 10px; letter-spacing: -1px;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    float: left;}
#boxProfile .boxProfile1 .side .boxProfileLink:hover {background: #a4e063;}
#boxProfile .boxProfile1 .side  select {display: none;}
#boxProfile .boxAddFriendLink ,
#boxProfile .boxGiftLink {
    display: none;
}

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {
    background: url('http://l.yimg.com/e/style/1/105/1129705708.jpg') no-repeat 0px -31px;
    height: 20px;
}
#boxNewArticle .boxNewArticle0 .sidetitle {display: none;}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {}
#boxCategory .boxCategory0 {
    background: url('http://l.yimg.com/e/style/1/105/1129705708.jpg') no-repeat 0px -90px;
    height: 23px;
}
#boxCategory .boxCategory0 .sidetitle {display: none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}
#boxCategory .boxCategory1 .side div {
    font-size: 0px; letter-spacing: -3px;
}
#boxCategory .boxCategory1 .side div a {
    font-size: 12px; letter-spacing: 0px;
}

#boxDate {}
#boxDate .boxDate0 {
    background: url('http://l.yimg.com/e/style/1/105/1129705708.jpg') no-repeat 0px -151px;
    height: 26px;
}
#boxDate .boxDate0 .sidetitle {display: none;}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {}
#boxSearch .boxSearch0 {
    background: url('http://l.yimg.com/e/style/1/105/1129705708.jpg') no-repeat 0px -121px;
    height: 20px;
}
#boxSearch .boxSearch0 .sidetitle {display: none;}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 10px;
}
#boxSearch .boxSearch1 .side br {display: none;}


#scupioSearch {}
#scupioSearch .scupioSearch0 {display: none;}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {}
#boxNewComment .boxNewComment0 {
    background: url('http://l.yimg.com/e/style/1/105/1129705708.jpg') no-repeat 0px -60px;
    height: 26px;
}
#boxNewComment .boxNewComment0 .sidetitle {display: none;}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {
    text-align: right;
    font-size: 10px;
}
#boxNewComment .boxNewComment1 .side a {
    display: block; text-align: left;
    font-size: 12px;
}

#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {
    font-size: 28px; letter-spacing: -3px;
    color: #fff;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side a {font-size: 10px;}

#boxCounter {
    position: absolute;
    top: 0px;
    right: 14px;
    text-align: right;
    font-size: 10px;
    z-index: 13;
    color: #aaa;
}
#boxCounter .boxCounter0 {display: none;}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {
    margin: 0px;
}


#links #boxNewArticle br , #links #boxCategory br , #links #boxFolder br { display: none;}
#boxNewArticle a , #boxCategory a  , #boxFolder a {
    display: block;
    margin-bottom: 1px;
    color: #bbb;
    padding: 0px 5px 0px 5px;
    margin-right: 5px;
    border-left: 3px solid #888;}
#boxNewArticle a:hover , #boxCategory a:hover , #boxFolder a:hover {
    background: #ddd;
    color: #666;
    text-decoration: none;
    border-left: 3px solid #fff;
}

.syndicate {}

/* powered
----------------------------------------- */
#links .powered br { display: block;}
#links .powered {

}
#links .powered .powerlogo img { display: none;}
#links .powered .powerlogo {
    display: block; width: 80px; height: 30px;
    background: url('http://l.yimg.com/e/style/1/105/1129705704.jpg') no-repeat 0% 0%;
}
.total-comments-div .powered {
    color: #444;
    text-align: right;
    padding-right: 30px;
}

/* footer
----------------------------------------- */
#footer {}
#extraDiv1 {
    position: absolute; top: 0px; right: 10px;
    width: 215px; height: 207px;
    background: white;
    z-index: 1;}
#extraDiv3 {
    position: absolute; top: 207px; right: 202px;
    width: 23px; height: 21px;
    border: 0px solid red;
    background: url('http://l.yimg.com/e/style/1/105/1129705717.jpg') no-repeat top left;
}