@charset "utf-8";
/* home layout */

/* recommend banner */
#recommend { height: 240px; overflow: hidden; }
#recommend h3 { display: none; }

/* twitter */
#twitter { margin-top: 3px; height: 39px; overflow: hidden; background: url(../images/bg_line.png) repeat-x 0 33px; position: relative; }
#twitter h3 { position: absolute; background: url(../images/icon_twitter.png) no-repeat; width: 42px; height: 39px; font-size: 0.1em; text-indent: -1000em; }
#twitter .followme { float: right; }
#twitter .followme a { display: block; width: 67px; height: 21px; margin-top: 6px; margin-right: 5px; line-height: 21px; background: url(../images/btn_followme.png) no-repeat left center; font-size: 0.1em; text-indent: -1000em; }
#twitter .followme a:hover { background-position: right center; }
#twitter ul { margin-left: 50px; }
#twitter ul li { line-height: 33px; }
#twitter ul li span { color: #777; text-shadow: 1px 1px 0 #fff; }
#twitter ul li a { color: #bcbcbc; font-size: 0.8em; }

.pageid-821 #container { background: none; }
.pageid-821 #content { float: left; width: 570px; background: none; margin: 0; padding: 0; }
.pageid-821 #content .hentry { width: 570px; background: none; clear: both; border-bottom: 1px solid #e3e3e3; padding: 0 0 0.4em 0; }
.pageid-821 #content .hentry h2 { line-height: 1.2em; color: #666; padding-top: 0.4em; margin-bottom: 0; border: medium none; }
.pageid-821 #content .p1 .entry-title a { color: #000; text-decoration: none; }
.pageid-821 #content .hentry .entry-title:hover { background: url(../images/entrylist_hover.png) no-repeat center top; }
.pageid-821 #content .p1 .entry-title:hover { background: none; }
.pageid-821 #content .post .entry-meta { margin-top: 0; border: medium none; padding: 0;}
.pageid-821 #content .post .entry-content p { margin: 0; }

#GoogleReader-share, #delicious-bookmark { float: left; margin-top: 10px; width: 283px;}
#GoogleReader-share { margin-right: 4px; }
#readerpublishermodule0 h3, #delicious-bookmark h3 { width: 250px; height: 25px; margin: 0 17px 5px 16px; padding-top: 14px; text-indent: -1000em; font-size: 0.1em; }
#GoogleReader-share h3 { background: url(../images/title_greader.png) no-repeat center 14px; }
#delicious-bookmark h3 { background: url(../images/title_dbookmarks.png) no-repeat center 14px; }
#GoogleReader-share, #delicious-bookmark div { background: url(../images/home_listbg_bottom.png) no-repeat center bottom; padding-bottom: 10px;  }
#readerpublishermodule0, #delicious-bookmark { background: url(../images/home_listbg_top.png) no-repeat center top; }
#GoogleReader-share ul, #delicious-bookmark ul { background: url(../images/home_listbg.png) repeat-y center center; width: 250px; padding: 5px 17px 5px 16px; }
#GoogleReader-share li, #delicious-bookmark li { display: block; border-top: 1px solid #ececec; padding-top: 5px; padding-bottom: 5px; }
#GoogleReader-share li a, #delicious-bookmark li a { color: #777; text-decoration: none; }
#GoogleReader-share li a:hover, #delicious-bookmark li a:hover { color: #333; text-decoration: none; }
#delicious-bookmark li span.delicious-timestamp { float: right; *float: none; }
#delicious-bookmark li .delicious-timestamp { color: #b3b3b3; font-size: 0.8em; }
#GoogleReader-share .f { display: none; }

/* .sidebar */
.sidebar ul li#flickr-sidebar{ background: url(../images/icon_flickr.png) no-repeat 205px 15px; }
.sidebar ul li#flickr-sidebar h3 { font-size: 0.1em; text-indent: -1000em; border-top: 0 none; background: url(../images/title_flickr.png) no-repeat left 15px; }

.sidebar ul li#lastfmrecordswidget-3 { background: url(../images/icon_lastfm.png) no-repeat 210px 10px; }
.sidebar ul li#lastfmrecordswidget-3 h3 { font-size: 0.1em; text-indent: -1000em; background: url(../images/title_lastfm.png) no-repeat left 16px; }
.sidebar ul li#lastfmrecordswidget-3 ol li { float: left; display: inline; width: 75px; height: 75px; margin-right: 5px; margin-bottom: 5px; }
.sidebar ul li#lastfmrecordswidget-3 ol li img { width: 75px; height: 75px; }

.sidebar ul li#text-2 { background: url(../images/icon_douban.png) no-repeat 210px 10px; }
.sidebar ul li#text-2 h3 { font-size: 0.1em; text-indent: -1000em; background: url(../images/title_douban.png) no-repeat left 16px; }
.sidebar ul li#text-2 img { width: 75px; height: 110px; margin-right: 5px; margin-bottom: 5px; }

.sidebar ul li#text-3 h3 { font-size: 0.1em; text-indent: -1000em; background: url(../images/title_about.png) no-repeat left 16px; }
.sidebar ul li#text-3 .feedsky_rss { margin-top: 0.6em; margin-left: 1em; }

#about-me .rss-posts,
#about-me .rss-comments,
#about-me .rss-feedsky { padding-left: 1em; } 
#about-me .rss-feedsky { padding-top: 0.4em; }