.satom,.srss12,.sbblog,.scopyurl,.sblog,.sfb,.smagz,.splurk,.sroodo,.srss,.stwitter,.sbrss,.scc {background: url('http://cdn.rimg.tw/blog/images/bsprite.v1.2.png');}
.satom {background-position: -0px -0px; width: 131px; height: 15px;}
.srss12 {background-position: -0px -25px; width: 12px; height: 12px;}
.sbblog {background-position: -0px -47px; width: 131px; height: 34px;}
.scopyurl {background-position: -0px -91px; width: 55px; height: 18px;}
.sblog {background-position: -0px -119px; width: 45px; height: 26px;}
.sfb {background-position: -0px -155px; width: 15px; height: 15px;}
.smagz {background-position: -0px -180px; width: 62px; height: 26px;}
.splurk {background-position: -0px -216px; width: 15px; height: 15px;}
.sroodo {background-position: -0px -241px; width: 46px; height: 26px;}
.srss {background-position: -0px -277px; width: 27px; height: 15px;}
.stwitter {background-position: -0px -302px; width: 15px; height: 15px;}
.sbrss {background-position: -0px -327px; width: 131px; height: 15px;}
.scc {background-position: -0px -352px; width: 88px; height: 31px;}

.pic1 {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #e1e1e1 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #e1e1e1 1px solid; TEXT-ALIGN: center
}
.pic2 {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #e1e1e1 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e1e1e1 1px solid; TEXT-ALIGN: center
}
.space1 {
	MARGIN-BOTTOM: 1px
}
.space3 {
	MARGIN-BOTTOM: 3px
}
.space5 {
	MARGIN-BOTTOM: 5px
}
.space10 {
	MARGIN-BOTTOM: 10px
}
.space15 {
	MARGIN-BOTTOM: 15px
}
.space20 {
	MARGIN-BOTTOM: 20px
}
.space25 {
	MARGIN-BOTTOM: 25px
}
.space30 {
	MARGIN: 60px
}
.dir {
	FONT-SIZE: 13px; 
	padding: 5px 0px 5px 0px; 
	COLOR: #e1e1e1; 
	TEXT-ALIGN: center
}
.tools {
	MARGIN: 5px 0px
}
.adbox {
	padding: 15px 0px; LINE-HEIGHT: 130%
}
.adtext {
	FONT-SIZE: 12px
}

TABLE.form {
}
LABEL {
}

#ccode_ans {
	BORDER: #666666 1px solid; WIDTH: 50px;
}

#text {
	BORDER: #666666 1px solid; WIDTH: 370px; HEIGHT: 150px
}

.ccode_info {
	padding-left: 5px; FONT-SIZE: 12px; FONT-WEIGHT: normal;
}

.myicon {
}

.myicon img{
	BORDER: #ffffff 1px solid;
}

.myicon-c {
}

.myicon-c img {
	BORDER: #ffffff 1px solid; margin: 0px 0px 7px 0px;
}

.myicon-info {
	float: left; padding: 0px 0px 5px 5px; FONT-SIZE: 12px; FONT-WEIGHT: normal;
}

a.myicon:link {
	TEXT-DECORATION: none;  
}

a.myicon:visited {
	TEXT-DECORATION: none;  
}
/* ¤W¤è°Ï¶ô start */
BODY {
	MARGIN: 0px;
}

#roodo_logo {
	float: left;
}

#topnav {
	color: #d6d6d6;
	float: right;
	text-align: right;
	font-size: 12px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}
#topnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#topnav li {
	display: inline;
	padding: 0px 1px 0px 1px;
}
#topnav li.first {
	color: #3e3e3e;
	border-left: none;
	padding: 0px 5px 0px 0px;
}
#topBody {
  border-bottom: 1px solid #dcdcdc;
	font-family: Arial,Sans-serif;
	text-align: left;
	padding: 0px 2px 26px 5px;
	background-color: #ffffff;
}
A.topside { 
	font-size: 13px;
	font-family: arial, sans-serif;
	color: #828282;
	text-decoration: none;
}
A.topside:link {
	color: #828282;
	text-decoration: none;
}
A.topside:visited {
	color: #828282;
	text-decoration: none;
}
A.topside:hover {
	color: #df0024;
	text-decoration: underline;
}
#relative_article{};
#relative_article h3{
  font-size:0.75em;
	margin:5px 0;
	padding:0px;
	text-decoration: underline #666;
	}
#relative_article ul{
	margin:0;
	padding:0;
	padding-top:3px;
	overflow: hidden;
	height: 180px;
	list-style: none;
 }
#relative_article li{
	list-style:none;
	float:left; 
	border-left:1px solid #ccc;
	text-align:center;
	vertical-align: baseline;
	background: transparent;
	zoom: 1;
	
	 }
