﻿/**
Theme Name: Blogger Style
Author URI: http://lizus.com
Theme URI: http://lizus.com
Author: Lizus
Version: 1.0
Description: Lizus Customize WordPress Themes Style
*/
/* 样式表; */


/************************************--> Intro: default typographic style defined <--************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}
div,ul,dl,h1,h2,h3,h4,blockquote,table,p{position:relative;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border:0;vertical-align:middle;}
input,select{vertical-align:middle;}
textarea{
	width:96%;
}	
address,caption,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}
abbr,span.abbr,acronym{cursor:help;border-bottom:1px dashed #aaa;letter-spacing:0.1em;}
var{font-style:italic;}
ul,li{list-style:none;}
a,a:link,a:visited{color:#312520;background:transparent;text-decoration:none;}
a:hover{color:#ff6600;}
body{background:#E1D4C0 url(./images/sides_body.png) repeat-y center top;color:#333;text-align:center;font:normal 14px/180% 'trebuchet ms',verdana,arial,sans-serif;}

/************************************--> Intro: classDefine <--************************************/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{clear:both;}
.lang_en{
	font-family:Verdana;
}	

.navigation{text-align:center;}
	.navigation ul{}
	.navigation li{display:inline;}


/************************************--> Intro: now begin <--************************************/
#begin{margin:0 auto;width:100%;}
.wrapper{margin:0 auto;width:960px;text-align:left;}
	#header,#contenter,#footer{margin:0 auto;}

/************************************--> Intro: header <--************************************/
#header{
	width:100%;background:#025 url(./images/sides_head.png) repeat-y center top;border-bottom:4px solid #47d;top:-4px;
}
#header .wrapper{
	border-bottom:4px solid #69f;top:4px;height:146px;background:url(./images/bg_logo.png) no-repeat left center;
}	
#logo{
	padding:0 0 0 80px;height:100px;line-height:100px;background:url(./images/logo_bg.png) no-repeat left center;margin-left:20px;
}	
#logo a{color:#fff;}
#h_show{
	width:468px;height:60px;background:#fff;position:absolute;right:0;top:20px;margin-right:30px;
}	

/************************************--> Intro: nav <--************************************/
#nav {
	width:100%;position:absolute;left:0;top:110px;_top:109px;border-bottom:1px solid #826C55;
}
#nav ul{
	margin-left:10px;_top:1px;
}	
#nav li {
	float:left;display:inline;height:40px;position:relative;
}	
#nav li a {
	float:left;display:inline;height:40px;line-height:40px;padding:0 0 0 12px;background:url(./images/bg-tab-left.png) no-repeat left top;border-bottom:1px solid #826C55;_top:-1px;
}	
#nav li span{
	float:left;display:inline;height:40px;line-height:40px;padding:0 12px 0 0;background:url(./images/bg-tab-right.png) no-repeat right top;cursor:pointer;
}	
#nav li a:hover{
	border-bottom:1px solid #F5EDE3;background-position:0 -150px;
}	
#nav li a:hover span{
	background:url(./images/bg-tab-right.png) no-repeat right -150px;
}	
#nav li.current-cat a,#nav li.current_page_item a{
	background-position:0 -75px;border-bottom:1px solid #F5EDE3;
}
#nav li.current-cat a span,#nav li.current_page_item a span{
	background:url(./images/bg-tab-right.png) no-repeat right -75px;
}	

#h_adsence{
	text-align:left;background:#E1D4C1;height:20px;padding-top:5px;margin-top:10px;
}	
#a_728_15{
	width:728px;height:15px;margin:0 auto;
}	

/************************************--> Intro: contenter <--************************************/
#crumbs{
	font-size:12px;line-height:26px;height:26px;border-bottom:1px dashed #d5d5d5;width:100%;overflow:hidden;
}	
#contenter{
	margin-top:20px;
}	
.cont_t{
	width:940px;background:#fff url(./images/c_top.png) no-repeat left top;padding-top:15px;margin-top:20px;
}	
.cont{
	width:890px;border:5px solid #E1D3C0;border-top:none;border-bottom:none;padding:0 20px;
}	
.cont_bm{
	background:#fff url(./images/c_bot.gif) no-repeat left bottom;padding-top:15px;width:940px;height:10px;
}	

