/***************************************
作者：孤單絕對
樣式主題：黑白•華麗
用途：Blog專用
網址：http://www.wretch.cc/blog/jayjohn
****************************************/
#boxSlideShow {
    DISPLAY: none
}
HTML {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
#text {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
#links {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
#content {
    SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
BODY {
    FONT-SIZE: 0.8em; BACKGROUND: #ffffff fixed; MARGIN: 0px; COLOR: #999999; FONT-FAMILY: "Courier New"
}
A {
    COLOR: #999999; TEXT-DECORATION: none
}
A:hover {
    COLOR: #cccccc; TEXT-DECORATION: none
}
#container1 {
    BORDER-RIGHT: #333 0px solid; MARGIN: 0px auto; BORDER-LEFT: #333 0px solid; WIDTH: 900px; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
#container2 {

}
#banner {
    RIGHT: 200px; BACKGROUND: url('http://f4.wretch.yimg.com/csspic/jayjohn/1134555783/1134127970.jpg') #ffffff no-repeat; WIDTH: 500px; BORDER-BOTTOM: #000 0px dotted; POSITION: absolute; TOP: 0px; HEIGHT: 300px
}
#pageheader {

}
#pageheader H1 A {
    DISPLAY: block; FONT-SIZE: 12px; LEFT: 5px; COLOR: #fff; POSITION: absolute; TOP: 285px; TEXT-DECORATION: none
}
#pageheader .description {
    FONT-SIZE: 12px; LEFT: 5px; COLOR: #fff; POSITION: absolute; TOP: 265px
}
#pageheader #description2 .description {
    LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 280px; TEXT-ALIGN: right
}
#main2 {

}
#content {
    BACKGROUND: #ffffff; LEFT: 200px; OVERFLOW: auto; WIDTH: 500px; POSITION: absolute; TOP: 300px; HEIGHT: 300px
}
.date {
    PADDING-LEFT: 5px; FONT-SIZE: xx-large; BORDER-BOTTOM: #000000 0px solid; FONT-FAMILY: "Impact"; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.datediv {

}
.blogbody {
    BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333 0px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #898989 2px solid
}
.blogbody2 {

}
.articletext {
    BORDER-LEFT-COLOR: #ffffff; BACKGROUND-IMAGE: none; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
.articletext .title {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -12px 0px 0px; PADDING-TOP: 0px
}
.articletext .innertext {

}
.articletext .extended {
    FONT-SIZE: 11px; COLOR: #666; TEXT-ALIGN: right
}
.posted {
    COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
.total-comments-div {
    BORDER-TOP: #999 0px dotted; MARGIN-TOP: 10px; PADDING-TOP: 10px
}
.total-comments-div .trackbacks-head {

}
.total-comments-div .trackbacks-head .comments-head {
    BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-head {
    BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-bottom .comments-head {
    BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #aaa 1px solid
}
.total-comments-div .comments-body {
    BORDER-BOTTOM: #888 1px dotted
}
.total-comments-div .comments-body .comments-post {
    COLOR: #aaa; TEXT-ALIGN: right
}
.total-comments-div .comments-body FORM {

}
#text {
    WIDTH: 300px
}
#divThird {
    BORDER-RIGHT: #333 0px dotted; RIGHT: 720px; BACKGROUND: #000000; WIDTH: 210px; POSITION: absolute; TOP: 0px
}
#divThird2 {
    OVERFLOW: auto; HEIGHT: 600px
}
#links {
    RIGHT: -15px; BACKGROUND: #ffffff; FLOAT: right; BORDER-LEFT: #333 0px dotted; WIDTH: 210px; POSITION: absolute; TOP: 0px
}
#links2 {
    OVERFLOW: auto; HEIGHT: 600px
}
.sidetitle {
    PADDING-LEFT: 10px; BACKGROUND: url('http://f4.wretch.yimg.com/csspic/jayjohn/1134555783/1134127970.jpg') #000000; COLOR: #ffffff
}
.side {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.calendar {
    FONT-SIZE: 10px
}
#boxProfile {

}
#boxProfile .boxProfile0 {

}
#boxProfile .boxProfile0 .sidetitle {
    DISPLAY: none
}
#boxProfile .boxProfile1 {

}
#boxProfile .boxProfile1 .side {

}
#boxProfile .boxProfile1 .side .boxProfileImg {
    DISPLAY: none
}
#boxProfile .boxProfile1 .side .boxProfileLink {

}
#boxProfile .boxProfile1 .side SELECT {
    DISPLAY: none
}
.boxGiftLink {
    DISPLAY: none
}
.boxAddFriendLink {
    DISPLAY: none
}
#boxProfile .boxProfile1 .side BR {
    DISPLAY: none
}
#boxProfile .boxProfile1 .side A {
    PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 3px solid; COLOR: #a8a8a8; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
