/*
乳癌防治基金會, png6
6分鐘護一生
css by spagyric, http://www.wretch.cc/blog/spagyric
*/

/* general set
------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-size: .8em;
	font-family: Arial;
	color: #555;
	background: #eee;
}
a {
	color: #1886E4;
}
a:hover {
	color: #FF9000;
}

/* container
------------------------------ */
#container1 {
	width: 750px;
	margin: 0 auto;
	position: relative;
}

/* banner
------------------------------ */
#banner {
	background: url('http://l.yimg.com/e/style/4/414/banner_new.gif') no-repeat left top;
	height: 270px;
	width: 375px;
}
#banner h1 {
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 15px;
}
#banner h1 a {
	color: black;
	text-decoration: none;
}
#banner h1 a:hover {
	color: #333;
	text-decoration: underline;
}
#description2 {
	position: absolute;
	top: 85px;
	left: 10px;
	width: 350px;
	color: white;
}

/* main
------------------------------ */
#main2 {
	padding-top: 10px;
}

/* content
------------------------------ */
#content {
	width: 540px;
	float: left;
}
.date {
	_height: 10px;
	min-height: 10px;
	color: #DDD;
	text-align: right;
	font-size: 28px;
	letter-spacing: -0.1em;
	padding-top: 3px;
	padding-right: 10px;
	line-height: 20px;
	background: white url('http://l.yimg.com/e/style/4/414/date.gif') no-repeat left top;
}
.title {
	margin: 0;
	background: #DDD url('http://l.yimg.com/e/style/4/414/title.gif') no-repeat left top;
	padding-left: 30px;
	padding-top: 3px;
	overflow: hidden;
}
.blogbody {
	background: white url('http://l.yimg.com/e/style/4/414/blogbody.gif') no-repeat left bottom;
	margin-bottom: 10px;
}
.innertext {
	padding-left: 20px;
	padding-right: 20px;
}
.innertext img {
	max-width: 500px;
}
.extended {
	text-align: right;
	padding-right: 10px;
}
.posted {
	text-align: center;
	font-size: 12px;
}

#name_id ,
#email,
#url ,
#text {
	width: 97%;
	border: 1px solid #555;
}
.comments-body form {
	margin: 0;
	padding-left: 10px;
	padding-bottom: 10px;
}
.comments-body form br {
	font-size: .1em;
}

/* comments
------------------------------ */
.total-comments-div {
	padding-top: 10px;
}
.comments-head {
	color: #DDD;
	height: 22px;
	background: #DDD url('http://l.yimg.com/e/style/4/414/title.gif') no-repeat left top;
	padding-left: 30px;
	padding-top: 3px;
	font-size: 18px;
	font-weight: bold;
	color: black;
}
.comments-body {
	margin-left: 23px;
	background: #F5F5F5;
}
.comments-body p {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.comments-post {
	background: #FFF;
	text-align: right;
	font-size: 11px;
}

/* links
------------------------------ */
#links {
	width: 200px;
	float: right;
	font-size: 12px;
}

#links br {
	display: none;
}
* html #links br {
	display: none;
}
*html #links .side br {
	display: inline;
}

#links form {
	margin: 0;
}
.sidetitle {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #DDD;
}
.side {
	padding-left: 10px;
	padding-right: 10px;
}

/* links detail
------------------------------ */
div.calendar {
	font-size: 10px;
}

#boxProfile {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxProfile .boxProfile1 {
	background: whtie url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxSlideShow {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxSlideShow .boxSlideShow1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxMusic {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxMusic .boxMusic1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxNewArticle {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxNewArticle .boxNewArticle1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxCategory {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxCategory .boxCategory1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxDate {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxDate .boxDate1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxSearch {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxSearch .boxSearch1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#scupioSearch {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#scupioSearch .boxscupioSearch1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxNewComment {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxNewComment .boxNewComment1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxRssList {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxRssList .boxRssList1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxNewTrackback {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxNewTrackback .boxNewTrackback1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxFolder {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxFolder .boxFolder1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}

#boxCounter {
	padding-top: 10px;
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	border-bottom: 10px solid #eee;
}
#boxCounter .boxCounter1 {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
}


#boxNewComment .side {
	text-align: right;
	font-size: 11px;
}
#boxNewComment .side br {
	display: none;
}
#boxNewComment .side a {
	display: block;
	font-size: 12px;
	text-align: left;
}

#boxNewTrackback .side {
	text-align: right;
	font-size: 11px;
}
#boxNewTrackback .side br {
	display: none;
}
#boxNewTrackback .side a {
	display: block;
	font-size: 12px;
	text-align: left;
}
#boxNewTrackback .side span a {
	display: inline;
	font-size: 11px;
	color: #777;
	text-decoration: none;
}

#links div.syndicate {
	background: white url('http://l.yimg.com/e/style/4/414/box.gif') no-repeat left top;
	padding-top: 3px;
	text-align: center;
}
#links .powered {
	background: white url('http://l.yimg.com/e/style/4/414/box1.gif') no-repeat left bottom;
	padding-left: 10px;
	padding-bottom: 10px;
}
#links .powered br {
	display: inline;
}
#links .powered .powerlogo img {
	display: none;
}
#links .powered .powerlogo {
	display: block;
	width: 160px;
	height: 50px;
	background: url('http://l.yimg.com/e/style/4/414/logo_new.gif') no-repeat left top;
}

/* extraDiv and footer
------------------------------ */
#extraDiv1 {
	position: absolute;
	top: 0px;
	left: 375px;
	width: 375px;
	height: 70px;
	background: url('http://l.yimg.com/e/style/4/414/extraDiv1.jpg') no-repeat left top;
}
#extraDiv2 {
	position: absolute;
	top: 70px;
	left: 375px;
	width: 375px;
	height: 100px;
	background: url('http://l.yimg.com/e/style/4/414/extraDiv2.jpg') no-repeat left top;
}
#extraDiv3 {
	position: absolute;
	top: 170px;
	left: 375px;
	width: 375px;
	height: 100px;
	background: url('http://l.yimg.com/e/style/4/414/extraDiv3.jpg') no-repeat left top;
}