/*
Theme Name:elegant V2.1
Author:Kevin Zhong
Author URL:http://www.kevinzhong.com/
*/
*{
	margin:0;
	padding:0;
}
body{
	font:12px Tahoma;
	background:#e6e6e6 url(images/bar.gif) repeat-x 0 0;
}
a{
	color:#4cc3e4;
	text-decoration:none;
	outline:none;
	star:expression(this.onFocus=this.blur());
}
h3, h4, h5, h6{
	font-weight:bold;
	font-size:14px;
	padding:15px 0 0;
}
img{
	border:0;
}
#wrapper{
	width:970px;
	background:#ffffff url(images/bg.gif) repeat-y 0 0;	
	margin:auto auto;
	min-height:760px; 
    height:auto !important; 
    height:760px; 
	text-align:left;
}

/** BEGIN header------------------------------------------**/
#header{
	height:120px;
	padding:0 35px;
	background:transparent url(images/titlebg.gif) no-repeat 0 0;
}
#header .logo{
	float:left;
	display:block;
	height:50px;
	width:210px;
	margin-top:40px;
	background:#ffffff url(images/logo.gif) no-repeat 0 0;
}
#header .logo:hover{
	background-position:0 -50px
}
	#header .rss{
		display:block;
		float:right;
		margin-top:30px;
		height:32px;
		width:32px;
		background:#ffffff url(images/rss.gif) no-repeat 0 0;
	}
	#header .rss:hover{
		background-position:-32px 0;
	}

#header ul{
	clear:right;
	float:right;
	height:33px;
	margin-top:25px;
	list-style-type:none;
	text-transform:uppercase;
	font-weight:bold;
}
	#header ul li{
		float:left;
	}
		#header ul li a{
			display:block;
			font:16px Arial;
			color:#acacac;
			line-height:33px;
			margin-left:27px;
		}
		#header ul li a:hover{
			color:#4cc3e4;
		}
		#header ul .current_page_item a{
			color:#333333;
		}
/** END header **/


/** BEGIN breadcrumb--------------------------------------**/
.breadcrumb{
	height:27px;
	padding:10px 0 0;
	margin:0 35px;
	font-weight:normal;
	font-size:12px;
	color:#a8a8a8;
}
	.breadcrumb span{
		font-family:"SimSun";
	}
	.breadcrumb a{
		color:#333333;
		margin:-2px -4px;
		padding:2px 4px;
	}
	.breadcrumb a:hover{
		color:#4cc3e4;
	}
	
/** END breadcrumb **/


/** BEGIN content-----------------------------------------**/
#content{
	float:left;
	width:680px;
}
#content .post{
	padding-bottom:50px;
}
	#content .post img, #content .post object{
		margin:6px 0 15px;
		padding:6px;
		border:1px solid #ebebeb;
		border-bottom:1px solid #d2d2d2;
	}
	#content .post .noframe{
		border:0;
		margin-top:10px;
		padding:0;
	}
	#content p{
		line-height:25px;
	}
	#content .timestamp{
		float:left;
		text-align:center;
		width:72px;
		height:58px;
		color:#ffffff;	
		background:transparent url(images/datebg.gif) no-repeat 0 0;
		padding-top:10px;
		margin:1px 10px 0 0;
	}
		#content .timestamp .postday,#content .timestamp span{
			line-height:18px;
			padding-right:3px;
		}		
	#content h2{
		font-size:26px;
		font-family:"Microsoft Yahei", "Microsoft JhengHei", Georgia;
		font-weight:normal;
	}
	#content .aboutmetitle{
		margin-left:30px;
	}
		#content h2 a{
			color:#333333;
		}
	#content .subinfo{
		color:#a8a8a8;
	}
		#content .subinfo a{
			margin:-1px -2px;
			padding:1px 2px;
			color:#a8a8a8;
		}
		#content .subinfo a:hover, #content .readmore:hover{
			color:#ffffff;
			background:#4cc3e4;
		}
	#content .article{
		color:#333333;
		font-size:14px;
		margin:10px 0 0 35px;
		border-top:1px dashed #cccccc;
	}
		#content .article p{
			margin:12px 0;
		}
		#content .article a:hover{
		text-decoration:underline;
		}
		#content .article note{
			font-size:12px;
			color:#808080;
		}
		.readmore{
			font-family:"SimSun";
			font-size:12px;
			font-weight:normal;
			padding:4px 5px 3px;
			margin-left:-5px;
		}
		#content .article .readmore:hover{
			text-decoration:none;
		}
		#content .post ul, #content .post ol{
			list-style-position:inside;
			margin-bottom:15px;
		}
		#content .post li{
			line-height:25px;
			margin-bottom:10px;
		}
		#content .post blockquote{
			font-family:Tahoma;
			margin-bottom:15px;
			padding:0 10px;
			background:#eeeeee;
			border-width:1px 0;
			border-color:#e0e0e0;
			border-style:solid;
		}
		#content .post code{
			font-family:Tahoma;
		}
		#content .sociable ul{
			list-style-type:none;
			padding:0 0 20px 30px;
		}
		#content .sociable ul li{
		    display:inline;
		}
		#content .sociable img{
			margin-right:10px;
			width:32px;
			height:32px;
		}
