/*-----CSS Design By Pieda-------*/
/*www.wretch.cc/blog/soundquietly*/


/* General Set
-----------------------------------------*/
BODY {
color:#00334C;
margin:0px;
FONT-FAMILY:verdana;
background:url(http://img51.imageshack.us/img51/3176/lt4f.gif) no-repeat;
background-attachment:fixed;
background-repeat:repeat;}

body {cursor:crosshair;}
a:hover {cursor:crosshair;}

A {
COLOR:#BBD6FF;
TEXT-DECORATION:none;}

A:hover {
COLOR:#00334C;
background:#BBD6FF;}


HTML{
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#BBD6FF;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;}


/* container
-----------------------------------------*/
#container1 {
color:#00334C;
WIDTH:800px;
POSITION:relative;
BACKGROUND:transparent;
MARGIN:0px auto;}


/* footer
-----------------------------------------*/
#footer {clear:both;height:70px;width:300px;
background:url(http://imageshack.com/scaled/medium/843/eocr.png);
BACKGROUND-REPEAT:no-repeat;float:right;}
#footer {margin-left:0px;}


/* banner and pageheader
-----------------------------------------*/
#banner {
BACKGROUND:#eeeeee;
text-align:center;
width:550px;height:412px;
background:url(http://imageshack.com/scaled/large/443/p88q.jpg) no-repeat;
margin-left:0px;margin-top:0px;}

#pageheader h1 {text-align:justify;text-justify:inter-ideograph;}

#pageheader h1 a {
FONT-WEIGHT:bold;
FONT-SIZE:22px;
font-family:simhei;
COLOR:#BBD6FF;
text-align:justify;text-justify:inter-ideograph;
border-left:#BBD6FF 5px solid;border-right:#BBD6FF 5px solid;
position:absolute;left:0px;top:24px;
}

#pageheader h1 a:hover {
COLOR:#00334C;
border-left:#00334C 5px solid;border-right:#00334C 5px solid;
background:url(http://imageshack.com/a/img208/6806/4x1.gif);}

#pageheader h1 .description{display:none;}

.description {
FONT-SIZE:10px;
FONT-WEIGHT:100;
position:absolute;top:50px;left:0px;
width:280px;height:20px;
overflow:auto;overflow-x:hidden;
border-left:#BBD6FF 5px solid;
padding:5px;color:#BBD6FF;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#BBD6FF;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
.description:hover {
COLOR:#00334c;border-left:#00334C 5px solid;
background:url(http://imageshack.com/a/img208/6806/4x1.gif);}


INPUT {
BACKGROUND:#BBD6FF;
BORDER:#BBD6FF 1px solid;
FONT-SIZE:7pt;
color:#ffffff;
padding:2px;}


/* main
-----------------------------------------*/
#main2 {
margin-top:20px;margin-left:0px;}



/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:0px;
margin-top:50px;
margin-bottom:50px;
WIDTH:550px;
BACKGROUND-COLOR:#ECECFF;}

.date {
BORDER-RIGHT-STYLE:SOLID;border-color:#BBD6FF 3px solid;
padding:5px;
FONT-WEIGHT:200;
FONT-SIZE:11px;
COLOR:#BBD6FF;
BACKGROUND:#ECECFF;
TEXT-ALIGN:right;
float:right;}
.date:hover {COLOR:#00334C;}

.blogbody {
PADDING:15px;
MARGIN-BOTTOM:15px;}

.title {
PADDING-LEFT:0px;
FONT-WEIGHT:bold;
FONT-SIZE:14px;
font-family:simhei;
letter-spacing:1px;
border-bottom:#ddd 1px solid;
COLOR:#8180C6;}

.title:hover {
COLOR:#00334c;}

.innertext {
PADDING-LEFT:5px;
FONT-WEIGHT:normal;
FONT-SIZE:8pt;
line-height:180%;
color:#00334C;}

.extended {
FONT-SIZE:8pt;
text-align:right;}

.extended a{color:#BBD6FF;}

.extended A:hover {
color:#00334C;
background:#BBD6FF;}

.posted {
FONT-SIZE:7pt;
TEXT-ALIGN:right;
COLOR:#BBD6FF;
line-height:200%;}

.posted A {
COLOR:#BBD6FF;}

.posted A:hover {
color:#00334C;
background-color:#BBD6FF;}

.articletext TABLE {
font-size:11px;
color:#00334C;
line-height:200%;}

.articletext a{color:#00334C;}

.articletext a:hover{color:#000;text-decoration:line-through;}


/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:500px;
BORDER:none;
MARGIN-TOP:10px;
PADDING-TOP:10px;
COLOR:#BBD6FF;
}

.trackback-url {
font-size:7pt;
color:#BBD6FF;}

.trackbacks-head {
BORDER:#BBD6FF 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;
color:#BBD6FF;}

.comments-body {
BORDER:0px;
FONT-SIZE:7pt;
COLOR:#00334C;
}

.comments-post {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#BBd6FF;
padding-top:20px;
padding-bottom:20px;}

.comments-user {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#BBd6FF;
padding-top:20px;
padding-bottom:20px;}


.comments-body FORM {
FONT-SIZE:7pt;
COLOR:#00334C;}

.comments-bottom {
font-size:1px !important;
text-align:right;
color:#ECECFF;
background:url(http://imageshack.com/scaled/medium/46/7dpd.png);
width:500px;height:40px;}

.comments-body TEXTAREA {COLOR:#BBD6FF;}

.comments-reply {
color:8180C6;background:#ECECFF;}

.blogbody textarea {COLOR:#00334C;background:#BBD6FF;}
.blogbody textarea a {COLOR:#00334C;background:#BBD6FF;}
.blogbody textarea a:hover{COLOR:#BBD6FF;background:#00334C;}

.postisAuth {filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postemail {filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postweb　{filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postisAuth a {filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postemail a {filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postweb　a {filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.postisAuth a:hover {filter:alpha(opacity=100);opacity:1;zoom:1;}
.postemail a:hover {filter:alpha(opacity=100);opacity:1;zoom:1;}
.postweb　a:hover {filter:alpha(opacity=100);opacity:1;zoom:1;}


#push {font:10px verdana!important;border:0px dashed #7c788f!important;color:#000!important;
background:#fff!important;float:right!important;padding-bottom:10px!important;}
#push span {margin-bottom:5px;color:#5e5e5e!important;
border-left:0px #808080 solid;background:#eeeeee !important;font:20px Arial!important;
font-weight:bold!important;}.clearfix a.push {font:17px SimHei!important;
color:#000!important;background:#eeeeee!important;border:none!important;}
.clearfix a.pull {font:17px SimHei!important;color:#000!important;background:#eeeeee!important;
border:none!important;}.clearfix a:hover.push , .clearfix a:hover.pull{color:#808080!important;}
#push a {padding:3px!important;width:33px!important;}


/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
WIDTH:185px;
COLOR:#BBD6FF;
BACKGROUND:none;
}

#links a {
line-height:200%;}

.sidetitle {
BORDER:none;
PADDING:5px;
MARGIN:0px;
FONT-SIZE:8pt;
FONT-WEIGHT:bold;
FONT-STYLE:normal;
LETTER-SPACING:1pt;
BACKGROUND-color:#ffffff;
TEXT-ALIGN:center;
}

.side {
FONT-SIZE:7pt;
BACKGROUND:none;
color:#BBD6FF;
}
.side a{}
.side a:hover{color:#00334C;}

.calendar {
FONT-SIZE:7pt;
COLOR:#BBD6FF;
BACKGROUND:transparent;}

DIV.calendar A {
FONT-SIZE:7pt;
COLOR:#fff;
FONT-FAMILY:verdana;}

DIV.calendar A {
DISPLAY:none;}

#boxSlideShow {DISPLAY:none;}

#serviceList  {position:absolute;top:0px;left:0px;}
#serviceList LI {float:left;margin:0px 0px 0px 0px;}
#serviceList LI A {
display:block;text-align:center;letter-spacing:1px;padding:5px;
width:100px;background:#BBD6FF;color:#fff;font:7pt verdana;
}
#serviceList LI A:hover{color:#fff;background:#00334C;}

.boxMySpace0{display:none;}
#blogCategory{display:none;}
.boxAddFriendLink a {display:none;}
.boxMySpace1 select {display:none;}
.boxMySpaceImg{display:none;}


#boxNewArticle .sidetitle{
font-size:8pt;
position:absolute;top:392px;left:0px;
width:179px;height:10px;
padding:5px;color:#BBD6FF;background:#ECECFF;
}

#boxNewArticle .side{
font-size:7pt;
padding-left:5px;
position:absolute;top:412px;left:0px;
width:180px;height:60px;
overflow:auto;overflow-x:hidden;
padding:5px;color:#BBD6FF;background:#ECECFF;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#BBD6FF;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

#boxNewArticle .side a{color:#BBD6FF;}
#boxNewArticle .side a:hover{color:#00334C;}

.boxNewArticle1 img {display:none;}

#boxCategory .sidetitle{
font-size:8pt;
position:absolute;top:392px;left:188px;
width:171px;height:10px;color:#BBD6FF;background:#ECECFF;
}

#boxCategory .side{
font-size:7pt;
color:#BBD6FF;background:#ECECFF;
padding-left:5px;
position:absolute;top:412px;left:188px;
width:171px;height:60px;
overflow:auto;overflow-x:hidden;
padding:5px;color:#BBD6FF;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#BBD6FF;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

#boxCategory  .side a{color:#BBD6FF;}
#boxCategory  .side a:hover{color:#00334C;}



#boxDate {display:none;}
#boxSearch {display:none;}


#boxNewComment .sidetitle{
font-size:8pt;
position:absolute;top:392px;left:369px;
width:172px;height:10px;
padding:5px;color:#BBD6FF;background:#ECECFF;
}

#boxNewComment .side{

position:absolute;top:412px;left:369px;
width:172px;height:60px;
overflow:auto;overflow-x:hidden;
padding:5px;color:#BBD6FF;background:#ECECFF;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#BBD6FF;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

#boxNewComment  .side a{color:#BBD6FF;}
#boxNewComment  .side a:hover{color:#00334C;}

.boxNewComment1 img{display:none;}

#boxNewTrackback {display:none;}

#boxFolder .sidetitle{
font-size:10pt;
position:absolute;top:00px;left:550px;
width:200px;height:20px;
color:#BBD6FF;
}

#boxFolder .side{
background:#ECECFF;color:#BBD6FF;width:200px;opacity:0.8;zoom:1;
position:absolute;top:28px;left:551px;
}
#boxFolder  .side a{color:#BBD6FF;}
#boxFolder  .side a:hover{color:#00334C;}


#serviceList #linkVideo {display:none;}
.boxMySpace0{display:none;}
.boxMySpace1 select {display:none;}
#linkMypage {display:none;}
#serviceList #linkMypage {display:none;}
#boxCounter .sidetitle {DISPLAY:none;}
#boxCollectionCategory {DISPLAY:NONE!important;}
#boxCollection {DISPLAY:NONE!important;}
#boxNewTrackback {DISPLAY:NONE!important;}


#boxCounter {text-align:right;
POSITION:absolute;TOP:50px;LEFT:290px;WIDTH:250px;height:20px;
background:none;padding:3px;
COLOR:#BBD6FF;BORDER-right:#BBD6FF 5px solid;}
#boxCounter:hover{COLOR:#00334C;BORDER-right:#00334C 5px solid;
background:url(http://imageshack.com/a/img208/6806/4x1.gif);}
.boxCounter1 .side BR {DISPLAY:none;}


#boxWho .sidetitle {DISPLAY:none;}
#boxWho INPUT {DISPLAY:none!important;}
#boxWho {
POSITION:absolute;WIDTH:200px;HEIGHT:30px;TOP:17px;LEFT:298px;}
#boxWho DIV#whowrapper {padding-right:350px;
WIDTH:350px !important;HEIGHT:24px !important;}
#boxWho LI {
BORDER:#BBD6FF 1px solid;
WIDTH:22px !important;HEIGHT:22px !important;}
#boxWho LI IMG {
BORDER:#00334C 1px solid;FILTER:alpha(opacity=0);
WIDTH:22px !important;HEIGHT:22px !important;}
#boxWho LI A:hover IMG {FILTER:alpha(opacity=100);}

.syndicate {display:none;}