/***************************************
作者：---‧熊熊。PANDA‧---
主題：雙色寶藍
作者網址：http://www.wretch.cc/blog/ryohei0221
****************************************/

HTML {
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
overflow:auto;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#002FA7;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
body {
MARGIN:0px;
FONT-FAMILY:verdana;
background:#fff;
letter-spacing:1px;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
}

A {COLOR:#333;TEXT-DECORATION:none;}
A:hover {COLOR:#002FA7;TEXT-DECORATION:none;}

input {
color:#333;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
background-color:#efefef;
padding:2px;
BORDER:0PX SOLID;
}

/* container
--------------------------*/

#container1 {
position:relative;
width:700px;
BACKGROUND:none;
MARGIN:auto;
MARGIN-TOP:20px;
}

#container2 {
MARGIN-TOP:0px;
padding:5px;
}

/* banner
--------------------------*/
#banner {
width:700px;
height:75px;
}
#pageheader h1 a {
position:absolute;
top:10px;
left:170px;
font-family:MS UI Gothic;
font-size:35pt;
color:#002FA7;
TEXT-ALIGN:left;
width:540px;
padding:5px;
letter-spacing:2px;
font-weight:BOLD;
}

#pageheader h1 a:hover {color:#848484;}

#pageheader #description2 .description {
background:#f0f0f0;
color:#333;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
position:absolute;
top:80px;
left:5px;
width:470px;
height:16px;
overflow-y:auto;
TEXT-ALIGN:left;
scrollbar-highlight-color:#f0f0f0;
scrollbar-face-color:#f0f0f0;
scrollbar-shadow-color:#f0f0f0;
scrollbar-3dlight-color:#f0f0f0;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#f0f0f0;
scrollbar-darkshadow-color:#f0f0f0;
padding:5px;
letter-spacing:2px;
line-height:18px;
}
#pageheader #description2 .description a{color:#002FA7;font-family:verdana;font-size:8pt;}
#pageheader #description2 .description a:hover{color:#848484;}

h1 .description {display:none;}

#main2 {
width:700px;
}

/* content
--------------------------*/
#content {
MARGIN-TOP:35px;
background:#FFF;
color:#002FA7;
FLOAT:left;
WIDTH:480px;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
overflow-y:auto;
overflow-x:hidden;
scrollbar-shadow-color:#FFF;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#f0f0f0;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

.blogbody {
}
.blogbody2 {
margin-bottom:25px;
background:#f0f0f0;
}

.innertext {
color:#333;
font-weight:normal;
letter-spacing:2px;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
padding-left:5px;
line-height:15px;
}

