/*
Theme Name: sofished daily
Theme URI: http://www.happinesz.cn/
Description: 这是由sofish私人提供的主题。1元抢购，限量15件。详情请看我的网店：<a href="http://shop59608902.taobao.com/">ZIPPO收藏夹</a>，谢谢！
Version: 1.0
Author: <a href="http://www.happinesz.cn/">sofish Lin</a>
*/

@import url('main.css');

/* Layout
--------------------------------------------*/
#container{margin:0;background:url(images/wrapper.png) repeat-y left top;position:relative;}
#content{margin:0;line-height:150%;width:610px;}
#footer{clear: both;}

/* Main Reset
--------------------------------------------*/
*{padding:0;margin:0;}
html{background:url(images/html.jpg) repeat left top;}
body {
background:url("images/body1.jpg") repeat fixed center top transparent;
font:16px 'Lucida Grande', Geneva, Arial, Verdana, 'Lucida Sans Unicode', Helvetica, sans-serif;
}
a{text-decoration:none;color:#000;}
a:hover{color:#f36;}
#wrapper{width:800px;margin:0 auto;padding:25px 0;}
#content, #header, #footer{padding-left:105px;}

/* Header
--------------------------------------------*/
#header{height:366px;background:url(images/header.png) no-repeat left top;position:relative;z-index:5;}
#backhome a{display:block;text-indent:-9999em;background:url(images/backhome.png) no-repeat left top;width:31px;height:33px;position:absolute;top:60px;right:20px;}
#backhome a:hover{background-position:left bottom;}
#isearchform{float:right;width:174px;position:relative;right:70px;top:17px;}
input#is{width:100px;border:1px solid #aaa;padding:1px;}
input#is:focus{border-color:#f73;}
input#isearchsubmit{font:bold 15px "Comic Sans MS", "Century Gothic", Arial;background:none;border:none;color:#000;}
input#isearchsubmit:hover{color:#f36;}
#header h1 a, #description{margin-top:60px;margin-bottom:57px;}
#header h1 a{display:block;margin-right:-88px;color:#000;font-size:16px;font-weight:normal;float:right;}
#header h1 a:hover{color:#09f;}
#header h1 a span{color:#f36;margin-right:7px;}
#description{float:left;font-weight:normal;font-size:14px;line-height:1.5em;}

/* Topnav
--------------------------------------------*/
#topnav ul{clear:both;margin-left:-105px;width:80px;}
#topnav ul li{list-style:none;}
#topnav ul li a{display:block;width:80px;text-indent:-9999em;height:54px;}
#topnav ul li a.iruriringo{background:url(images/ruriringo.png) no-repeat left top;}
#topnav ul li a.idaydream{background:url(images/daydream.png) no-repeat left top;}
#topnav ul li a.ianalytics{background:url(images/analytics.png) no-repeat left top;}
#topnav ul li a.iechope{background:url(images/echope.png) no-repeat left top;}
#topnav ul li a.ielysion{background:url(images/elysion.png) no-repeat left top;}
#topnav ul li a.ireading{background:url(images/reading.png) no-repeat left top;}
#topnav ul li a.ibungaku{background:url(images/bungaku.png) no-repeat left top;}
#topnav ul li a.iarchive{background:url(images/about.png) no-repeat left top;}
#topnav ul li a.icontact{background:url(images/contact.png) no-repeat left top;}
#topnav ul li a.ilink{background:url(images/link.png) no-repeat left top;}
#topnav ul li a.idaydream:hover, 
#topnav ul li a.iruriringo:hover, 
#topnav ul li a.iechope:hover, 
#topnav ul li a.ireading:hover, 
#topnav ul li a.ielysion:hover, 
#topnav ul li a.ibungaku:hover, 
#topnav ul li a.ianalytics:hover, 
#topnav ul li a.icontact:hover,
#topnav ul li a.ilink:hover,
#topnav ul li a.iarchive:hover{background-position:left bottom;}
#topnav ul li.current_page_item a{text-decoration:underline;}

/* Categeory
--------------------------------------------*/
#list-cats{position:absolute;bottom:33px;left:130px;width:500px;}
#list-cats ul li{float:left;list-style:none;}
#list-cats ul li a{display:block;padding:0 10px;line-height:1em;}
#list-cats ul li a.ilife{color:#06f;}
#list-cats ul li a.imusic{color:#f36;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;margin-right:7px;}
#list-cats ul li a.idropdown{color:#f73;line-height:30px;width:50px;margin-top:-8px;position:relative;z-index:4;}
#list-cats ul li a.ilife:hover, #list-cats ul li a.imusic:hover, #list-cats ul li a.idropdown:hover{color:#9c0;}
#list-cats ul#sddm li div{top:-6px;position:absolute;visibility:hidden;z-index:2;}
#list-cats ul#sddm li div p.ba{width:460px;/*to make it visiable in IE*/margin-bottom:0;height:30px;background:url(images/others.png) no-repeat left top;z-index:3;position:relative;}
#list-cats ul#sddm li div p.bb{width:450px;position:relative;margin-bottom:0;border:1px solid #d9d9d9;margin-top:-1px;z-index:2;background:#fff;}
#list-cats ul#sddm li div a {font:12px Georgia, "Times New Roman", Times, serif;display:inline;position:relative;padding:0 10px;line-height:28px;color:#06c;font-size:14px;}
#list-cats ul#sddm li div a:hover {text-decoration:underline;color:#f60;}

/* Content
--------------------------------------------*/
#container{position:relative;z-index:5;}
#content{font-size:14px;}
.ihr .entry-content, .uhr .entry-content{padding-bottom:35px;}
.uhr .entry-content{background:url(images/end.gif) no-repeat left bottom;border-top:30px solid #fff;padding-bottom:40px;}
.post-info{position:absolute;top:-58px;right:0;font-size:16px;}
.post-info a{color:#06c;}
.post-info a:hover{font-weight:bold;color:#f30;}
.post-info span.dy{display:inline-block;font-size:13px;color:#06c;width:100px;border-bottom:1px solid #d9d9d9;padding-bottom:1px;text-align:center;}
.post-info span.single-dy{width:200px;}
.post-info span.date{width:85px;margin-right:25px;}

.post-info-index{position:relative;top:0px;right:0px;font-size:16px;margin-bottom:0px;float:right;}
.post-info-index a{color:#06c;}
.post-info-index a:hover{font-weight:bold;color:#f30;}
.post-info-index span.dy{display:inline-block;font-size:13px;color:#06c;width:100px;border-bottom:1px solid #d9d9d9;padding-bottom:1px;text-align:center;}
.post-info-index span.single-dy{width:200px;}
.post-info-index span.date{width:85px;margin-right:25px;}


#fir{position:relative;z-index:10;width:610px;}
#fir .post{margin-top::-27px;}
.entry-title-div{clear:both;padding-bottom:45px;}
.entry-title-index{float:left;font-size:18px;margin-bottom:10px;line-height:35px;}
.entry-title{clear:both;font-size:18px;margin-bottom:10px;line-height:35px;}
.entry-info, .entry-info a{color:#777;}
.entry-meta{background:url(images/end.gif) no-repeat left bottom;padding-bottom:15px;margin-bottom:15px;}
.entry-meta span{margin-right:15px;}
.navigation{height:1em;padding-bottom:30px;border-bottom:1px dotted #d9d9d9;}
.alignleft{float:left;}
.alignright{float:right;}

/* 404 Page
--------------------------------------------*/
.noresults h3{font-weight:normal;font-size:16px;}
.noresults .entry-content a{border-bottom:none;}
#noresults-s{padding:1px 5px;border:1px solid #b9b9b9;}
#noresults-searchsubmit{background:#9c0;font-weight:bold;color:#fff;border:2px solid #9c0;}
input#noresults-searchsubmit:hover{color:#f36;}

/* Comments List and Respond Form
--------------------------------------------*/
#comments{position:relative;margin-top:20px;border-bottom:1px dotted #d9d9d9;height:290px;font-size:14px;}
#comments a{color:#f36;}
#comments a:hover{text-decoration:underline;}
.comments-list {padding:10px 0 10px 10px;}
.comments-list li{list-style:none;border-bottom:1px solid #d9d9d9;margin-bottom:10px;}
.comments-list li p{margin-bottom:10px;}
.avatar{float:left;display:inline;margin-right:10px;padding:3px;border:1px solid #d9d9d9;}
.comments-list cite, .comments-list cite a{color:#f36;font-weight:bold;font-style:normal;}
#comments small.comments-meta,#comments small.comments-meta a{color:#888;}
#respond{width:287px;height:250px;}
#respond h3{background:#9c0;line-height:1em;padding:3px 10px;color:#fff;margin-bottom:15px;}
form#commentform{position:relative;}
p.utype{line-height:1.5em;padding-left:3px;padding-top:5px;}
p.form-label{margin-bottom:7px;width:250px;padding-left:20px;}
.form-label label{font-size:16px;line-height:1em;width:50px;display:inline-block;color:#f36;}
.form-label input{width:170px;border:none;border-bottom:1px solid #d9d9d9;}
#cbox{position:relative;width:287px;}
textarea#comment{width:273px;border:1px solid #d9d9d9;height:93px;background:none;padding:5px;overflow:auto;}
input#submit{display:block;width:75px;height:15px;background:url(images/submit.png) no-repeat left top;border:none;position:absolute;top:7px;font:bold 12px/12px "Comic Sans MS", "Century Gothic", Arial;right:0;color:#09f;text-align:center;text-indent:-9999em;}
input#submit:hover{color:#f36;background-position:left bottom;}

/* Footer
--------------------------------------------*/
#footer{position:relative;height:290px;background:url(images/footer.png) no-repeat left bottom;padding-top:30px;}
#rssfeed a{display:block;text-indent:-9999em;background:url(images/rssfeed.png) no-repeat left top;width:75px;height:47px;position:absolute;top:30px;right:100px;}
#rssfeed a:hover{background-position:left bottom;}
#flickr_badge_uber_wrapper{position:relative;margin-right:40px;background:url(images/gallery.gif) no-repeat left top;height:189px;width:213px;float:left;padding:12px 0 0 11px;}
#flickr_www{font:normal 14px "Comic Sans MS", "Century Gothic", Arial;position:absolute;left:41px;top:178px;}
#flickr_badge_wrapper{width:202px;height:158px;overflow:hidden;}
#signature{background:url(images/signature.png) no-repeat left bottom;position:absolute;right:0;width:250px;height:127px;bottom:70px;}
#copyright{position:absolute;bottom:19px;left:115px;font:11px Georgia, "Times New Roman", Times, serif;color:#fff;}

/* Footer Posts
--------------------------------------------*/
#sec{float:left;width:280px;}
#sec h3{font:normal 16px "Comic Sans MS", "Century Gothic", Arial;margin-bottom:10px;}
#sec ul{border-bottom:10px solid #fff;}
#sec li{font:13px Arial, Helvetica, sans-serif;color:#9c0;padding:4px 0;border-bottom:1px solid #d9d9d9;}
#sec a.iarchives{background:url(images/allpost.gif) no-repeat left top;height:25px;width:70px;padding-left:13px;font:bold 11px/25px Arial, Helvetica, sans-serif;color:#000;display:block;border-top:5px solid #fff;}
#sec a.iarchives:hover{background-position:left bottom;color:#fff;}

/* Scroll Bar
--------------------------------------------*/
#scroll {border:5px solid #e1e1e1;border-right-width:1px;width:305px;float:right;height:263px;position:relative;overflow:auto;}
#scrollcontent {position:absolute;width:265px;z-index:200;}
#scrollbar {float:right;position:relative;display:none;width:15px;height:263px;z-index:100;background:url(images/scroll-bg.gif) repeat 0 0;}
.scroller {position:absolute;top:0;width:15px;padding:10px 0;cursor:pointer;background:#9c0 url(images/scroll-arrows.gif) no-repeat center center;}
.buttonclick {background-color:#f60;}
