.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 */
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;
	}
/* 上方區塊 end */
BODY {
font-family:Arial, Helvetica, sans-serif;
width:100%;
color:#FFF;
height:100%;
text-align:center;
font-size:10px;
background-repeat:repeat;
background-position:50% 0;
background-color:#000;
margin:0;
}

A.acalendar {
color:#9C0;
text-decoration:underline;
}

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

A.acalendar:hover {
color:#FFF;
text-decoration:underline;
font-weight:700;
}

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

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

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

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

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

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

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

#banner {
width:900px;
height:550px;
background-image:url(http://photo.roodo.com/photos/1137343_e9kbgkl_l.jpg);
background-repeat:no-repeat;
}

#banner A:link {
color:#866F3D;
text-decoration:none;
font-weight:700;
font-size:15px;
}

#banner A:visited {
text-decoration:none;
color:#866F3D;
font-weight:700;
font-size:15px;
}

#banner A:active {
font-weight:700;
font-size:15px;
}

#banner A:hover {
color:#866F3D;
text-decoration:underline;
font-weight:700;
font-size:15px;
}

#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:220px;
text-align:right;
margin-bottom:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000;
width:500px;
float:right;
padding-right:55px;
}

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

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

.blog {
float:right;
width:550px;
margin-right:20px;
}

.date {
font-size:12px;
color:#966D37;
font-weight:700;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
height:30px;
width:550px;
background-image:url;
padding-top:10px;
padding-right:8px;
}

.blogbody {
text-align:right;
width:550px;
background-repeat:repeat-y;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
}

.title {
font-size:13px;
color:#966D37;
font-weight:700;
text-align:left;
padding-top:35px;
height:65px;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/72cfcf5a.gif);
background-repeat:no-repeat;
padding-left:70px;
}

.main {
font-size:11px;
color:#CCC;
line-height:180%;
text-align:left;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
background-repeat:repeat-y;
padding:10px 20px 20px;
}

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

.posted {
font-size:11px;
color:#999;
text-align:center;
height:65px;
padding-top:25px;
padding-bottom:10px;
padding-left:0;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/80925df9.gif);
background-repeat:no-repeat;
}

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

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

.comments-head {
font-size:15px;
color:#930;
text-align:left;
padding-top:20px;
background-repeat:no-repeat;
background-position:1px;
height:40px;
font-weight:700;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
padding-left:20px;
}

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

.comments-post {
font-size:12px;
color:#666;
text-align:left;
width:550px;
margin:0 0 25px;
padding:2px 20px 5px;
}

.trackback-url {
font-weight:400;
font-size:13px;
color:#FFF;
text-align:left;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
background-repeat:repeat-y;
padding:5px 20px;
}

.trackback-body {
font-size:12px;
line-height:135%;
color:#930;
text-align:left;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/1649547_7g0t3uf_l.jpg);
background-repeat:repeat-y;
padding:5px 20px;
}

.trackback-post {
font-size:12px;
color:#666;
text-align:left;
width:550px;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
background-repeat:repeat-y;
margin:10px 0 30px;
padding:2px 20px;
}

A.atrackback-post:hover {
color:#FCC;
text-decoration:underline;
background-repeat:repeat-y;
background-image:url(http://blog.roodo.com/cltheatre/bdfc7f36.gif);
}

TABLE.form {
float:left;
text-align:left;
margin:20px 0 20px 20px;
}

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

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

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

#links {
float:left;
width:200px;
padding-bottom:10px;
color:#999;
position:absolute;
top:560px;
margin-left:30px;
text-align:center;
}

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

.calendartable {
width:85%;
padding-top:5px;
text-align:center;
height:80px;
border-bottom-color:#CCC;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#CCC;
border-left-color:#CCC;
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:#960;
text-align:left;
padding-left:3px;
}

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

.calendard {
empty-cells:show;
}

.calendardbg {
height:10px;
background-image:url(http://blog.roodo.com/cltheatre/47f39e9b.gif);
}

.calendar {
font-size:10px;
color:#996;
line-height:100%;
padding-left:3px;
}

.sidetitle {
font-size:11px;
padding-bottom:5px;
color:#966D37;
text-align:center;
margin-top:10px;
width:200px;
background-repeat:no-repeat;
height:42px;
padding-top:15px;
padding-right:5px;
font-weight:700;
background-image:url(http://photo.roodo.com/photos/legend20/1649547.html);
}

.side {
font-size:12px;
line-height:150%;
text-align:left;
color:#999;
width:175px;
padding:10px 5px 5px;
}

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

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

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 {
background-color:#6B4F27;
margin:5px;
}

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

.nickname {
font-weight:700;
font-size:12px;
color:#993;
text-align:left;
width:80%;
margin:10px 0;
}

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

.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.acalendar:link,A.aside {
color:#FFF;
text-decoration:underline;
}

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

A.amenu:link,A.aside:hover {
color:#999;
text-decoration:none;
}

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

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

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

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