.innertext a{color:#002FA7;}
.innertext a:hover{color:#a9a9a9;}

.articletext .innertext br {letter-spacing:0pt;}

.date{
FLOAT:left;
width:150px;
background:#002FA7;
font-size:8pt;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
letter-spacing:2px;
color:#fff;
font-weight:normal;
text-align:center;
padding:5px;
}

.title {
background:#FFF;
width:310px;
text-align:left;
font-size:10pt;
line-height:1;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-weight:normal;
color:#002FA7;
padding:5px;
margin-top:0px;
letter-spacing:2px;
}

.articletext .innertext {
}

.extended {
padding:5px;
margin-bottom:0px;
TEXT-ALIGN:right;
color:#002FA7;}

.posted{padding-top:5px;padding-bottom:5px;background:none;margin-bottom:0px;color:#F0F0F0;font:0pt verdana;text-align:center;letter-spacing:-1px;}
.posted a{margin-right:5px;color:#333;font:8pt verdana;letter-spacing:1px;}
.posted a:hover{color:#002FA7;}

#push {
border:0px #f0f0f0 dashed!important;
font-family:Verdana, Tahoma, Arial Black, sans-serif!important;
font-size:8pt!important;
color:#333!important;
background:NONE!important;}

#push span {
margin-bottom:2px!important;
font-family:Verdana, Tahoma, Arial Black, sans-serif!important;
font-size:12pt!important;
font-weight:bolder!important;
background:none!important;
color:#002FA7!important;}

.clearfix a.push {
border:0px #f0f0f0 solid!important;
margin-top:2px!important;
margin-left:8pt!important;
font-family:Verdana, Tahoma, Arial Black, sans-serif!important;
font-size:10px!important;
color:#fff!important;
background:#002FA7!important;
}
.clearfix a:hover.push{
color:#f0f0f0!important;}

.clearfix a.pull {
border:0px #f0f0f0 solid!important;
margin-top:2px!important;
margin-left:4px!important;
font-family:Verdana, Tahoma, Arial Black, sans-serif!important;
font-size:8pt!important;
color:#fff!important;
background:#002FA7!important;
}
.clearfix a:hover.pull{
color:#f0f0f0!important;}

#push a {
padding:2px!important;
height:15px!important;}

/* comments
--------------------------*/
.total-comments-div {
background:#fff;
width:480px;
color:#333;
padding-top:5px;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
LINE-HEIGHT:180%;
}

.total-comments-div a{color:#333;}
.total-comments-div a:hover{color:#002FA7;}

.total-comments-div .trackbacks-head, 
.total-comments-div .trackbacks-head .comments-head{
display:none;
}

.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head {
TEXT-ALIGN:left;
color:#002FA7;
font-size:10pt;
font-weight:normal;
line-height:1;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
margin-TOP:5px;
margin-BOTTOM:5px;
MARGIN-left:5px;
}

.comments-linkcontrol, .comments-linkcontrol {
padding:5px;
text-align:center;
color:#002FA7;
}

.trackbacks-body{
margin-top:5px;
}

.comments-body {
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
color:#333;
}

.comments-post {
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
color:#002FA7;
text-align:right;
}

.comments-body span {
padding:0px;
background:NONE;}

.comments-reply .comments-author {
background-color:#efefef;
filter:alpha(opacity=100);}

.comments-reply .comments-author p {
padding:5px;
color:#333;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
}

.comments-reply .comments-author .comments-post {
color:#002FA7;
background:none;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
}

.comments-reply .comments-author .comments-post a {
background:none;
color:#a9a9a9;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
}

.total-comments-div .comments-body{
BORDER-bottom:#f0f0f0 0px solid;
}

.total-comments-div .comments-body FORM {
margin-top:10px;
color:#333;
}

.comments-body form input {
margin:2px;
}

.comments-body FORM IMG {DISPLAY:none;}

.total-comments-div form {
margin:0px;
}
.comments-body textarea{
color:#333;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
border:1px #efefef solid;
background-color:#fff;
FONT-STYLE:normal;
padding:5px;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
overflow:auto;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#002FA7;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

#text{
height:80px;
scrollbar-face-color:#efefef;
scrollbar-highlight-color:#efefef;
overflow:auto;
scrollbar-shadow-color:#efefef;
scrollbar-3dlight-color:#efefef;
scrollbar-arrow-color:#b14755;
scrollbar-track-color:#efefef;
scrollbar-darkshadow-color:#efefef;
background:#efefef;
letter-spacing:1px;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
color:#333;
}

/* links
--------------------------*/
#links {
MARGIN-TOP:35px;
background:#f0f0f0;
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#FFF;
overflow-x:hidden;
scrollbar-shadow-color:#FFF;
scrollbar-3dlight-color:#FFF;
scrollbar-arrow-color:#FFF;
scrollbar-track-color:#FFF;
scrollbar-darkshadow-color:#FFF;
FLOAT:RIGHT;
WIDTH:200px;
padding:5px;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
}

#links a{color:#333;}
#links a:hover{background:#002FA7;color:#fff;}

.sidetitle {
background:#002FA7;
padding:4px;
letter-spacing:2px;
font-weight:normal;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:10pt;
color:#fff;
TEXT-ALIGN:LEFT;
}

.side {
padding:4px;
letter-spacing:2px;
LINE-HEIGHT:150%;
COLOR:#002FA7;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
TEXT-ALIGN:left;
}

/* links detail
--------------------------*/

.calendar {
display:none;
}

#boxMySpace .boxMySpace0 .sidetitle {
DISPLAY:none;}

#boxMySpace .boxMySpace1 .side {
border:#f0f0f0 0px dashed;
padding-BOTTOM:5px;
padding-LEFT:0px;
}

#boxMySpace .boxMySpace1 .side a{background:#F0F0F0;}

#boxMySpace .boxMySpace1 .side a:hover{background:#F0F0F0;}

.boxMySpace1 .side a img{
background:#002FA7;
padding:3px;
}

.boxMySpace1 .side a:hover img{
FILTER:alpha(opacity=80);}


#blogCategory{DISPLAY:none;}

#links #serviceList {
}
#serviceList li{float:left;margin:0px 0px 0px 0px;}
#serviceList li a{
display:block;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
font-weight:normal;
letter-spacing:2px;
}

a#linkAlbum{
TEXT-ALIGN:CENTER;
background:#002FA7!important;
position:absolute;
top:80px;
left:495px;
padding:5px;
width:45px;
HEIGHT:15PX;
color:#fff;
}

a#linkAlbum:hover{
background:#f0f0f0!important;
COLOR:#002FA7;
}

a#linkGbook{
TEXT-ALIGN:CENTER;
background:#f0f0f0!important;
position:absolute;
top:80px;
left:560px;
padding:5px;
width:45px;
HEIGHT:15PX;
color:#002FA7;
}

a#linkGbook:hover{
background:#002FA7!important;
COLOR:#FFF;
}

a#linkUser{
TEXT-ALIGN:CENTER;
background:#002FA7!important;
position:absolute;
top:80px;
left:625px;
padding:5px;
width:45px;
HEIGHT:15PX;
color:#fff;
}

a#linkUser:hover{
background:#f0f0f0!important;
COLOR:#002FA7;
}

a#linkFriend, 
a#linkBlog, 
a#linkMypage, 
a#linkVideo{display:none!important;}