#boxProfile .boxProfile1 .side A:hover {
    BACKGROUND: #cccccc; BORDER-LEFT: #cccccc 3px solid; COLOR: #fff; TEXT-DECORATION: none
}
#boxSlideShow {

}
#boxSlideShow .boxSlideShow0 {

}
#boxSlideShow .boxSlideShow0 .sidetitle {

}
#boxSlideShow .boxSlideShow1 {

}
#boxSlideShow .boxSlideShow1 .side {

}
#boxNewArticle {

}
#boxNewArticle .boxNewArticle0 {
    BACKGROUND: url(http://f4.wretch.yimg.com/csspic/jayjohn/1134555783/1134127976.jpg) no-repeat 0px 5px; HEIGHT: 38px
}
#boxNewArticle .boxNewArticle0 .sidetitle {
    DISPLAY: none
}
#boxNewArticle .boxNewArticle1 {

}
#boxNewArticle .boxNewArticle1 .side {

}
#boxFolder .boxFolder1 .side BR {
    DISPLAY: none
}
#links #boxNewArticle .boxNewArticle1 .side A {
    PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 3px solid; COLOR: #a8a8a8; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
#links #boxNewArticle .boxNewArticle1 .side A:hover {
    BACKGROUND: #cccccc; BORDER-LEFT: #cccccc 3px solid; COLOR: #fff; TEXT-DECORATION: none
}
#boxCategory {

}
#boxCategory .boxCategory0 {
    BACKGROUND: url('http://f4.wretch.yimg.com/csspic/jayjohn/1134555783/1134127975.jpg') no-repeat 0px 5px; HEIGHT: 40px
}
#boxCategory .boxCategory0 .sidetitle {
    DISPLAY: none
}
#boxCategory .boxCategory1 {

}
#boxCategory .boxCategory1 .side {

}
#boxDate {

}
#boxDate .boxDate0 {

}
#boxDate .boxDate0 .sidetitle {

}
#boxDate .boxDate1 {

}
#boxDate .boxDate1 .side {

}
#boxSearch {

}
#boxSearch .boxSearch0 {
    BACKGROUND: url(http://f4.wretch.yimg.com/csspic/jayjohn/1134555783/1134127974.jpg) no-repeat 0px 5px; HEIGHT: 38px
}
#boxSearch .boxSearch0 .sidetitle {
    DISPLAY: none
}
#boxSearch .boxSearch1 {

}
#boxSearch .boxSearch1 .side {

}
#scupioSearch {

}
#scupioSearch .scupioSearch0 {

}
#scupioSearch .scupioSearch0 .sidetitle {
    DISPLAY: none
}
#scupioSearch .scupioSearch1 {

}
#scupioSearch .scupioSearch1 .side {

}
#boxNewComment .boxNewComment0 {
    BACKGROUND: url(http://l.yimg.com/e/style/1/121/1134127973.jpg) no-repeat 0px 5px; HEIGHT: 38px
}
#boxNewComment .boxNewComment0 .sidetitle {
    DISPLAY: none
}
#boxNewComment .boxNewComment1 {

}
#boxNewComment .boxNewComment1 .side {
    COLOR: #a8a8a8; TEXT-ALIGN: right
}
#boxNewComment .boxNewComment1 .side BR {
    DISPLAY: none
}
#boxNewComment .boxNewComment1 .side A {
    DISPLAY: block; TEXT-ALIGN: left
}
#boxNewComment .boxNewComment1 .side A:hover {
    BACKGROUND: #cccccc; COLOR: #fff
}
#boxFolder {

}
#boxFolder .boxFolder0 {

}
#boxFolder .boxFolder0 .sidetitle {
    FONT-SIZE: 28px; FONT-FAMILY: "Impact"
}
#boxFolder .boxFolder1 {

}
#boxFolder .boxFolder1 .side {

}
#boxFolder .boxFolder1 .side BR {
    DISPLAY: none
}
#links #boxFolder .boxFolder1 .side A {
    PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 3px solid; COLOR: #a8a8a8; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
#links #boxFolder .boxFolder1 .side A:hover {
    BACKGROUND: #ffffff; BORDER-LEFT: #cccccc 3px solid; COLOR: #fff; TEXT-DECORATION: none
}
#boxCounter {

}
#boxCounter .boxCounter0 {
    BACKGROUND: url(http://l.yimg.com/e/style/1/121/1134127977.jpg) no-repeat 0px 5px; HEIGHT: 38px
}
#boxCounter .boxCounter0 .sidetitle {
    DISPLAY: none
}
#boxCounter .boxCounter1 {

}
#boxCounter .boxCounter1 .side {

}
.syndicate {
    DISPLAY: none
}
.powered {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.powered {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.powered IMG {
    VISIBILITY: hidden; WIDTH: 150px; HEIGHT: 52px
}
.powerlogo {
    BACKGROUND: url(http://l.yimg.com/e/style/1/121/1134127972.jpg) no-repeat -5px 30px
}
.total-comments-div .powered IMG {
    HEIGHT: 1px
}
.total-comments-div .powered {

}
INPUT {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 10px; FILTER: alpha(opacity=60); BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: arial,georgia, verdana, sans-serif; BACKGROUND-COLOR: #ffffff
}
A:link {
    COLOR: #999999
}
A:visited {
    COLOR: #999999
}
A:active {
    COLOR: #999999
}
.innertext {
    COLOR: #000000
}
.title {
    COLOR: #000000
}
#footer {
    BACKGROUND-COLOR: #ffffff
}
.description {
    BACKGROUND-COLOR: #ffffff
}
