@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/leafBg.jpg) repeat-x top; font-size:12px; font-family:"宋体", Verdana, Geneva, sans-serif; color:#555; font-size:12px; line-height:1.8em;}
a{ color: #996;}
h1{ font-size: 20px; line-height:24px;}
h2{ font-size: 18px; line-height:20px;}
h3{ color:#560; font-size: 14px; line-height:16px;}
small{ font-size:11px; line-height:15px;}
input{ border:1px #a4b97f solid;}
input[type=submit]{ background:#efc; color:#150; font-weight:bold;}

.wrapper{ margin:0 auto; width:960px; height:100%;}

.header{ margin:auto; width:975px;}
.header h1{ width:167px; height:11px; line-height:5px; margin-right:30px; float:right;}
.desc{ clear:both; padding-left:610px; text-align:right; padding-top:5px; width:335px; color:#b7c644; line-height:16px;}
#menu{ margin-bottom:10px; height:90px; background:url(images/leaf_03.gif) no-repeat;}
#menu li{ padding-top:51px; float:left;}
#menu li a{ text-decoration:none; display:block; margin:0 1px; width:90px; height:38px; line-height:38px; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
#menu li.index a{ margin-left:30px;}
#menu li a:hover{ text-decoration:underline; color:#FFC; }
#menu li a:hover,#menu li a#current{ background:url(images/leafHover.jpg) no-repeat;}
#menu li.s2 a#current,#menu li.s2 a:hover{ background-position:0 -38px;}
#menu li.s3 a#current,#menu li.s3 a:hover{ background-position:0 -76px;}
#menu li.s4 a#current,#menu li.s4 a:hover{ background-position:0 -114px;}
#menu li.s5 a#current,#menu li.s5 a:hover{ background-position:0 -152px;}
#menu li.s6 a#current,#menu li.s6 a:hover{ background-position:0 -190px;}
#menu li.s7 a#current,#menu li.s7 a:hover{ background-position:0 -228px;}

.mainer{ padding-top:20px; width:100%; height:auto !important; min-height:750px; _height:750px; background: url(images/leafMbg.jpg) no-repeat;}
.mainer p{ text-indent:2em;}
.mainer h2{ display:none;}

.layout1{ padding-bottom:200px; float:left; width:68%;}
.layout1 a { color: #690; text-decoration: underline; }
.layout1 a:hover{ color: #aco;}
.layout1 h3 a{ color:#560; text-decoration:none;}
.layout1 h3 a:hover{ color:#790; text-decoration:underline;}
.post-list{}
.post{ margin:0 50px; padding:18px 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:10px 0; margin-bottom:2%;}
.post-content img{ max-width:550px; margin-left:-2em;}
span.time{ display:block; position: absolute; margin:-20px 0 0 -25px; width:40px; height:40px; overflow:hidden; opacity:0.7; filter:alpha(opacity=70);}
span.time em{ display:block; line-height:20px; text-align:center; font-family:Arial; font-size:14px; font-weight:bold;}
em.month{ background:#daf869; color:#060;}
em.day{ background:#4a7909; color:#fff;}
.pic-show{ margin:10px 0; padding:10px 0; width:100%; text-align:center; background:#eee;}
.post blockquote{ margin:1% 0; padding:2%; width:92%; border-left:solid #ddd 10px; background:#f7f7f7; font-style:italic; text-indent:0; font-family: Palatino; line-height:18px;}
.more{ clear:both; text-align:right; display:block; letter-spacing:10000; font-family:"Trebuchet MS"; font-weight:600; font-size:14px;}
/*	pageNav
	----------------------------*/
#pageNav{ padding-left:90px; height:28px; line-height:28px; }
#pageNav li{display:block; float:left; padding:0 4px; height:100%; }
#pageNav a{text-align:center;}
#pageNav li.pages{}
#pageNav li.current,#pageNav li.extend{ }

.layout2{ float:left; width:31%; color:#bbb;}
.layout2 a{ color:#780; text-decoration:none;}
.layout2 a:hover{ text-decoration: underline;}
.layout2 ul{ padding-left:30px;}
#tagClouds ul{ padding-left:0;}
.layout2 h3{ cursor:pointer; width:90%; margin:10px 0 5px 0; padding:1% 0; text-indent:1em; background:#f0f7e5; border-left:solid #90a172 5px;}
.show{ background:url(images/slide.gif) left 8px no-repeat;}
.layout2 li li{ background:url(images/leafTip.gif) left top no-repeat; padding-left:20px; line-height:18px;}
#gFriends{ padding-top:10px;}

#search h3{ display:none;}
#search input.type{ width:200px;}
#search input.sub{ width:28px; height:22px;}
.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:10px; 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,.comment-childs{ padding:2%; margin:2% 0; border:solid #efa 1px; background:#ffe;}
.comments-list li .chalt{ background:#fefefe;}
.comment-childs p{ }
.comments-list li.odd{ background-color:#f9f9f9; border-bottom:solid #eee 1px;}
.comment-order{ position: absolute; left:14%; 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:98%; height:150px; overflow-x: hidden; overflow-y: scroll; white-space:normal;}
.comment-num{ font-size:12px; font-weight:lighter;}
/*	Message
	---------------------------*/
.message{}
.message h3{ text-indent:0; margin-bottom:10px;}
.message p{ padding:2px 0; text-indent:0;}
.message label{ padding-left:1%;}

/*	bookFeed
	--------------------------*/
#bookFeed img{ margin:5px;}


/*	cat
	-------------------------*/
body#category{ width:100%; height:100%; background:#fff;}
#category .wrapper{ width:1060px;}
#category .layout3 .header{ width:960px; margin-left:0px;}
.layout3{ padding-bottom:50px; width:100%; width:auto !important;  min-width:1090px; _width:1090px; height:100%; background:url(images/catBg.jpg) no-repeat;}
.layout3 .main{ padding-top:20px; width:100%; height:auto !important; min-height:450px; _height:450px; }
.layout3 .main h2{ display:none;}
.layout3 .main h3{ margin-bottom:10px; width:95%; height:25px; line-height:25px; background:#000; filter:alpha(opacity=50); opacity:0.5; display:block; clear:both; color:#fff; text-indent:0.5em;}
.pro-post{ margin:0 15px 10px 0; float:left; padding:1px 0 0 1px; width:159px; height:119px; background:url(images/proBg.gif) no-repeat;}
.pro-post img{ width:155px; height:115px;}

#catBtn{ padding-top:20px; height:45px;}
#catBtn li{ float:left; padding:0 15px;}
#catBtn li a{ font-size:14px; font-weight:bold; color:#030;}