/*
天下雜誌
css by spagyric, http://www.wretch.cc/blog/spagyric
*/


/* general set
---------------------------- */
body {
background: #827F78 url('http://l.yimg.com/e/style/4/413/body.gif') repeat-y 50% 0%;
margin: 0;
padding: 0;
font-size: .8em;
font-family: Arial;
color: #555;
}
a {
color: #333;
}
a:hover {
color: red;
}

/* container
---------------------------- */
#container1 {
width: 774px;
margin: 0 auto;

}



/* banner
---------------------------- */
#banner {
height: 195px;
background: url('http://l.yimg.com/e/style/4/413/banner.jpg') no-repeat left top;
}
#banner h1 {
margin: 0;

font-size: 15px;
font-weight: normal;
color: white;
text-align: right;
padding-right: 10px;
}
#banner h1 a {
color: white;
}
#description2 {
padding-top: 150px;
text-align: right;
padding-right: 10px;
color: white;
}

/* content
---------------------------- */
#content {
float: left;
width: 550px;
padding-left: 20px;
}
.date {
text-align: right;
color: #BBB;
}
.title {
margin: 0;
border-left: 8px solid #EE9B34;
padding-left: 5px;
border-bottom: 1px dotted #888;
}
.extended {
text-align: right;
}
.posted {
margin-bottom: 10px;
color: #666;
font-size: 11px;
text-align: center;
}


/* comments
---------------------------- */

.comments-head {
margin: 0;
border-left: 8px solid #BC0021;
padding-left: 5px;
border-bottom: 1px dotted #888;
font-size: 1.5em;
font-weight: bold;
}
.trackbacks-head .comments-head {
border-left-color: #00B3ED;
}
.comments-bottom .comments-head {
border-left-color: #9CCB00;
}
.comments-body {
background: #f7f7f7;
}
.comments-body p {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.comments-post {
border-bottom: 1px dotted #888;
background: #eee;
margin-bottom: 10px;
font-size: 10px;
text-align: right;
}

.comments-body form br {
font-size: .1em;
}
#name_id ,
#email,
#url {
width: 97%;
}

/* links
---------------------------- */
#links {
font-size: 12px;
width: 180px;
float: right;
}
#links a {
color: #777;
}
#links a:hover {
color: deeppink;
}
.sidetitle {
background: url('http://l.yimg.com/e/style/4/413/sidetitle.gif') no-repeat left top;
padding-left: 20px;
padding-top: 7px;
height: 18px;
color: white;
}


/* links detail
---------------------------- */
div.calendar {
font-size: 10px;
}
#boxProfile .sidetitle img {
height: 15px;
}

#boxProfile .sidetitle {
background-position: 0px 0px;
}
#boxSlideShow .sidetitle {
background-position: 0px -25px;
}
#boxMusic .sidetitle {
background-position: 0px -50px;
}
#boxNewArticle .sidetitle {
background-position: 0px -75px;
}
#boxCategory .sidetitle {
background-position: 0px -100px;
}
#boxDate .sidetitle {
background-position: 0px -125px;
}
#boxSearch .sidetitle {
background-position: 0px -150px;
}
#scupioSearch .sidetitle {
background-position: 0px -175px;
}
#boxNewComment .sidetitle {
background-position: 0px 0px;
}
#boxRssList .sidetitle {
background-position: 0px -25px;
}
#boxNewTrackback .sidetitle {
background-position: 0px -50px;
}
#boxFolder .sidetitle {
background-position: 0px -75px;
}
#boxCounter .sidetitle {
background-position: 0px -100px;
}

#boxNewComment .side {
text-align: right;
font-size: 11px;
padding-right: 10px;
}
#boxNewComment .side br {
display: none;
}
#boxNewComment .side a {
display: block;
text-align: left;
font-size: 12px;
}

#boxNewTrackback .side {
text-align: right;
font-size: 11px;
padding-right: 10px;
}
#boxNewTrackback .side br {
display: none;
}
#boxNewTrackback .side a {
display: block;
text-align: left;
font-size: 12px;
}
#boxNewTrackback .side span a {
display: inline;
font-size: 11px;
text-decoration: none;
}


/* 
---------------------------- */