#content .wp-pagenavi{	
	margin-left:30px;	
}
	#content .wp-pagenavi a{
		border-color:#cccccc;
		color:#cccccc;
		padding:2px 5px;
	}
	#content .wp-pagenavi .current{
		padding:2px 5px;
		background:#4cc3e4;
		color:#ffffff;
		border-color:#4cc3e4;
	}
	#content .wp-pagenavi a:hover{
		background:#4cc3e4;
		color:#ffffff;
		border-color:#4cc3e4;
	}
#content .notfound{
	border:1px dashed #cccccc;
	padding:100px 0 110px 150px;
	margin:29px 0 0;
}
	#content .notfound a{
		font-family:"SimSun";
		padding:3px 2px;
	}
/** END content **/


/** BEGIN sidebar----------------------------------------**/
#sidebar{
	float:right;
	width:210px;
	margin:0 35px 40px 0;
}
	#sidebar h2{
		height:40px;
		border-bottom:1px solid #cccccc;
	}
	#sidebar .poptitle{
		background:transparent url(images/sidertitle.gif) no-repeat 0 0;
	}
	#sidebar .tagtitle{
		background:transparent url(images/sidertitle.gif) no-repeat 0 -40px;
	}
	#sidebar .cattitle{
		background:transparent url(images/sidertitle.gif) no-repeat 0 -80px;
	}
	#sidebar .linktitle{
		background:transparent url(images/sidertitle.gif) no-repeat 0 -120px;
	}
	#sidebar ul, #sidebar .tags{
		list-style-type:none;
		margin-bottom:20px;
		padding:5px 0;
	}
	#sidebar .popular{
		padding:0 0 10px;
	}
		#sidebar .popular li{
			line-height:29px;
			border-bottom:1px solid #cccccc;
		}
		#sidebar ul li a{
			display:block;
			width:210px;
			height:21px;
			color:#808080;
			line-height:21px;
			margin:1px 0;
		}
		#sidebar .popular li a{
			height:27px;
			line-height:27px;
		}
		#sidebar .tags a{
			color:#808080;
			line-height:21px;
			margin:-1px 2px -1px -2px;
			padding:1px 2px;
		}
		#sidebar ul li a:hover, #sidebar .tags a:hover, #content .notfound a:hover{
			color:#ffffff;
			background:#4cc3e4;
		}
		#sidebar ul li a:hover{
			padding-left:5px;
			width:205px;
		}
		#sidebar ul li .miamia{
			color:#ff0099;
			padding-left:18px;
			width:192px;
			background:#ffffff url(images/heart.gif) no-repeat 0 0;
		}
		#sidebar ul li .miamia:hover{
			padding-left:23px;
			width:187px;
			background:#4cc3e4 url(images/heart.gif) no-repeat 5px -21px;
		}
	#sidebar .mysocial_title{
		clear:both;
		color: #ffffff;
		background:#cccccc;
		text-align:right;
		height:15px;
		padding:5px 10px 7px;
		font-size:14px;
	}
	#sidebar .arrow{	
		float:right;
		margin-right:25px;
		height:9px;
	}
		#sidebar .mysocial a{
			display:block;
			clear:both;
			float:right;
			margin:5px 0 5px 0;
		}
		#sidebar .mysocial a:hover{
			background:transparent;
		}
