.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;  
}
/* 上方區塊 start */

#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;
	}
	
/* 上方區塊 end */
#top_back {
  height:25px;
	width:100%;
}
#topBody {
	height:25px;
	width:100%;
	top: 0px;
	z-index: 100;
	position: fixed;
	text-align: left; 
	font-family: Arial,Sans-serif;
	 border-bottom: #d0d0d0 1px solid;
	 background: url(/_img/top-back.gif) repeat-x top  ;
}

#roodo_logo {
	margin-left:10px;
	line-height:25px;
	color:#999;
	font-size:12px;
	float: left;
}
#roodo_logo a {
	margin-left:4px;
	margin-right:3px;
	color:#929292;
	text-decoration:none;
}
#roodo_logo a:hover {
	color:#df0024;
}

#topnav {
	margin: 4px 0px 0px; 
	padding: 0px; 
	text-align: right; 
	color: rgb(214, 214, 214); 
	font-size: 12px; 
	float: right;
}
#topnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 3px;
	right: 5px;
}
#topnav li {
	padding: 0px 1px; display: inline;
}
#topnav li.first {
	padding: 0px 5px 0px 0px; color: rgb(62, 62, 62); border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}


a.topside {
	line-height:20px;
	color: rgb(130, 130, 130); 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
}
a.topside:link {
	color: rgb(130, 130, 130);
}
a.topside:visited {
	color: rgb(130, 130, 130); 
}
a.topside:hover {
	color: rgb(223, 0, 36); 
}

.search_top {
  float: left;
  margin-left: 7px;
  display: block;
  height: 24px;
  width: 140px;
  background-color: white;
  border: 1px solid #d0d0d0;
}

/* line 213, ../sass/waterfall.scss */
.search-text {
  display: block;
  font-size: 13px;
  color: #766c54;
  line-height: 25px;
  text-indent: 5px;
  height: 26px;
  width: 120px;
  border-width: 0px;
  border-style: none;
  background-color: transparent;
}
.search-btn {
	float:right;
	margin-top:-28px;
	border:0px;
	border-style:none;
	}
.search-btn img {
 border:0px;
 }
 
.adw{
	margin-left:10px;
	line-height:25px;
	font-size:12px;
	text-indent:20px;
	float:left;
	background:url(/_img/top-arrow.gif) no-repeat left;
	}
.adw a{
	text-decoration:none;
	color:#333;
	}
.adw a:hover{
	text-decoration:none;
	color:#df0024;
	}

body {
	margin: 0px;
}

/* end top and footer css */BODY {
font-family:Arial, Helvetica, sans-serif;
width:100%;
color:#666;
height:100%;
text-align:center;
background-color:#C2C2C2;
font-size:12px;
line-height:150%;
background-image:url(http://blog.roodo.com/theme/news/bg.gif);
background-repeat:repeat-y;
background-position:50%;
margin:0;
}

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

A.acontinues:hover {
color:#555;
text-decoration:none;
}

#container {
width:740px;
text-align:left;
color:#999;
background-image:url(http://blog.roodo.com/theme/news/top.gif);
background-repeat:no-repeat;
margin:0 auto;
}

#banner {
width:740px;
height:120px;
}

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

#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-size:12px;
padding-top:70px;
text-align:left;
padding-left:20px;
}

.description {
font-size:13px;
color:#333;
text-align:left;
padding-left:20px;
}

#content {
float:left;
width:540px;
margin-right:0;
margin-bottom:0;
padding-bottom:0;
}

.blog {
margin:0 25px;
}

.date {
font-size:12px;
color:#999;
height:20px;
margin-left:0;
padding-top:10px;
padding-bottom:10px;
}

.blogbody {
margin-bottom:10px;
background-color:#FFF;
border-bottom:#CCC 1px solid;
border-right:#CCC 1px solid;
padding:10px;
}