#relative_article li a {
	display:block;
	width:113px;
	height:170px; 
	
	}
#relative_article li a:hover {
	background: #EEE; 
	color: #666;
	}
	
.relative_photo img{
	padding:1px;
	border:1px solid #ccc;
	margin-bottom:5px;
	margin-top:5px;
	}
.relative_text{
	display: block;
	text-align: left;
	margin: 2px 10px 0 10px;
	line-height: 20px;
	overflow: hidden;
	}
/* ¤W¤è°Ï¶ô end */
html {
scrollbar-face-color:#333;
scrollbar-highlight-color:#888;
scrollbar-shadow-color:#222;
scrollbar-3dlight-color:#aaa;
scrollbar-arrow-color:#888;
scrollbar-track-color:#777;
scrollbar-darkshadow-color:#000;
}

BODY {
font-family:Arial, Helvetica, sans-serif;
width:100%;
color:#FFF;
text-align:center;
background-color:#FFF;
font-size:12px;
background-image:url(http://blog.roodo.com/v2music/86f4450b.gif);
background-repeat:repeat-x;
margin:0 auto;
}

A.acalendar:visited {
text-decoration:underline;
color:#FFF;
}

A.acontinues:visited {
text-decoration:underline;
color:#666;
}

A.amenu:visited {
text-decoration:none;
color:#000;
font-size:11px;
}

A.amenu:hover {
color:#666;
text-decoration:underline;
font-size:11px;
}

#container {
width:770px;
text-align:left;
border-right-color:#FFF;
border-right-style:solid;
border-right-width:5px;
border-left-color:#FFF;
border-left-style:solid;
border-left-width:5px;
margin:0 auto;
}

#banner {
width:770px;
height:140px;
background-image:url(http://blog.roodo.com/v2music/1dd9ea7e.gif);
background-repeat:no-repeat;
background-color:#FFF;
}

#banner A:visited {
text-decoration:none;
color:#FFF;
}

#subbanner A:visited {
text-decoration:none;
}

#subbanner A:hover {
color:#ccc;
text-decoration:underline;
}

H2 {
font-size:12px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

.blogtitle {
font-weight:400;
font-size:12px;
padding-top:90px;
text-align:right;
margin-bottom:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000;
width:500px;
padding-right:20px;
float:right;
}

.description {
font-size:11px;
color:#C3C3C3;
text-align:right;
width:500px;
float:right;
padding-right:20px;
}

#content {
float:right;
width:560px;
}

.blog {
float:right;
width:100%;
position:static;
font-size:11px;
text-align:left;
}

.date {
font-size:12px;
color:#FFF;
font-weight:400;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
background-image:url(http://blog.roodo.com/v2music/c0b5a95d.gif);
background-repeat:no-repeat;
padding-top:15px;
padding-left:10px;
height:26px;
margin-bottom:10px;
margin-top:10px;
}

.blogbody {
text-align:right;
height:100%;
}

.title {
font-size:15px;
color:#666;
font-weight:700;
text-align:left;
padding-right:5px;
padding-top:5px;
height:25px;
padding-left:25px;
background-color:#F6F6F6;
border-top-color:#666;
border-top-style:solid;
border-top-width:1px;
}

.main {
font-size:11px;
color:#000;
line-height:180%;
text-align:left;
height:100%;
background-image:url(http://blog.roodo.com/v2music/56a0ff70.gif);
background-color:#BFBFBF;
background-repeat:repeat-x;
padding:10px 10px 20px 20px;
}

.main-continues {
font-size:13px;
}

.posted {
font-size:11px;
color:#999;
text-align:right;
padding-top:2px;
padding-bottom:2px;
margin-bottom:10px;
border-top-color:#666;
border-top-style:solid;
border-top-width:1px;
}

A.aposted {
font-weight:none;
color:#FFF;
text-decoration:none;
}

A.aposted:active {
font-weight:none;
}

A.aposted:hover {
font-weight:none;
color:#999;
text-decoration:none;
}

.menu {
font-size:11px;
color:#CCC;
text-align:right;
}

.comments-head {
padding-left:25px;
font-size:15px;
color:#666;
text-align:left;
padding-right:5px;
padding-top:5px;
height:25px;
font-weight:700;
background-color:#F6F6F6;
border-top-color:#666;
border-top-style:solid;
border-top-width:1px;
}

.comments-body {
font-size:12px;
line-height:150%;
color:#FFF;
text-align:left;
background-color:#333;
padding:10px;
}

.comments-post {
font-size:12px;
color:#333;
text-align:right;
margin:0 0 15px;
padding:2px 10px 5px;
}

.trackback-url {
font-weight:400;
font-size:13px;
color:#666;
text-align:right;
background-color:#F6F6F6;
padding:5px 10px 5px 0;
}

.trackback-body {
font-size:12px;
line-height:135%;
color:#666;
text-align:left;
background-color:#F6F6F6;
padding:5px 10px 5px 20px;
}

.trackback-post {
font-size:12px;
color:#999;
text-align:right;
background-color:#FCFCFC;
padding:2px 5px;
}

TABLE.form {
float:left;
text-align:left;
border:#000 1px solid;
margin:20px 0;
}

LABEL {
font-weight:400;
font-size:12px;
color:#333;
}

#author {
width:200px;
border:#000 1px solid;
background-color:#FFF;
height:15px;
font-size:12px;
color:#000;
}

#text {
width:350px;
height:100px;
background-color:#FFF;
border:#000 1px solid;
font-size:12px;
color:#000;
}