/** END sidebar **/


/** BEGIN comments-----------------------------------**/
#comments{
	width:650px;
	padding-left:35px;
}
#comments h2{
	clear:both;	
	color:#333333;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
	padding:50px 0 8px;
}
#comments .anchor{
	color: #000000;
}
#comments p{
	margin-bottom:6px;
}
#comments form{
	padding-bottom:80px;
}
	#comments form input, textarea {
		border:1px dashed #cccccc;
		background:#eeeeee;
		padding:4px;
		font-size:14px;
	}
	#comments form input{
		width:240px;						
	}
	#comments form textarea{
		width:640px;
		height:102px;
	}
	#comments .description{
		color:#a8a8a8;
		margin-left:5px;
	}
		#comments form a input {
			width:175px; 
			height:31px;
			border:0;
			background: transparent;  
		}
	#comments form a{
		display:block;
		width:175px;
		background:#ffffff url(images/submitbg.gif) no-repeat 0 0;
	}
	#comments form a:hover{
		background-position:0 -31px;
	}
	#comments form a:active{
		background-position:0 -62px;
	}
#comments ol{
	list-style-type:none;
	font-size:14px;
	color:#333333;
}
	#comments ol li{
		clear:both;
		border-top:1px dashed #cccccc;
	}
		#comments ol li .avatar{
			float:left;
			padding:3px;			
			margin-top:12px;
			border-bottom:1px solid #d7d7d7;
			border-left:1px solid #f1f1f1;
			border-right:1px solid #f1f1f1;
		}
		#comments ol li .replycontent{
			float:right;
			width:572px;			
			line-height:23px;
			margin-top:8px;
		}
		#comments ol li .replycontent a:hover{
			text-decoration:underline;
		}
		#comments .name{
			color:#4cc3e4;
		}
		#comments .time{
			float:right;
			font-size:12px;
			color:#cccccc;
		}
		#comments .time a{
			color:#cccccc;
		}
		#comments .at{
			color:#acacac;
		}
	#comments ol li .reply a{
		display:block;
		font-size:12px;
		color:#cccccc;
		padding-left:16px;
		background:#ffffff url(images/reply.gif) no-repeat 0 50%;
	}
	#comments ol li .reply a:hover{
		color:#4cc3e4;
		background:#ffffff url(images/reply.gif) no-repeat -49px 50%;
		text-decoration:none;
	}
		#comments ol li .space{
			clear:both;
			padding-bottom:13px;
		}
#comments .navigation{
	padding:10px 0 20px;
	font-size:12px;
}
	#comments .navigation a{
		color:#808080;
		padding:3px 8px;
		border:1px solid #cccccc;
	}
	#comments .navigation a:hover{
		color:#000000;
		border-color:#000000;
		text-decoration:none;
	}
/** END comments **/


/** BEGIN footer---------------------------------------**/
#footer{
	clear:both;
	color:#a8a8a8;
	height:60px;
	padding:68px 5px 5px;
	background:#e6e6e6 url(images/footerbg.gif) no-repeat 0 0;
}
	#footer p, #footer ul{
		font-family:Tahoma;
		line-height:21px;
		width:500px;
	}
	#footer .gototop{
		color:#a8a8a8;
		float:right;
		line-height:21px;
		background:transparent url(images/plane.gif) no-repeat 0 0;
		padding-left:1.8em;
	}
	#footer .gototop:hover{
		background-position:0 -21px;
		color:#4cc3e4;
	}
		#footer ul li{
			list-style-type:none;
			display:inline;
		}
		#footer ul a{
			color:#e6e6e6;
		}
		#footer ul a:hover{
			color:#4cc3e4;
		}