.title {
padding-left:22px;
font-size:12px;
color:#999;
height:20px;
background-image:url(http://blog.roodo.com/theme/2005/titlebg.gif);
background-repeat:no-repeat;
padding-top:5px;
}

.main {
font-size:12px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
line-height:180%;
margin:15px 10px;
}

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

.posted {
font-size:11px;
color:#666;
text-align:right;
margin:0 10px 5px;
}

.menu {
font-size:12px;
color:#666;
text-align:right;
}

.comments-head {
padding-left:22px;
font-size:12px;
padding-bottom:5px;
color:#666;
padding-top:5px;
height:25px;
border-bottom:#CCC 1px solid;
background-image:url(http://blog.roodo.com/theme/2005/titlebg.gif);
background-repeat:no-repeat;
}

.comments-body {
font-size:12px;
line-height:150%;
color:#666;
background-color:#F2F2F2;
margin:20px 10px 20px 50px;
padding:20px;
}

.comments-post {
font-size:12px;
color:#666;
text-align:right;
margin:0 10px 25px;
}

.trackback-url {
font-size:13px;
color:#999;
background-color:#F2F2F2;
padding-left:5px;
margin:20px 0 15px;
}

.trackback-body {
font-size:13px;
line-height:135%;
margin:20px 0 15px 13px;
}

.trackback-post {
font-size:12px;
color:#666;
text-align:right;
margin:0 0 25px;
}

TABLE.form {
margin:25px 0 0 13px;
}

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

#author {
width:200px;
border-bottom:#aaa 1px solid;
border-top:#FFF 1px solid;
border-left:#FFF 1px solid;
border-right:#FFF 1px solid;
}

#email {
width:200px;
border-bottom:#aaa 1px solid;
border-left:#FFF 1px solid;
border-right:#FFF 1px solid;
border-top:#FFF 1px solid;
}

#url {
width:200px;
border-bottom:#aaa 1px solid;
border-top:#FFF 1px solid;
border-right:#FFF 1px solid;
border-left:#FFF 1px solid;
}

#text {
width:350px;
height:150px;
border:#aaa 1px solid;
}

.pagetop {
font-size:12px;
text-align:right;
margin:5px 0;
}

#links {
float:right;
width:190px;
position:static;
text-align:left;
padding-top:20px;
left:0;
right:130px;
}

.calendarhead {
font-size:11px;
color:#06C;
padding-top:12px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
height:20px;
width:90%;
padding-bottom:5px;
}

.calendartable {
width:80%;
text-align:center;
margin-bottom:5px;
}

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

.calendarwd {
background-image:url(http://blog.roodo.com/theme/colorful_cup/46bg.gif);
background-repeat:no-repeat;
}

.calendard {
empty-cells:show;
}

.calendar {
font-size:12px;
color:#B6B6B6;
}

.sidetitle {
font-size:11px;
padding-bottom:5px;
color:#06C;
padding-top:13px;
text-align:left;
width:90%;
}

.side {
font-size:12px;
padding-bottom:5px;
line-height:200%;
text-align:left;
background-image:url(http://blog.roodo.com/theme/colorful_cup/46bg.gif);
background-repeat:no-repeat;
width:90%;
margin:0 0 10px;
}

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

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

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

.pict {
margin:5px;
}

.photo {
text-align:left;
margin:5px 0 5px 5px;
}

.nickname {
font-size:12px;
color:#666;
margin:10px 0;
}

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

.quote {
font-size:12px;
color:#CCC;
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:10px;
font-size:12px;
}

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

A:visited,A.aposted:visited,A.atrackback-post,A.atrackback-post:link,A.atrackback-post:visited {
color:#999;
text-decoration:underline;
}

A:hover,A.acalendar:hover,A.amenu:hover,A.aposted:hover,A.aside:hover {
color:#F90;
text-decoration:none;
}

A.acalendar,A.acalendar:link {
color:#000;
text-decoration:underline;
}

A.acalendar:visited,A.amenu:visited,A.aside:visited {
text-decoration:underline;
color:#999;
}

A.acontinues,A.acontinues:link {
color:#555;
text-decoration:underline;
}

#banner A,#banner A:link {
color:#333;
text-decoration:none;
}

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

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

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