/*-------------------------------------------
    ★css&designed by [ waitingchou ] ★
http://www.wretch.cc/blog/waitingchou
-------------------------------------------------------------------*/

html{
background: #F4FCE6 url('http://l.yimg.com/e/style/6/616/html.jpg') repeat-y center top;
font-size: 13px;
}

body{
background: url('http://l.yimg.com/e/style/6/616/body.jpg') repeat-x left top;
margin: 0px;
font-family: Arial;
SCROLLBAR-FACE-COLOR: #e5f3f1;
SCROLLBAR-ARROW-COLOR: #A2D7DC;
SCROLLBAR-TRACK-COLOR: #e5f3f1;
SCROLLBAR-BASE-COLOR: #A2D7DC
}

a{
text-decoration: none;
color: #01B7EC;
}
a:hover{
color: #C0C1C1;
}

#container1{
width: 760px;
margin: 0 auto;
background: url('http://l.yimg.com/e/style/6/616/container.jpg') repeat-y left top;
position: relative;
}

#container2{
position: relative;
}



#extraDiv1{
background: url('http://l.yimg.com/e/style/6/616/extradiv1.jpg') no-repeat left top;
width: 13px;
height: 430px;
position: absolute;
top:0px;
left:-13px;
}
#extraDiv2{
background: url('http://l.yimg.com/e/style/6/616/extradiv2.jpg') no-repeat left top;
width: 13px;
height: 430px;
position: absolute;
top:0px;
right: -13px;
}


/*---------------BANNER--------------*/
#banner{
height: 430px;
background: url('http://l.yimg.com/e/style/6/616/banner.jpg') no-repeat left top;
}
#pageheader{
width: 340px;
position: relative;
left: 390px;
top: 20px;
text-align: right;
}

h1{
font-size: 22px;
color: #008071;
}
h1 a{
color: #fff;
}
h1 a:hover{
color: #D3D4D4;
}
h1 .description{
font-size: 18px;
}

#description2 .description{
color: #BCFDF1;
}


/*------------------CONTENT------------*/
#content{
width: 485px;
float: left;
padding-left: 33px;
color: #555;
}
.articletext{
background: #F0F8F7;
}
.date{
color: #60C488;
position: relative;
top: 16px;
left: 70px;
*left: -48px;
}


.title{
height: 55px;
background: url('http://l.yimg.com/e/style/6/616/title.jpg') no-repeat left top;
color: #008B83;
padding: 20px 5px 0px 70px;
margin: 0px;
}
.innertext{
padding: 5px 15px 20px 15px;
width: 450px;
overflow-x: auto;

}

.extended{
text-align: right;
padding-right: 20px;
}

.posted{
background: #F0F8F7;
padding-bottom: 10px;
text-align: right;
font-size: 12px;
padding-right: 20px;
margin-bottom: 10px;
}

.total-comments-div{
padding: 20px;
}
.trackbacks-head .comments-head{
background: url('http://l.yimg.com/e/style/6/616/trackback.jpg') no-repeat left top;
height:46px;
}
.comments-head{
background: url('http://l.yimg.com/e/style/6/616/comment.jpg') no-repeat left top;
height:46px;
text-indent: -5000px;
margin-top: 20px;
}
.comments-bottom .comments-head{
background: url('http://l.yimg.com/e/style/6/616/givecomment.jpg') no-repeat left top;
height:46px;
}

.comments-post{
border-bottom: 1px #65AEB9 solid;
font-size: 12px;
}

.comments-body p{
/*border: 1px red solid;*/
/*background: #D5F0EC;*/
padding-left: 30px;
}



/*----------------------LINKS-------------*/
#links{
width: 200px;
float: right;
padding: 10px 30px 10px 0px;
}

.calendar{
font-size: 11px;
}
div.calendar{
background: url('http://l.yimg.com/e/style/6/616/leaf.jpg') no-repeat right bottom;
padding-bottom: 40px;
padding-top: 15px;
margin-bottom: 10px;
}

.sidetitle{
background: url('http://l.yimg.com/e/style/6/616/sidetitle.jpg') repeat-y left top;
padding: 4px 0px 4px 5px;
color: #28858F;
font-weight: bold;
/*margin-top: 20px;*/
}
.side{
padding: 5px 5px 15px 10px;
/*text-align: right;*/
background: url('http://l.yimg.com/e/style/6/616/sidegb.jpg') repeat-y left top;
margin-bottom: 15px;
}

.side a{
color:#888;
}
.side a:hover{
color: #fff;
}

#boxMySpace .side{
background: url('http://l.yimg.com/e/style/6/616/sideg.jpg') repeat-y left top;
}
#boxSlideShow .side{
background: url('http://l.yimg.com/e/style/6/616/sideg.jpg') repeat-y left top;
}

#boxMusic .side{
background: url('http://l.yimg.com/e/style/6/616/sideg.jpg') repeat-y left top;
}

#boxFolder .side{
background: url('http://l.yimg.com/e/style/6/616/sideb.jpg') repeat-y left top;
}

#boxCounter .side{
background: url('http://l.yimg.com/e/style/6/616/sideb.jpg') repeat-y left top;
}

.powered{
font-size: 11px;
color: #888;
}
.powerlogo img{
display:none;
}
.powerlogo{
display: block;
background: url('http://l.yimg.com/e/style/6/616/logo.jpg') no-repeat left top;
height: 44px;
padding: 3px 0px;
}

/*------------FOOTER------------*/

#footer{
height: 39px;
background: url('http://l.yimg.com/e/style/6/616/footer.jpg') no-repeat left top;
clear: both;
}