.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:#999;
height:100%;
text-align:center;
background-color:#555;
font-size:15px;
line-height:160%;
background-image:url(http://blog.roodo.com/avant1997/e09a6d6c.gif);
background-position:50% 0;
background-repeat:repeat-y;
margin:0;
}

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

A.acalendar:visited {
text-decoration:none;
color:#000;
}

A.amenu {
color:#930;
text-decoration:none;
}

A.amenu:visited {
text-decoration:none;
color:#999;
}

A.amenu:hover {
color:#333;
text-decoration:underline;
}

#container {
width:960px;
text-align:left;
margin:0 auto;
}

#banner {
width:960px;
height:240px;
background-image:url(http://blog.roodo.com/avant1997/66f1cca5.jpg);
background-repeat:no-repeat;
}

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

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

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

.blogtitle {
font-size:23px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
padding-right:120px;
padding-top:20px;
letter-spacing:2px;
}

.description {
font-size:19px;
color:#fff;
text-align:left;
padding-left:10px;
}

#content {
float:right;
width:75%;
}

.blog {
width:100%;
float:right;
margin:15px 0 0;
}

.date {
font-size:15px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
text-align:right;
font-weight:400;
padding-right:5px;
border:1px dotted #666;
height:26px;
margin-right:20px;
}

.blogbody {
padding-right:10px;
padding-left:10px;
margin-bottom:10px;
padding-bottom:10px;
}

.title {
padding-left:10px;
font-size:17px;
color:#000;
padding-top:10px;
font-weight:700;
}

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

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

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

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

.comments-head {
font-size:17px;
color:#000;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
border-top-color:#000;
border-top-style:dotted;
border-top-width:1px;
padding:10px 0 2px 10px;
}

.comments-body {
font-size:15px;
line-height:160%;
color:#666;
border-left-color:#aaa;
border-left-style:solid;
border-left-width:1px;
border-right-color:#aaa;
border-right-style:solid;
border-right-width:1px;
border-top-color:#aaa;
border-top-style:solid;
border-top-width:1px;
margin:10px 20px 0;
padding:10px;
}

.comments-post {
font-size:13px;
color:#666;
text-align:right;
padding-right:10px;
border-left-color:#aaa;
border-left-style:solid;
border-left-width:1px;
border-bottom-color:#aaa;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#aaa;
border-right-style:solid;
border-right-width:1px;
padding-bottom:5px;
margin:0 20px 20px;
}

.trackback-url {
font-size:15px;
color:#666;
margin:10px 0 15px 20px;
}

.trackback-body {
font-size:15px;
line-height:160%;
color:#666;
margin:10px 10px 20px 20px;
}

.trackback-post {
font-size:13px;
color:#666;
text-align:right;
margin:10px;
}

TABLE.form {
margin:30px 20px 0;
}

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

#text {
width:650px;
height:180px;
border:#aaa 1px solid;
}

.pagetop {
font-size:15px;
text-align:right;
padding-right:20px;
padding-top:20px;
margin:5px 0;
}

#links {
float:left;
width:20%;
text-align:center;
padding-top:15px;
margin-left:5px;
position:static;
}

.calendarhead {
padding-right:2px;
font-size:11px;
padding-bottom:2px;
color:#000;
padding-top:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:2px;
background-image:url(http://blog.roodo.com/theme/colorful_cup/46bg.gif);
background-repeat:no-repeat;
width:90%;
margin:0;
}

.calendartable {
width:90%;
text-align:center;
float:none;
line-height:120%;
margin:0 0 10px;
}

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

.calendard {
empty-cells:show;
}

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

.sidetitle {
font-size:15px;
font-weight:BOLD;
border:1px DOTTED #666;
color:#666;
padding-top:3px;
text-align:center;
width:100%;
margin-left:10px;
letter-spacing:13px;
}

.side {
font-size:13px;
padding-bottom:5px;
line-height:190%;
padding-top:15px;
text-align:left;
width:100%;
color:#000;
margin:0 0 10px 12px;
}

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

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

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

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

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

img {
border:0;
}

img.frame {
border:3px solid #000;
}

blockquote {
color:#000;
font-family:Verdana, Geneva, Arial;
background:#EEE;
margin-left:30px;
margin-right:30px;
padding:20px;
}

.pict {
margin:5px;
}

.photo {
text-align:center;
}

.nickname {
font-size:15px;
font-weight:BOLD;
color:#000;
margin:10px 0;
}

.message {
font-size:13px;
text-align:left;
}

.quote {
font-size:15px;
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 5px 23px;
}

.checkers {
margin-top:10px;
font-size:12px;
}

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

A:hover,A.acalendar:hover,A.acontinues:hover,A.aposted:hover,A.atrackback-post:hover,A.aside:hover {
color:#666;
text-decoration:underline;
}

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

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

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

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

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

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

#author,#email,#url {
width:260px;
border:#aaa 1px solid;
}