/** END footer **/


/** BEGIN subscribe---------------------------------------**/
.rssreader{
	width:688px;
	margin:30px auto 100px;
	font-size:14px;
	color:#333333;
}
.rssreader h2{
	line-height:33px;
	font-size:14px;
	font-weight:normal;
	margin:5px;
	border-bottom:1px dashed #cccccc;
}
.rssreader .noline{
	border:0;
	margin:0 5px;
}
.rssreader p{
	line-height:25px;
	margin:5px;
}
.rssreader .rssurl{
	border:1px dashed #00a0dc;
	color:#00a0dc;
	padding:5px 10px;
	margin:0 5px 50px;
}
.rssreader .small{
	line-height:21px;
	font-size:12px;
	color:#808080;
}
.rssreader ul{
	list-style-type:none;
	margin-bottom:50px;
	height:145px;
}
.rssreader ul li{
	float:left;	
}
	.rssreader ul li a{
		display:block;
		line-height:35px;
		height:35px;
		width:152px;
		color:#00a0dc;
		border:1px dashed #00a0dc;
		padding-left:8px;
		margin:5px;
	}
	.rssreader ul li a:hover{
		border:2px solid #4cc3e4;
		margin:4px;
	}
.rssreader ul .reader1{
	background:transparent url(images/rssreaders.gif) no-repeat 0 0;
}
.rssreader ul .reader2{
	background:transparent url(images/rssreaders.gif) no-repeat -160px 0;
}
.rssreader ul .reader3{
	background:transparent url(images/rssreaders.gif) no-repeat -320px 0;
}
.rssreader ul .reader4{
	background:transparent url(images/rssreaders.gif) no-repeat -480px 0;
}
.rssreader ul .reader5{
	background:transparent url(images/rssreaders.gif) no-repeat 0 -35px;
}
.rssreader ul .reader6{
	background:transparent url(images/rssreaders.gif) no-repeat -160px -35px;
}
.rssreader ul .reader7{
	background:transparent url(images/rssreaders.gif) no-repeat -320px -35px;
}
.rssreader ul .reader8{
	background:transparent url(images/rssreaders.gif) no-repeat -480px -35px;
}
.rssreader ul .reader9{
	background:transparent url(images/rssreaders.gif) no-repeat 0 -70px;
}
.rssreader ul .reader10{
	background:transparent url(images/rssreaders.gif) no-repeat -160px -70px;
}
.rssreader ul .reader11{
	background:transparent url(images/rssreaders.gif) no-repeat -320px -70px;
}
/** END subscribe **/


/** BEGIN aboutme---------------------------------------**/
.aboutme{
	float:left;
	width:540px;
	color:#333333;
	font-size:14px;
	margin:0 0 30px 35px;
}
	.aboutme p{
		margin:12px 0;
		line-height:25px;
	}
	.aboutme a:hover, #aboutmeside a:hover{
		text-decoration:underline;
	}
	.aboutme img{
		margin:30px 0 15px;
	}
	.aboutme ul li{
		list-style:none;
		background:transparent url(images/dot.gif) no-repeat 1px 8px;
		padding-left:1em;
		margin:12px 0;
		line-height:21px;
	}
	.aboutme ul li .gray{
		color:#808080;
	}

#aboutmeside{
	float:right;
	width:330px;
	color:#333333;
	font-size:14px;
	margin:0 35px 40px 0;
}
	#aboutmeside div{
		margin-bottom:45px;
	}
	#aboutmeside img{
		margin-top:5px;
	}
	#aboutmeside p{
		margin:12px 0;
		line-height:21px;
	}
	#aboutmeside .namecard p{
		line-height:17px;
	}
	#aboutmeside .namecard{
		width:317px;
		height:179px;
		padding:23px 13px 0 0;
		margin:16px 0 30px;
		background:#ffffff url(images/namecard.gif) no-repeat 0 0;
		font-size:12px;
		text-align:right;
		color:#b6b6b6;	
	}
/** END aboutme **/