#boxMusic{}
#boxMusic .boxMusic0 .sidetitle {}
#boxMusic .boxMusic1 .side {
}

#boxSlideShow {
DISPLAY:block;}
#boxSlideShow .boxSlideShow0 {

}
#boxSlideShow .boxSlideShow0 .sidetitle {

}
#boxSlideShow .boxSlideShow1 {

}
#boxSlideShow .boxSlideShow1 .side {

}
#SlidePicTitle {
WIDTH:100px;}

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {
line-height:5px;
TEXT-ALIGN:left;
}

#boxNewArticle .side a{
padding:5px;
display:block;
letter-spacing:1px;
}
#boxNewArticle .side a:hover{padding:5px;}

#boxCategory{}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 .side {}

.boxCategory1 .side a{
font-size:7pt;
background:none;
margin-bottom:1px;
letter-spacing:2px;
padding:1px 0px 1px 0px;
line-height:18px;
}
.boxCategory1 .side a:hover{
background:none;
padding-left:5px;
line-height:18px;
}
.boxCategory1{line-height:1px;}

#boxCategory A IMG {DISPLAY:none;}
#boxCategory A {COLOR:#333;padding-left:15px;background:url(http://f7.wretch.yimg.com/ryohei0221/19/1005192449.jpg?n.dD70FDdBb7GppN5zOBMSYbp5LQ_v7mmAqkxwBmyK2FpVxz9k8Qgx_sM3ED) left no-repeat;
}
#boxCategory A:hover{color:#002FA7;padding-left:15px;background:url(http://f7.wretch.yimg.com/ryohei0221/19/1005192449.jpg?n.dD70FDdBb7GppN5zOBMSYbp5LQ_v7mmAqkxwBmyK2FpVxz9k8Qgx_sM3ED) left no-repeat;
}

#boxDate {DISPLAY:none;}
#boxSearch {DISPLAY:none;}
#scupioSearch {DISPLAY:none;}

#boxNewComment {}
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {
TEXT-ALIGN:left;
line-height:0px;
PADDING-LEFT:0px;
PADDING-RIGHT:0px;
}

#boxNewComment .side A {
line-height:15px;
PADDING:5px;
TEXT-ALIGN:left;
DISPLAY:block;
FONT-WEIGHT:normal;
LETTER-SPACING:1pt;}

#boxNewComment .side a:hover{}

#boxNewComment .side {visibility:hidden;}
#boxNewComment .side a{visibility:visible;}
.boxNewComment1 img {display:none;}
#boxNewComment .sidetitle .syndicate {DISPLAY:none;}

#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}

#boxCounter {
width:150px;
height:40px;
position:absolute;
top:15px;
left:5px;
background:#002FA7;
padding:5px;
}
#boxCounter .sidetitle{display:none;}
#boxCounter BR {}

#boxCounter .boxCounter0 .sidetitle{}
#boxCounter .boxCounter0 .sidetitle{}

#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {TEXT-ALIGN:left;color:#FFF;}

.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:10px;PADDING-TOP:10px;}

#boxRssList {
DISPLAY:none;}

div#article_counter {
TEXT-ALIGN:left;
width:250px;
padding-top:2px;
padding-bottom:2px;
COLOR:#002FA7;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
}

.cmt_floor_hide {
MARGIN-RIGHT:5px;
padding:5px;
FLOAT:left;
TEXT-ALIGN:center;
font-family:Verdana, Tahoma, Arial Black, sans-serif;
font-size:8pt;
COLOR:#002FA7;
display:inline;}

.cmt_floor {
display:none;}


#boxWho {
position:absolute;
top:75px;
left:685px;
}
#boxWho .sidetitle {display:none;}
#boxWho #whowrapper {padding:5px;width:12px!important;height:18px!important;}

#boxWho LI {
margin:0px 0px 0px 0px!important;
WIDTH:12px!important;
HEIGHT:25px!important;
background:#f0f0f0;
}

#boxWho LI IMG {
WIDTH:12px!important;
HEIGHT:25px!important;}

#boxWho #whowrapper LI A {}
#boxWho LI A IMG {
FILTER:alpha(opacity=0);}

#boxWho #whowrapper LI A:hover IMG {
background:#f0f0f0;
border:#f0f0f0 3px solid;
padding:2px 2px 2px 2px;
FILTER:alpha(opacity=100);
POSITION:relative;
WIDTH:25px!important;
HEIGHT:25px!important;}

#boxWho input {
WIDTH:15px!important;
HEIGHT:15px!important;
}

li.boxGiftLink {display:none;}
li.boxAddFriendLink {display:none;}
.vip_icon{display:none;}
#boxSearch {display:none;}
.innertext form input{}

#friendlist {
display:none;}

#footer {
MARGIN-LEFT:5px;background:url(http://pics1.yamedia.tw/28/userfile/r/ryohei0221/album/14cae96610d765.png) no-repeat left;width:480px;HEIGHT:10PX;
}