@charset "utf-8";
/* home layout */
#wrapper { height: 1250px; }

a:link { text-decoration: underline; color: #333; outline: none; }
a:hover { text-decoration: none; background: #333; color: #fff!important; }
a:visited { text-decoration: none; color: #666; }
a:active { text-decoration: none; color: #fff!important; background: #c00; }

/* recommend banner */
#recommend { position: absolute; top: 0; left: 20px; z-index: 5; }
#recommend h3 { display: none; }

.pageid-821 #container { position: absolute; left: 20px; top: 500px; z-index: 10; width: 720px; padding: 30px 80px 0 80px; background: none; }
.pageid-821 #content { float: left; width: 370px; background: none; margin: 0; padding: 0 30px 0 0; }
.pageid-821 #content h3#recent_posts { background: url(../images/title_posts.png) no-repeat top left; width: 135px; height: 25px; display: block; overflow: hidden; font-size: 0.1em; text-indent: -1000em; }
.pageid-821 #content .hentry { width: 370px; background: url(../images/line.png) repeat-x center bottom; clear: both; 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: #333; 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; }

.pageid-821 #access { position: relative; #position: absolute; z-index: 9; width: 100%; height: 135px; }

/* .sidebar */
#home_bar { width: 320px; }
#home_bar ul li { width: 100%; }
#home_bar #text-6 { background: url(../images/twitter_bg.png) no-repeat left 15px; }
#home_bar #text-6 h3 { background: url(../images/title_twitter.png) no-repeat top left; width: 145px; height: 25px; display: block; overflow: hidden; font-size: 0.1em; text-indent: -1000em; }
#home_bar #text-6 .followme { position: absolute; z-index: 10; top: 5px; right: 70px; }
#home_bar #text-6 .followme a { background: url(../images/twitter_bird.png) no-repeat; width: 60px; height: 60px; display: block; overflow: hidden; font-size: 0.1em; text-indent: -1000em; }
#home_bar #text-6 #twitter_update_list { display: block; width: 320px; height: 100px; margin-top: 5px; overflow: hidden; font-size: 0.9em; }
#home_bar #text-6 #twitter_update_list li { display: block; width: 290px; height: 80px; padding: 10px 15px; }
#home_bar #text-6 #twitter_update_list li a { color: #aaa; font-size: 0.8em; }
#home_bar #text-6 #twitter_update_list li span a { color: #333; font-size: 1em; }

#text-7 { margin-top: 10px; }
#text-7 h3.widgettitle { display: block; width: 100%; height: 25px; text-indent: -1000em; font-size: 0.1em; overflow: hidden; background: url(../images/title_greader.png) no-repeat left top; }
#text-7 div h3 { display: none; }
#text-7 div { margin-top: 5px; }
#text-7 ul { display: block; width: 100%; height: 10px; background: url(../images/line.png) repeat-x center top; }
#text-7 ul li { display: block; width: 100%; overflow: ellipsis; background: url(../images/line.png) repeat-x center bottom; padding-top: 5px; padding-bottom: 5px; }
#text-7 ul li a { color: #777; text-decoration: none; }
#text-7 ul li a:hover { color: #333; text-decoration: none; }
#text-7 .f { display: none; }

#page_bar { width: 720px; margin-top: 16px;  }
#page_bar ul li { width: 320px; float: left; margin: 0; }
#page_bar ul li h3 { padding-bottom: 10px; }
.sidebar ul li#flickr-sidebar { margin-right: 80px; }
.sidebar ul li#flickr-sidebar h3 { font-size: 0.1em; text-indent: -1000em; border-top: 0 none; background: url(../images/title_photos.png) no-repeat left top; }
.sidebar ul li#flickr-sidebar a { }
.sidebar ul li#flickr-sidebar a img { margin-right: 2px; margin-bottom: 1px;}

.sidebar ul li#lastfmrecordswidget-3 { }
.sidebar ul li#lastfmrecordswidget-3 h3 { font-size: 0.1em; text-indent: -1000em; background: url(../images/title_music.png) no-repeat left top; }
.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; }
.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; }