@charset "utf-8";
@import url("reset.css");
@import url("pagenav.css");
/* Sushimonster  Typography  Styles
	Updated:	April 9, 2009 Tuesday, 5:00 am
	Theme:		Green Leaf
	Description:This my theme designed for the one who love leaves.
	Themeurl:	http://7-leaf.cn
	Author:		Joyanne Shao
	Blog url:	http://7-leaf.cn 
   -------------------------------------------*/
body{ background:#fff url(images/repeat.gif) repeat-x top; font: normal 12px/16px "宋体", Verdana, Geneva, sans-serif; color:#555; line-height:1.8em;}
a{ color: #996;}
h3{ color:#560; font-size:122%; line-height:16px;}
small{ font-size:11px; line-height:15px;}
input{ border:1px #a4b97f solid;}
input{ background:#efc; color:#150; font-weight:bold;}
.wrapper{ margin:0 auto; width:960px; height:auto; background:#fff url(images/bodyBg.jpg) center top no-repeat;}
#loading{z-index:1;padding:5px 0 5px 9px;background:#c44;left:0;top:0;width:180px;color:#fff;position:fixed;}
.header{ padding:160px 0 0 70px; width:560px; height:130px;}
.header h1{ padding-left:400px;}
.desc{ padding:5px 0 0 160px; width:335px; text-align:right; color:#c2c200; line-height:16px;}
.layout1,.layout2{ float:left;}
.layout1 { width:410px; padding:0 95px 0 170px;}
.layout2 { color:#eee; width:245px; margin-top:-6em; }

.mainer{}
.mainer p{ text-indent:2em;}
.mainer h2{ display:none;}
.layout1 a,.layout2 a{ text-decoration: underline; }
.layout2 a:hover,.layout2 a:hover{text-decoration:none;}

.layout1 a{ color: #690;}
.layout2 a{ color:#780;}
.layout2 p{ width:160px;}
.layout1 a:hover{ color: #aco; }
.layout1 h3 a{ color:#560; text-decoration:none;}
.layout1 h3 a:hover{ color:#790; text-decoration:underline;}
.layout2 h3{ width:62%; padding-top:1%; margin:1% 0; height:1.4em; text-indent:1em; background:#f0f7e5; border-left:solid #90a172 5px;}
.layout2 .pannel h3{ background:#f0f7e5 url(images/click.gif) 96% 50% no-repeat;}
.show{ background:url(images/slide.gif) left 8px no-repeat;}
.layout2 li li{ background:url(images/leafTip.gif) left top no-repeat; line-height:1.8em; margin-left:1em; padding-left:1.5em;}
#friendLink a{ padding-left:1em;}
.layout2 li#pages li{
	background:url(images/4leaf.gif) left center no-repeat; 
	}
.layout2 li ul{ width:80%;}
.post{ padding:1.8em 0 1em 0; border-bottom: dotted #dde183 1px;}
.post h3{ text-indent:25px;}
.post-info{ color:#999; line-height:25px; padding-left:20px;}
.post-info span{ padding:5px; font-size:11px;}
.post-info span a{ color:#9a0; text-decoration:none;}
.post-content{ padding:1em 0 0.1em 0;}
.post-content p img{ margin-left:-25px; width:410px;}
.post-content p img.n{ width:auto;}
span.time{ display:block; position: absolute; margin:-2em 0 0 -25px; width:40px; height:40px; overflow:hidden; opacity:0.7; filter:alpha(opacity=70);}
span.time em{ display:block; line-height:1.45em; text-align:center; font-family:Arial; font-size:14px; font-weight:bold;}
em.month{ background:#daf869; color:#060;}
em.day{ background:#4a7909; color:#fff;}
.post blockquote{ margin:1% auto; padding:2%; width:90%; background:#010; border:1px solid #000; text-indent:0; font-family:sans-serif; line-height:18px; color:#fff;}
.post blockquote p{text-indent:0 !important;}
.more{ width:100%; display: block; text-align:right; letter-spacing:10000; font-family:"Trebuchet MS"; font-weight:600; font-size:110%;}
span.feedme{ height:10px; position:relative; display: block; margin-top:25px; border-bottom:1px #ab8 dashed; clear:both;}
span.feedmea{ position:absolute; display: block; top:-10px;}
span.feedme a{ padding-right:3px; float:left;}
/*	pageNav
	----------------------------*/
.wp-pagenavi{ padding:10px 0 0 20px;}
/*	search
	----------------------------*/
#search h3{ display:none;}
#search input.type{ width:9em;}
#search input.sub{ width:2em; height:1.45em;}
.show-tags a{ text-decoration:none; color:#f60; padding:1%;}
.footer{ clear:both; text-align:center; padding-top:36px;}
.footer p{ font-size:10px; color:#aaa; font-family:"Comic Sans MS", cursive;}
/*	page
	----------------------------*/
.page-title{ text-align:center;}
.page-station{ height:auto; margin:5% 9%; padding:1%; border:solid #dd6 1px; background:#ffe; font-family: "Trebuchet MS"; line-height:16px; color:#913;}
.list{ padding:2% 0; border-top: dotted #dde183 1px }


/*	Single
	---------------------------*/
.relateInfo{ overflow:hidden;}
.relateInfo li{ text-indent:40px;}
.post-nav{ margin-top:4%; height:20px; line-height:20px; background:#eef;}
.previous{ float:left; padding-left:2%;}
.next{ float:right; padding-right:2%;}
/*	Comments
	---------------------------*/
.comments{}
.comment h3{ margin-bottom:10px;}
.comments-list li{ padding:2%; margin:2% 0; border:solid #efa 1px; background:#ffe;}
.comments-list li.odd{ background-color:#f9f9f9; border-bottom:solid #eee 1px;}
.comment-order{ margin-left:-1.5em; position:relative; font-size:20px; font-weight:900;}
.avatar{ padding:1px; width:32px; height:32px; border:solid #ddd 1px; background:#fff;}
.btn-reply{ padding-left:2%;}
.reply{ width:94%; margin:1%; padding:2%; border:solid #aaa 1px; background:#eee;}
.comment-data{ position:relative; top:-20px; width:100%;}
.comment-data cite{ font-weight:900;}
#comment{ max-width:98%; width:88%; height:150px; overflow-x: hidden; overflow-y: scroll; white-space:normal;}
.editComment, .editableComment,.textComment{display: inline;}
	
/*	Message
	---------------------------*/
.message h3{ text-indent:0; margin-bottom:10px;}
.message p{ padding:2px 0; text-indent:0;}
.message label{ padding-left:1%;}
/*	Note
	---------------------------*/
.note{ color:#eee;}	
	
/*	Feeds
	--------------------------*/	
#Feeds{ padding-top:2%;}	

/*	bookFeed
	--------------------------*/
#bookFeed{ margin-bottom:10px;}
#bookFeed td{ padding:0 5px;}
/*	leafAlbums
	-------------------------*/
#Album{ overflow:auto;}
#leafAlbum{ float:left; position:relative; padding:460px 10px 40px 10px; margin:25px 0 0 31px;}
#leafAlbum li img{ position:absolute; padding:1px; outline:1px solid #ccc; width:100px; height:100px; border:1px solid #333; background:#ccc;}
.mainer #leafAlbum p{ text-indent:-25px !important; display:inline; padding:0; margin:0; color:#666;} 
#leafAlbum li:target{ margin:1em 0; padding:0.5em; border:1px solid #dab69c; color:#ccc;}
#leafAlbum li:target p{ color:#000;}
#pic1 img{ top:10px; left:10px;}
#pic2 img{ top:10px; left:115px;}
#pic3 img{ top:115px; left:10px;}
#pic4 img{ top:115px; left:115px;}
#pic5 img{ top:115px; left:220px;}
#pic6 img{ top:220px; left:10px;}
#pic7 img{ top:220px; left:115px;}
#pic8 img{ top:220px; left:220px;}
#pic9 img{ top:10px; left:220px;}
#pic10 img{ top:325px; left:10px;}
#pic11 img{ top:325px; left:115px;}
#pic12 img{ top:325px; left:220px;}
#leafAlbum a:hover img{ z-index:100; margin:-35px 0 0 -35px; padding:5px; width:160px; height:160px; background:#ccc; border:1px solid #333;}
div.sexy-bookmarks {
	margin:20px 0 0 0;
	clear: both !important;
}
div.sexy-bookmarks-expand {
	height: 29px;
	overflow: hidden;
}
.sexy-bookmarks-bg-sexy,.sexy-bookmarks-bg-caring,.sexy-bookmarks-bg-caring-old,.sexy-bookmarks-bg-love,.sexy-bookmarks-bg-wealth {
	background-image:url('../images/sexy-trans.png') !important;
	background-repeat: no-repeat;
}
div.sexy-bookmarks-bg-sexy {
	padding: 28px 0 0 10px;
	background-position: left -348px !important;
}
div.sexy-bookmarks-bg-caring {
	padding: 26px 0 0 10px;
	background-position: left 0 !important;
}
div.sexy-bookmarks-bg-caring-old {
	padding: 26px 0 0 10px;
	background-position: left -748px !important;
}
div.sexy-bookmarks-bg-love {
	padding: 26px 0 0 10px;
	background-position: left -1148px !important;
}	
div.sexy-bookmarks-bg-wealth {
	margin-left: 15px !important;
	padding: 35px 0 0 20px;
	background-position: left -1535px !important;
}
div.sexy-bookmarks ul.socials {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	float: left;
}

div.sexy-bookmarks ul.socials li {
	display:inline !important;
	float:left !important;
	list-style-type:none !important;
	margin:0 !important;
	height:29px !important;
	width:60px !important;
	cursor:pointer !important;
	padding:0 !important;
}

div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after {
	content:none !important;
}

div.sexy-bookmarks ul.socials a {
	display:block !important;
	width:60px !important;
	height:29px !important;
	text-indent: -9999px !important;
	background-color:transparent !important;
}

div.sexy-bookmarks ul.socials a:hover {
	background-color:transparent !important;
}

.sexy-diigo,.sexy-diigo:hover,.sexy-digg,.sexy-digg:hover,.sexy-reddit,.sexy-reddit:hover,.sexy-stumbleupon,.sexy-stumbleupon:hover,.sexy-delicious,.sexy-delicious:hover,.sexy-yahoobuzz,.sexy-yahoobuzz:hover,.sexy-blinklist,.sexy-blinklist:hover,.sexy-technorati,.sexy-technorati:hover,.sexy-facebook,.sexy-facebook:hover,.sexy-twitter,.sexy-twitter:hover,.sexy-myspace,.sexy-myspace:hover,.sexy-mixx,.sexy-mixx:hover,.sexy-scriptstyle,.sexy-scriptstyle:hover,.sexy-designfloat,.sexy-designfloat:hover,.sexy-mail,.sexy-mail:hover,.sexy-comfeed,.sexy-comfeed:hover,.sexy-newsvine,.sexy-newsvine:hover,.sexy-devmarks,.sexy-devmarks:hover,.sexy-linkedin,.sexy-linkedin:hover,.sexy-google,.sexy-google:hover,.sexy-misterwong,.sexy-misterwong:hover,.sexy-izeby,.sexy-izeby:hover,.sexy-twittley,.sexy-twittley:hover,.sexy-tipd,.sexy-tipd:hover,.sexy-pfbuzz,.sexy-pfbuzz:hover,.sexy-friendfeed,.sexy-friendfeed:hover,.sexy-blogmarks,.sexy-blogmarks:hover,.sexy-fwisp,.sexy-fwisp:hover,.sexy-tumblr,.sexy-tumblr:hover{
	background:url('images/sexy-sprite.png') no-repeat !important;
}

.sexy-diigo {
	background-position:-910px bottom !important;
}
.sexy-diigo:hover {
	background-position:-910px top !important;
}
.sexy-digg {
	background-position:-980px bottom !important;
}
.sexy-digg:hover {
	background-position:-980px top !important;
}
.sexy-reddit {
	background-position:-700px bottom !important;
}
.sexy-reddit:hover {
	background-position:-700px top !important;
}
.sexy-stumbleupon {
	background-position:-630px bottom !important;
}
.sexy-stumbleupon:hover {
	background-position:-630px top !important;
}
.sexy-delicious {
	background-position:-1190px bottom !important;
}
.sexy-delicious:hover {
	background-position:-1190px top !important;
}
.sexy-yahoobuzz {
	background-position:-1120px bottom !important;
}
.sexy-yahoobuzz:hover {
	background-position:-1120px top !important;
}
.sexy-blinklist {
	background-position:-1260px bottom !important;
}
.sexy-blinklist:hover {
	background-position:-1260px top !important;
}
.sexy-technorati {
	background-position:-560px bottom !important;
}
.sexy-technorati:hover {
	background-position:-560px top !important;
}
.sexy-myspace {
	background-position:-770px bottom !important;
}
.sexy-myspace:hover {
	background-position:-770px top !important;
}
.sexy-twitter {
	background-position:-490px bottom !important;
}
.sexy-twitter:hover {
	background-position:-490px top !important;
}
.sexy-facebook {
	background-position:-1330px bottom !important;
}
.sexy-facebook:hover {
	background-position:-1330px top !important;
}
.sexy-mixx {
	background-position:-840px bottom !important;
}
.sexy-mixx:hover {
	background-position:-840px top !important;
}
.sexy-scriptstyle {
	background-position:-280px bottom !important;
}
.sexy-scriptstyle:hover {
	background-position:-280px top !important;
}
.sexy-designfloat {
	background-position:-1050px bottom !important;
}
.sexy-designfloat:hover {
	background-position:-1050px top !important;
}
.sexy-newsvine {
	background-position:left bottom !important;
}
.sexy-newsvine:hover {
	background-position:left top !important;
}
.sexy-google {
	background-position:-210px bottom !important;
}
.sexy-google:hover {
	background-position:-210px top !important;
}
.sexy-comfeed {
	background-position:-420px bottom !important;
}
.sexy-comfeed:hover {
	background-position:-420px top !important;
}
.sexy-mail {
	background-position:-350px bottom !important;
}
.sexy-mail:hover {
	background-position:-350px top !important;
}
.sexy-devmarks {
	background-position:-140px bottom !important;
}
.sexy-devmarks:hover {
	background-position:-140px top !important;
}
.sexy-linkedin {
	background-position:-70px bottom !important;
}
.sexy-linkedin:hover {
	background-position:-70px top !important;
}
.sexy-misterwong {
	background-position:-1400px bottom !important;
}
.sexy-misterwong:hover {
	background-position:-1400px top !important;
}
.sexy-izeby {
	background-position:-1470px bottom !important;
}
.sexy-izeby:hover {
	background-position:-1470px top !important;
}
.sexy-twittley {
	background-position:-1540px bottom !important;
}
.sexy-twittley:hover {
	background-position:-1540px top !important;
}
.sexy-tipd {
	background-position:-1610px bottom !important;
}
.sexy-tipd:hover {
	background-position:-1610px top !important;
}
.sexy-pfbuzz {
	background-position:-1680px bottom !important;
}
.sexy-pfbuzz:hover {
	background-position:-1680px top !important;
}
.sexy-friendfeed {
	background-position:-1750px bottom !important;
}
.sexy-friendfeed:hover {
	background-position:-1750px top !important;
}
.sexy-blogmarks {
	background-position:-1820px bottom !important;
}
.sexy-blogmarks:hover {
	background-position:-1820px top !important;
}
.sexy-fwisp {
	background-position:-1890px bottom !important;
}
.sexy-fwisp:hover {
	background-position:-1890px top !important;
}
/*Comment*/
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #eee;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
.comment-childs p cite{ position:relative; left:20px; top:-20px;}
.comment-childs p small{ position:relative; left:80px; top:-38px;}
.chalt{
	background-color: #f8f8f8;
}
#newcomment{
	border:1px dashed #eee;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #ccc;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}