@charset "utf-8";
/*

Theme Name: iZoe

Theme URI: http://www.topming.com	

Description: this is a theme template for my little cute niece Zoe.

Version: 1.0

Author: hwangzhiming

Author URI: http://www.topming.com	

Tags: green, custom header, variable width, two columns, widgets,child

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/
body {
	font-size:13px;
	margin:0 auto;
	width:1000px;
	line-height:25px;
	font-family: Arial;
}

p img{ max-width:550px; border:#bbb solid 1px; padding:2px; margin:10px;}

a{ color:#8EBC1C;}
a:visited{ color:#8EBC1C;}
a img{ border:none;}

#main {
	width:1000px;
	background:url(images/headBackgroud.jpg) no-repeat top left;
	min-height:300px;
}
#header {
	height:283px;
}
#blogTitle {
	width:187px;
	height:40px;
	margin-left:130px;
	margin-top:25px;
	position:absolute;
	background:url(images/title.jpg) no-repeat top left;
	cursor:pointer;
}
#nav {
	float:right;
	margin-left:705px;
	margin-top:12px;
	width:215px;
	height:42px;
	background:url(images/navBg.jpg) no-repeat top left;
	line-height:30px;
	position:absolute;
	padding-left:45px;
	text-align:center;
}
#nav li {
	float:left;
	padding:3px;
	margin:3px;
	list-style-type:none;
}
#nav li a {
	text-decoration:none;
	display:block;
	color:#FFF;
	font-weight:bold;
}
#nav li a:hover {
	display:block;
	color:#000;
	font-weight:bold;
}
#container {
	width:1000px;
	float:left;
	padding-left:45px;
	+padding-left:44px;
}
#sidebarContainer{
	width:245px;
	background:url(images/sideBoxbt.jpg) no-repeat left 100%;
/*	margin-left:45px;*/
	float:left;
/*	+margin-left:22px;*/
	}
#sidebar {
	background:url(images/sidebarBg.jpg) no-repeat left top;
	margin-bottom:228px;
	border-right:solid 1px #E9EFD5;
	border-left:solid 1px #E9EFD5;
	margin-top:-8px;
	padding-top:10px;
	+padding-bottom:30px;
}
#sidebar li {
	list-style-type:none;
}
#sidebar li ul {
	list-style-type:none;
}
#sidebar li ul a{
	text-decoration:none;
	color:#8EBC1C;
}
#sidebar li ul li{
	list-style-image:url(images/bullet.gif);
	border-bottom:#CCC 1px dashed;
	margin-right:20px;
}
#sidebarbt {
	background:url(images/SidebarBt.gif) no-repeat bottom left;
	width:247px;
	height:45px;
}
#post {
	background:url(images/bottom.jpg) no-repeat 35px 100%;
	+background-position:36px 100%;
	padding-bottom:140px;
	float:left;
}
#postContainer {
	width:608px;
	margin-left:35px;
 	+margin-left:36px;
	margin-top:-15px;
	padding:10px 15px 0 15px;
	border-left:solid 1px #A7BF2B;
	border-right: solid 1px #A7BF2B;
}
#footer {
	width:1000px;
	height:148px;
	float:left;
	margin-top:20px;
	background:url(images/footerBg.jpg) top left no-repeat;
}
#footer p a {
	text-decoration:none;
}
#footer p {
	padding-top:30px;
	margin-left:400px;
	position:absolute;
}
#singleContainer {
	width:608px;
	float:left;
	margin-left:35px;
 	+margin-left:36px;
	padding:0 15px;
	border-left:solid 1px #A7BF2B;
	border-right: solid 1px #A7BF2B;
	}
#comments{
	}
#author {
	border:1px solid #999;
	background:url(images/inputBg.jpg);
}
#email {
	border:1px solid #999;
	background:url(images/inputBg.jpg);
}
#url {
	border:1px solid #999;
	background:url(images/inputBg.jpg);
}
#comment {
	border:1px solid #999;
	background:url(images/inputBg.jpg);
	width:100%;
	height:180px;
}
#submit {
	border:none;
	background:url(images/submit.jpg) no-repeat top left;
	width:167px;
	height:54px;
	line-height:54px;
	text-align:center;
	cursor:pointer;
}
#submit:hover{
	background:url(images/submitHover.jpg) no-repeat top left;
}
#commentform{ 
	background:url(images/dog.jpg) no-repeat top right;
	} 
	