#f_bar_2{
	width:940px;
}
#f_bar_2 h2{
	font-size:16px;
}	
#f_bar_2_2{
	margin-left:14px;
}	

.f_cont_t{
	width:304px;background:#fff url(./images/f_c_top.gif) no-repeat left top;padding-top:15px;margin-top:20px;
}	
.f_cont{
	width:274px;border:5px solid #E1D3C0;border-top:none;border-bottom:none;padding:0 10px;
}	
.f_cont li li {
	line-height:18px;padding-bottom:6px;
}	
.f_cont_bm{
	background:#fff url(./images/f_c_bot.gif) no-repeat left bottom;padding-top:15px;width:304px;height:10px;
}	

/************************************--> Intro: main <--************************************/
.main{
	float:left;display:inline;width:580px;
}	

/************************************--> Intro: entry <--************************************/
div.post {
	margin-bottom:12px;border-bottom:1px solid #eee;
}	
.entry{
	
}
.entry p {
    margin-bottom:12px;
}
	
.entry a {
	color:#0000FF;
    text-decoration:underline;
    
}	
.entry a:hover{
	color:#f60;   
}	
.entry img {
	max-width:100%;height:auto;float:left;
}
* html .entry img{width: expression(this.width > 560 ? "100%" : true); }
.postH1,.postH3{
	font-size:16px;line-height:24px;border-bottom:1px dashed #e5e5e5;background:url(./images/post.jpg) no-repeat left 0;padding-left:30px;
}	
.postH4{
	font-size:12px;font-weight:normal;margin-bottom:10px;
}	

/************************************--> Intro: sidebar <--************************************/
#sidebar{
	width:300px;
}	
#sidebar h2{
	font-size:16px;line-height:30px;height:30px;border-bottom:1px dashed #999;clear:both;
}	
#sidebar li li {
	border-bottom:1px dashed #e4e4e4;line-height:18px;margin-bottom:6px;padding-left:1em;background:url(./images/dot.gif) no-repeat left 10px;margin-left:4px;clear:both;
}	

/************************************--> Intro: footer <--************************************/
#footer{
	width:940px;background:#E1D4C0 url(./images/round15_top.gif) no-repeat left top;padding-top:14px;margin:20px auto;
}	
#copyright{
	width:940px;background:#E1D4C0 url(./images/round15_bot.gif) no-repeat left bottom;padding-bottom:14px;text-align:center;
}	


#f_bar h2{
	border-bottom:1px dashed #d5d5d5;line-height:30px;font-size:16px;
}	
#f_bar h2 span {
	margin-right:12px;cursor:pointer;
}
#f_bar h2 span.current{
	color:#f60;
}	
#c_list{
	padding-top:10px;word-break:keep-all;word-wrap:normal;text-justify:newspaper;white-space:nowrap;
}	
#c_list ul{
	display:none;
}	
#c_list li{
	float:left;display:inline;margin:0 12px 12px 0;line-height:24px;background:#e5e5e5;padding:0 10px;
}	

/************************************--> Intro: comment_div <--************************************/
#comment_div{
	margin-top:20px;
}	
#comment_div h2{
	font-size:16px;line-height:30px;
}	
img.avatar{
	vertical-align:bottom;
}	
#comment_div li {
	margin-bottom:6px;border-bottom:1px dashed #e5e5e5;
}	



#a_336_280{
	width:336px;height:280px;background:#fff;
}	
.s_list_ul{
	width:100%;
}	

#sidebar #recent_p li {
	line-height:18px;margin-top:6px;min-height:52px;background:none;padding:0;
}	
* html #recent_p li{height: expression(this.height < 52 ? "52px" : true); }
#recent_p li img{
	float:left;display:inline;margin-right:10px;width:48px;height:48px;border:1px dashed #ccc;
}	