/*
巧克力重擊 Chocolate Rap
css & design by spagyric, http://www.wretch.cc/blog/spagyric
*/

/* general set
-------------------------- */
body {
background:url('http://l.yimg.com/e/style/3/320/body.gif') #000 repeat-y 50% 0%;
font:.8em Arial;
color:#333;
margin:0px;
}
a {
color:#BD0E0E;

}
a:hover {
color:red;
}

/* container
-------------------------- */
#container1 {
width:996px;
overflow:hidden;
margin:0px auto;
position:relative;
}


/* banner and pageheader
-------------------------- */
#banner {
background:url('http://l.yimg.com/e/style/3/320/banner.jpg') no-repeat left top;
height:261px;
}
#pageheader {
background:url('http://l.yimg.com/e/style/3/320/pageheader.jpg') no-repeat 500px 0px;
height:261px;
}
#banner h1 {
margin:0px;
font-size:14px;
font-weight:normal;
}
#banner h1 a {
position:absolute;
display:block;
top:0px;
left:0px;
padding-top:191px;
height:70px;
padding-left:220px;
width:415px;
}
#banner h1 .description {
position:absolute;
top:210px;
left:280px;
}
#banner #description2 {
position:absolute;
top:80px;
left:550px;
width:190px;
}

/* main
-------------------------- */
#main2 {
background:url('http://l.yimg.com/e/style/3/320/main2.gif') no-repeat 723px 223px;
height:681px;
}


/* content
-------------------------- */
#content {
width:750px;
float:left;
background:url('http://l.yimg.com/e/style/3/320/content.gif') no-repeat 250px 0px;
}
.blog {
margin-left:250px;
width:500px;
background:url('http://l.yimg.com/e/style/3/320/blog.jpg') no-repeat 417px 0px;
}
.date {

border-bottom:1px solid black;
padding-top:9px;
font-weight:bold;

padding-left:10px;
width:428px;
}
.title {
margin:0px;
margin-left:10px;
}
.innertext {
padding-left:40px;
padding-right:10px;
}
.extended {
text-align:right;
padding-right:20px;
}
.posted {
font-size:11px;
text-align:center;
}
/* comments
-------------------------- */
.total-comments-div {
margin-left:50px;
margin-right:50px;
border-top:1px solid black;
padding-top:10px;
margin-top:10px;
}
.comments-head {
background:url('http://l.yimg.com/e/style/3/320/date.gif') no-repeat left top;
padding-top:13px;
height:27px;
color:white;
padding-left:20px;
font-weight:bold;
}
.comments-post {
font-size:11px;
text-align:right;
border-bottom:1px solid black;
}

.comments-body form br {
font-size:.1em;
}

#name_id, 
#email, 
#url {
width:98%;
}

#text {
width:98%;
}

/* links
-------------------------- */
#links {
width:220px;
float:right;
margin-top:230px;
color:#777;
font-size:11px;
}
#links2 {
margin-right:20px;
}
#links a {
color:#aaa;
}
#links a:hover {
color:#fff;
}

#divThird {
width:200px;
position:absolute;
top:980px;
left:30px;
}

.sidetitle {
color:#fff;
border-bottom:1px solid white;
}


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

#boxSlideShow input {
color:#ccc;
background:black;
border:1px solid #666;
}

#boxSearch input {
background:black;
border:1px solid #777;
color:#ccc;
}
#boxSearch input .filtered99999  {
border:0px;
}

#scupioSearch {
display:none;
}

#boxNewComment .side {
text-align:right;
}
#boxNewComment .side br {
display:none;
}
#boxNewComment .side a {
display:block;
text-align:left;
}

#boxRssList .side {
text-align:right;
}
#boxRssList .side br {
display:none;
}
#boxRssList .side a {
display:block;
text-align:left;
}

#boxNewTrackback .side {
text-align:right;
}
#boxNewTrackback .side br {
display:none;
}
#boxNewTrackback .side a {
display:block;
text-align:left;
}
#boxNewTrackback .side span a {
display:inline;
color:#777;
}

#links .powered .powerlogo img {
display:none;
}
#links .powered .powerlogo {
display:block;
width:180px;
height:111px;
background:url('http://l.yimg.com/e/style/3/320/logo.gif') no-repeat left top;
}
#links .powered input {
border:1px solid #666;
color:#ccc;
background:black;
}
#links .powered input .filtered99999  {
border:0px;
}

/* extraDiv and footer
-------------------------- */
#extraDiv1 {
position:absolute;
top:0px;
left:750px;
width:249px;
height:261px;
background:url('http://l.yimg.com/e/style/3/320/extradiv1.jpg') no-repeat left top;
}
#extraDiv1 span {
display:block;
position:absolute;
top:261px;
left:0px;
width:200px;
height:223px;
background:url('http://l.yimg.com/e/style/3/320/extradiv1span.jpg') no-repeat left top;
}

#extraDiv2 {
position:absolute;
top:261px;
left:39px;
width:211px;
height:245px;
background:url('http://l.yimg.com/e/style/3/320/extradiv2.jpg') no-repeat left top;
}
#extraDiv2 span {
display:block;
position:absolute;
top:245px;
left:0px;
width:211px;
height:128px;
background:url('http://l.yimg.com/e/style/3/320/extradiv2span.jpg') no-repeat left top;
}

#extraDiv3 {
position:absolute;
top:634px;
left:39px;
width:211px;
height:108px;
background:url('http://l.yimg.com/e/style/3/320/extradiv3.jpg') no-repeat left top;
}
#extraDiv3 span {
display:block;
position:absolute;
top:108px;
left:-39px;
width:250px;
height:236px;
background:url('http://l.yimg.com/e/style/3/320/extradiv3span.jpg') no-repeat left top;
}