.pagetop {
font-size:12px;
text-align:right;
margin-top:20px;
width:100%;
color:#FFF;
}

#links {
float:left;
width:200px;
padding-bottom:10px;
color:#000;
position:absolute;
top:150px;
text-align:center;
}

.calendarhead {
font-size:11px;
padding-bottom:2px;
color:#000;
padding-top:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
width:80%;
}

.calendartable {
width:100%;
padding-top:5px;
text-align:center;
height:80px;
border-bottom-color:#FFF;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#FFF;
border-left-color:#FFF;
border-right-style:solid;
border-left-style:solid;
border-left-width:1px;
border-right-width:1px;
padding-right:5px;
padding-left:5px;
margin-bottom:10px;
}

.calendarweek {
font-size:10px;
color:#666;
text-align:left;
padding-left:3px;
}

.calendarwd {
border-top-color:#FFF;
border-top-style:solid;
border-top-width:1px;
}

.calendard {
empty-cells:show;
}

.calendardbg {
height:10px;
background-image:url(http://blog.roodo.com/v2music/8a26d19b.gif);
}

.calendar {
font-size:10px;
color:#666;
line-height:100%;
}

.sidetitle {
font-size:11px;
padding-bottom:5px;
color:#FFF;
text-align:left;
margin-top:10px;
width:100%;
background-image:url(http://blog.roodo.com/v2music/beb64dd2.gif);
background-repeat:no-repeat;
height:30px;
padding-top:14px;
font-family:Arial, Helvetica, sans-serif, æ¨™æ¥·é«”;
font-weight:700;
padding-left:15px;
}

.side {
font-size:12px;
padding-bottom:5px;
line-height:150%;
padding-top:10px;
text-align:left;
color:#333;
}

.dir {
font-size:11px;
color:#999;
text-align:left;
}

A.aside:visited {
text-decoration:underline;
color:#333;
}

A.aside:hover {
color:#BFBFBF;
text-decoration:none;
}

A.arss {
color:#ddd;
text-decoration:underline;
}

A.arss:link {
color:#2d8d5f;
text-decoration:underline;
}

A.arss:visited {
color:#80b59c;
text-decoration:underline;
}

A.arss:hover {
color:#bababa;
text-decoration:none;
}

.pict {
margin:5px;
}

.photo {
text-align:center;
padding:5px;
}

.nickname {
font-weight:none;
font-size:12px;
color:#333;
text-align:center;
width:100%;
margin:10px 0;
}

.message {
font-size:12px;
color:#666;
}

.quote {
font-size:12px;
color:#666;
padding:1px;
}

.blogtimes {
text-align:center;
margin:0 0 15px;
}

.powered {
text-align:center;
margin:0 0 10px;
}

.syndicate {
text-align:center;
margin:5px 0;
}

.checkers {
margin-top:5px;
font-size:12px;
float:left;
}

#footer {
width:740px;
height:10px;
}

A,A:link,A:visited,A.acontinues,A.acontinues:link,A.atrackback-post:hover {
color:#666;
text-decoration:underline;
}

A:hover,A.acontinues:hover,A.atrackback-post,A.atrackback-post:link,A.atrackback-post:visited {
color:#000;
text-decoration:none;
}

A.acalendar,A.acalendar:link,#banner A:hover {
color:#FFF;
text-decoration:underline;
}

A.acalendar:hover,#banner A,#banner A:link {
color:#FFF;
text-decoration:none;
}

A.amenu,A.amenu:link {
color:#000;
text-decoration:none;
font-size:11px;
}

#subbanner A,#subbanner A:link {
color:#ccc;
text-decoration:none;
}

H1,H3 {
margin:0;
padding:0;
}

A.aposted:link,A.aposted:visited {
font-weight:none;
color:#333;
text-decoration:none;
}

#email,#url {
width:200px;
border:#000 1px solid;
height:15px;
font-size:12px;
color:#000;
}

A.aside,A.aside:link {
color:#333;
text-decoration:underline;
}