.singlePost h2 p{
	font-size:20px;
	color:#8EBC1C;
	font-weight:bold;
}
.singleMeta {
	padding:3px;
	background:url(images/inputBg.jpg);
	text-align:right;
}
.postTitle {
	color:#8EBC1C;
	padding:10px;
	border-bottom:#BAD607 dotted 1px;
	background:url(images/titleBg.jpg) no-repeat top right;
	font-size:20px;
	font-weight:bold;
}
.postTitle a {
	font-size:20px;
	color:#8EBC1C;
	font-weight:bold;
	text-decoration:none;
}
.postTitle a:hover {
	color:#000;
}
.postMeta {
	margin:5px;
	color:#666;
}
.postMeta a {
	color:#666;
	text-decoration:none;
}
.postComment {
	background: url(images/icon-comment.png) no-repeat left;
	padding-left:15px;
}
.postDate {
	background:url(images/icon-date.png) no-repeat left;
	padding-left:15px;
}
.postCategory {
	background:url(images/icon-post.png) no-repeat left;
	padding-left:15px;
}
.more-link {
	color:#8ABB14;
	text-decoration:none;
}
.widgettitle {
	font-size:16px;
	margin-left:20px;
	margin-top:20px;
	background:url(images/catList.jpg) no-repeat left top; 
	height:30px;
	padding-left:40px;
	line-height:35px;
}

/*底部文章导航*/
.singleNavigation{ padding-bottom:50px;} 
.nextPost{ float:right; background:url(images/next.jpg) no-repeat top right; line-height:50px; padding-right:55px;}
.nextPost a{ display:block; text-decoration:none;}
.nextPost a:hover{ background:url(images/nextaBg.jpg) right no-repeat;}
.prePost{ background:url(images/pre.jpg) no-repeat top left; line-height:50px; padding-left:55px; float:left;}
.prePost a{ display:block; text-decoration:none;}
.prePost a:hover{ background:url(images/preaBg.jpg) left no-repeat;}

.commentlist li{ padding:2px 5px 2px 5px;}
.comment-body-odd{
	background-color:#EEE;
}
.avatar { padding:2px;float:right; margin:2px; }

#expandBtn{ float:right; border:#090 solid 1px; background-color:#9FC50E;}
.car-list{ list-style-image:url(images/li_bullet_green.gif);cursor:pointer; width:90%;}
.car-list li{ padding:3px; border-bottom:#CCC dashed 1px;}
.car-list li a{ text-decoration:none; display:block;}
.car-monthlisting li{border-bottom:#CCC dotted 1px; }
.car-monthlisting li a{display:block; }
.car-monthlisting li a:hover{background-color:#EEE; display:block; }
.car-monthlisting li:last-child{ border-bottom:none;}
.car-yearmonth{ display:block;}
.car-yearmonth.mhover{ background-color:#EEE; display:block;}

.wp-pagenavi{ text-align: center;} 

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #8EBC1C;
	color: #8EBC1C;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #8EBC1C;
	color: #8EBC1C;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.flickr-photos{
        text-align:center;
}
.flickr-photos h2{
        text-align:left;
}

.flickr-container{
        text-align:center;
        width:220px;
}

.flickr-container a{
        color:#8EBC1C;
        text-decoration: none;
        border:none;
}

/*.flickr-container a:last-child{
        color:#8EBC1C;
}*/
#context{text-align:center;}
#context a{ color:#8EBC1C;}
#photo{text-align:center;}
#photos a{ color:#DDD;padding:2px;}
#photos a:hover{ color:#8EBC1C;}
#photos a:visited{ color:#DDD;}
.prev,.info,.next{width:33%;float:left;}
.flickr-meta-links{width:100%;}
#contextContainer{text-align:center;width:100%;}
#commentsContainner{width:100%;}