/*  
Theme Name: Green Gaint
Theme URI: http://startwmlife.com/
Description: Designed by <a href="http://startwmlife.com">wantfee</a>on 2010-4-1.
Version: 1
Author: wantfee
Author URI: http://startwmlife.com/
*/

/* General
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
*{margin:0; padding:0;}

/* clear the margin and the padding of all the elements */

body{color:#000; font:14px/180% Georgia, serif; background:#090909 url(images/body.gif); text-align:center;}
table{border-collapse:collapse;border-spacing:0;}
a:link{text-decoration:none; color:#548b02;}
a:visited{text-decoration:none; color:#548b02; outline:none;}
a:hover{text-decoration:underline; color:#548b02;}
a:active{outline:none;}

li{list-style:none;}

#wrapper{width:1000px; margin:0 auto; text-align:left;}

/* why the wrapper has a space on the top? */

.clear{clear:both;}

/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header{
	position:relative;
}
.logo{
	width:248px;
	height:120px;
	background:url(images/logo.png) no-repeat top left;
	margin-left:-20px;
}
.logo a{
	display:block;
	height:120px;
	width:248px;
	text-indent:-9999px;

}
#blogdescription h1{
    text-indent:-9999px;
}
.menu{
	float:right;
}
.menu ul li{
	padding-left:30px;
	float:left;
}
.menu ul li a:link{
	color:#fff;
	font-weight:bold;
}
.menu ul li a:visited{
	color:#fff;
	font-weight:bold;
}
.sub a{
	padding:20px 80px 20px 0;
	background:url(images/rss.png) no-repeat right -9px;
	color:#fff;
	font:italic 24px "Microsoft Yahei",Georgia serif;
	position:absolute;
	left:743px;
	top:45px;
}
.sub a:visited{
	color:#fff;
}
.sub a:hover{
	color:#fff;
	background:url(images/rss.png) no-repeat right -90px;
	text-decoration:none;
}
.search{
	position:absolute;
	left:350px;
	top:70px;
}

.search form{
	border:none;
}
.search form fieldset{
	border:none;
}
.search form input#s{
	color:#808080;
        border:none;
	font:14px Georgia,serif;
	width:205px;
	background:url(images/search_bg.png) no-repeat top left;
	padding:9px 10px 9px 32px;
        margin-right:10px;
}
.search form input#searchsubmit{ 
	font:bold 14px Georgia, serif;
	color:#fff;
	text-shadow:0px 1px 0px #666;
	border:none;
	width:72px; 
	height:34px; 
	background:url(images/search_submit.png) no-repeat top left; 
	overflow:hidden;
}
.search form input#searchsubmit:hover{
	background:url(images/search_submit.png) 0 34px;
}
.navi{
	border:0px solid green;
	margin-left:27px;
}
.navi ul li{
	position: relative;
	float:left;
	border:0px solid red;
	height:89px;
	
}
.navi ul li a{
	display:block;
	border:0px solid blue;
	text-indent:-9999px;
}
.navi ul li .children li a{
	color:#3b6900;
	display:inline;
	text-indent:0;
	background:none;
}
.navi ul li .children li a:hover{
	background:none;
}
.navi ul li.cat-item-44 a{
	padding-right:20px;
	width:140px;
	background:url(images/time.png) no-repeat top left;
	height:89px;
}
.navi ul li.cat-item-44 a:hover{
	background:url(images/time.png) no-repeat 0 -89px;

}
.navi ul li.cat-item-294 a{
	width:140px;
	background:url(images/theme.png) no-repeat top left;
	height:71px;
	margin-top:18px;
}
.navi ul li.cat-item-294 a:hover{
	background:url(images/theme.png) no-repeat 0 -71px;

}
.navi ul li.cat-item-293 a{
	padding-right:10px;
	width:150px;
	background:url(images/principle.png) no-repeat top left;
	height:71px;
	margin-top:18px;
}
.navi ul li.cat-item-293 a:hover{
	background:url(images/principle.png) no-repeat 0 -71px;

}
.navi ul li.cat-item-114 a{
	padding-right:6px;
	width:154px;
	height:67px;
	margin-top:22px;
	background:url(images/code.png) no-repeat top left;
}
.navi ul li.cat-item-114 a:hover{
	background:url(images/code.png) no-repeat 0 -67px;

}
.navi ul li.cat-item-292 a{
	padding-right:13px;
	width:147px;
	height:68px;
	margin-top:21px;
	background:url(images/inspiration.png) no-repeat top left;
}
.navi ul li.cat-item-292 a:hover{
	background:url(images/inspiration.png) no-repeat 0 -68px;

}
.navi ul li.cat-item-121 a{
	padding-right:20px;
	margin-top:15px;
	height:74px;
	width:140px;
	background:url(images/ps.png) no-repeat top left;
}
.navi ul li.cat-item-121 a:hover{
	background:url(images/ps.png) no-repeat 0 -74px;
}
/* Content
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#maincontent{
	float:left;
}
#contenthead{
	background:url(images/2.gif) no-repeat top left;
	clear:left;
	height:55px;
}
#content{
	overflow:hidden;
	background:#fff url(images/content_bg.gif) repeat-y top left;

}
#realcontent{
	padding-top:20px;
	overflow:hidden;
	width:640px;
	margin-left:20px;
	float:left;
	display:inline;
	background:#fff url(images/post_bg.jpg) no-repeat top left;
}
* html #realcontent{
	padding-top:30px;
}
#single-realcontent{
	padding-top:20px;
	overflow:hidden;
	width:640px;
	margin-left:20px;
	background:#fff url(images/post_bg.jpg) no-repeat top left;
	float:left;
	display:inline;
}
.singlead:hover{
	padding:5px;
	background:f1f1f1;
    	border:1px solid #d1d1d1;
}
*html #single-realcontent{
	padding-top:30px;
}
.bottom{
	padding-bottom:20px;
	background:#fff url(images/post_bottom.gif) no-repeat bottom left;
}
.breadcrumb{
    margin:20px;
}
.PostContent{
	background:url(images/line.gif) repeat-x bottom left;
	margin:15px 25px 0 25px;
	padding-bottom:10px;
}
.PostContent p{
	margin-bottom:20px;
}
.PostContent p.download{
	text-indent:-9999px;
}
.PostContent p.download a{
	display:block;
	background:url(images/download.png) no-repeat top left;
	height:44px;
	width:122px;
}
.PostContent p.download a:hover{
	background:url(images/download.png) no-repeat 0 -44px;
}
.PostContent p.demo{
		line-height:18px;
		background:url(images/demo.png) no-repeat center left;
		font-weight:bold;
		padding-left:40px;
}
.PostContent p.demo a{
		text-decoration:none;
}
.PostContent p.demo a:hover{
		color:#333;
}
.PostContent p.demo span{
		font-weight:normal;
		font-size:12px;
		font-style:italic;
		color:#666;
		display:block;
}
.PostContent h2{
	font-family:"Microsoft Yahei",PMingLiU;
}
.PostContent h3{
    color:#548b02;
    font-family:"Microsoft Yahei",PMingLiU;
    margin-bottom:15px;
    margin-top:30px;
}
.PostContent ul{
    margin-bottom:20px;
}
.PostContent ul li{
	margin-left:20px;
	padding-left:20px;
	background:url(images/bullet_post.gif) no-repeat 3px 10px;
}
.PostContent ol{
    margin-bottom:20px;
}
.PostContent ol li{
	margin-left:40px;
	list-style-type:decimal;
}
.PostContent img{
	border:1px solid #D8CEBF;
	padding:5px;
	background-color:#f1f1f1;
    	margin-bottom:15px;
}
.PostContent .wp-post-image{
	background-color:#fff;
	margin-left:30px;
	float:right;
}
.PostContent blockquote{
	margin:10px 0;
	padding-left:55px;
	padding-right:55px;
	background:url(images/quote_bg.png) no-repeat top left;
	font-style:italic;
}
.PostContent .more-link{
	margin-top:10px;
	display:block;
	background:url(images/readmore.png) no-repeat top left;
	height:34px;
	width:102px;
	text-indent:-9999px;
}
.PostContent .more-link:hover{
	background:url(images/readmore.png) no-repeat 0 -34px;
}
.PostContent .postlink{
    clear:both;
    margin-top:40px;
}
.PostContent .postlink a:link{
	text-decoration:none;
}
.PostContent .postlink a:visited{
	text-decoration:none;
}
.PostContent .postlink a:hover{
	text-decoration:underline;
}
.PostContent table{
	margin-bottom:20px;
}
.PostContent table td,.PostContent table th{
        border:1px solid #ddd;
        padding:3px 8px;
}
.PostContent table th{
        background:#dbebb8;
}
.posthead{
	padding-bottom:10px;
	margin:0 20px;
}
.posthead h1{
	font-size:24px;
	line-height:26px;
	font-family:"Microsoft Yahei",PMingLiU,Verdana;
	margin:30px 20px 0 20px;
}
.posthead h1 a{
	color:#82aa47;
	text-decoration:none;
	transition: color 1s;
	-moz-transition: coior 1s; /* Firefox 4 */
	-webkit-transition: color 1s; /* Safari and Chrome */
	-o-transition: color 1s; /* Opera */
}
.posthead h1 a:visited{
	color:#82aa47;
	text-decoration:none;
}
.posthead h1 a:hover{
	color:#333;
	text-decoration:none;
}
.posthead .postdata{
	font-family:"Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif;
	color:#666;
	font-size:12px;
}
.posthead .p-time{
    font-family:"Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:15px;
	margin-right:10px;
	float:left;
	height:64px;
	width:56px;
	background:url(images/date.gif) no-repeat top left;
	display:inline;
}
.p-time .day{
	font-size:22px;
	margin-top:7px;
	margin-bottom:3px;
}
.feedburner p{
	padding:15px;
	color:#333;
	background:#efefef url(images/rss-remind.png) no-repeat top left;
	border-radius:4px;
}
.feedburner p strong{
	color:#F62627;
}
#pagenavi{
    	position:relative;
	font-family:Arial;
	padding:20px 0px 20px 0px;
	font-weight:bold;
}
#pagenavi .Nav{
	margin-left:20px;
	padding-top:5px;
	height:40px;
        width:500px;
}
#pagenavi span{
	border:1px solid #acd863;
	padding:5px 10px;
	background:#fff;
	margin-right:5px;
}
#pagenavi a{
	text-decoration:none;
	margin-left:5px;
	border:1px solid #acd863;
	padding:5px 10px;
	background:#fff;
	color:#81aa48;
}
#pagenavi a:hover{
	border:1px solid #81aa48;
}
#pagenavi .on{
	margin-left:5px;
	border:0px solid red;
	padding:5px 10px;
}
.related_posts{
	padding-bottom:20px;
	margin:25px 20px 0 20px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	min-height:145px;
	background:#e6f2ff url(images/related_post.jpg) no-repeat bottom right;
}
.related_posts h2{
	padding:20px 0 5px 20px;
	font-family:"Microsoft Yahei",PMingLiU;
}
.related_posts ul li{
	color:#666;
	margin-left:40px;
}
#wumiiDisplayDiv a li{
	padding-left:25px;
	list-style:none;
}	
/* Sidebar ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#sidebar{
	float:right;
	margin:0 10px;
	width:320px;
	display:inline;
	overflow:hidden;
	background:url(images/sidebar_bottom.gif) no-repeat bottom center;
	padding-bottom:10px;
}
#sidebar img{
    border:none;
}
#sidebar a:hover{
	transition: color 1s;
	-moz-transition: coior 1s; /* Firefox 4 */
	-webkit-transition: color 1s; /* Safari and Chrome */
	-o-transition: color 1s; /* Opera */
	text-decoration:none;
}
#sidebar .ad{
    margin-left:10px;
    width:300px;
    text-align:center;
}
#sidebar .ad125{
	background:#fff url(images/sidebar_bg.jpg) no-repeat top left;
	width:300px;
	padding:20px 0;
	margin-left:10px;
}
#sidebar .bulletin p{
	padding:5px 20px;
	width:260px !important;
	width:300px;
	background:#fff;
	margin:0 10px;
}
#sidebar .bulletin h3{
	height:47px !important;
	height:62px;
	padding-top:15px;
	color:#fff;
	width:320px;
	background:url(images/bulletin.png) no-repeat top left;
	text-indent:-9999px;
}
#sidebar #organic-tabs{
	overflow:hidden;
}

#sidebar #organic-tabs #explore-nav{
	height:52px;
	width:320px;
	background:url(images/recent.png) no-repeat top left;
	padding-top:10px;
	padding-left:12px;
	overflow: hidden; 
}
#organic-tabs #explore-nav li{
	margin-right:3px;
	width: 90px; 
	float: left; 
}
#organic-tabs #explore-nav li a {
	display:block; 
	padding:8px 7px 11px 6px; 
	color:#385217; 
	font:bold italic 16px "Microsoft Yahei"; 
	text-align:center;
	text-shadow:0 1px 0 rgba(255,255,255,0.15);
}
#organic-tabs #explore-nav li#ex-featured{
	background:url(images/separator.png) no-repeat top right;
}
#organic-tabs #explore-nav li#ex-core{
	background:url(images/separator.png) no-repeat top right;
}
#organic-tabs #explore-nav li a:hover{
	color:fff;
}
#explore-nav li.last {
	margin-right: 0; 
}
#all-list-wrap ul{
	width:260px !important;
	width:300px;
	margin-left:10px;
	background:#fff;
	clear:both;
	padding:0px 20px 10px 20px;
}
#all-list-wrap ul#featured li, ul#jquerytuts li{
	padding:5px 0;
	border-bottom:1px solid #eee;
}
#all-list-wrap ul#core li{
	padding:5px 0;
	border-bottom:1px solid #eee;
}
#all-list-wrap ul#core li a{
	font-weight:bold;
}
#all-list-wrap ul li a:hover{
	color:#202020;
}
#explore-nav li#ex-featured a.current{ 
	color:#202020; 
}
#jquerytuts, #core, #classics { 
	display: none; 
}
#explore-nav li#ex-core a.current, ul #core li a:hover { 
	color:#202020; 
}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { 
	color:#202020; 
}
#sidebar .links{	
	border:0px solid green;
}
#sidebar .links ul{
	padding:0 20px;
	width:260px !important;
	width:300px;
	background:#fff;
	border:0px solid blue;
	padding-bottom:20px;
	margin:0 10px;
	}
#sidebar .links ul li{
	padding:5px 0;
	border-bottom:1px solid #eee;
}
#sidebar .links ul li a:hover{
	padding-right:20px;
	color:#202020;
	background:url(images/arrow.gif) no-repeat right 6px;
}
#sidebar .links h3{
	height:47px !important;
	height:62px;
	padding-top:15px;
	color:#fff;
	width:320px;
	background:url(images/links.png) no-repeat top left;
	text-indent:-9999px;
}
#sidebar .sponsor h3{
	height:47px !important;
	height:62px;
	padding-top:15px;
	color:#fff;
	width:320px;
	background:url(images/sponsor.png) no-repeat top left;
	text-indent:-9999px;
}
/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer{
    position:relative;
	clear:both;
	margin-top:-25px;
	margin-bottom:50px;
	height:65px;
	border:0px solid red;
	background:url(images/footer_bg.png);
}
#footer p{
	padding:20px 0 0 40px;
	color:#666;
}
#footer p a{
	text-decoration:none;
}
#footer .back{
	position:absolute;
	top:80px;
	left:880px;
	text-indent:-9999px;
}
#footer .back  a{	
	width:110px;
	height:32px;
	display:block;
	border:0px solid red;
	background:url(images/back.gif) no-repeat top left;
}
#footer .back  a:hover{
	background:url(images/back.gif) no-repeat 0 -32px;
}
/* Comments
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.comment_title{
	margin:0 20px;
	background:url(images/post_bg1.jpg);	
}
.comment_title h1{
	position:relative;
	padding-bottom:20px;
	border:0px solid red;
	font-family:"Microsoft Yahei",PMingLiU;
	padding-top:10px;
	font-weight:normal;
	padding-left:55px;
	font-size:18px;
	background:url(images/comment_title.jpg) no-repeat top left;
	
} 
.comment_title h1 span{
	position:absolute;
	left:495px;
	top:10px;
	text-align:center;
	font:bold 14px "Microsoft Yahei",PMingLiU,serif;
}
.comment_title h1 span a{
	display:block;
	height:27px;
	width:102px;
	background:url(images/leave_comment.png) no-repeat top left;
	text-indent:-9999px;
}
.comment_title h1 span a:hover{
	text-decoration:none;
	background:url(images/leave_comment.png) no-repeat 0 -27px;
}
*html .comment_title h1 span{
	margin-left:244px;
}
.comment_list{
	margin:0 20px;		
}
.comment_list dl{
	position:relative;
	padding-top:16px;
	margin-bottom:20px;
	background:url(images/comment_list_top.png) no-repeat top left;
}
.comment_list dt{
	border:0px solid blue;
	padding-bottom:16px;
	background:#e8e8e8 url(images/comment_list_bottom.png) no-repeat bottom left;
}
.comment_list dl.authcomment{
	padding-top:16px;
	border:0px solid red;
	margin-bottom:20px;
	background:url(images/authcomment_top.gif) no-repeat top left;
}
.comment_list .authcomment dt{
	padding-bottom:14px;
	background:#acd86e url(images/authcomment_bottom.gif) no-repeat bottom left;
}
.comment_list .authcomment .msg_text{
	padding:0 20px;
	border-style:solid;
	border-width:1px;
	border-color:#acd86e #82aa47;
}
.comment_list .authcomment .user_image{
	padding:5px 0 0 5px;;
	border:0px solid red;
	height:58px;
	width:58px;
	margin:0 20px;
	float:left;
	display:inline;
	background:url(images/auth_user_image.gif) no-repeat top left;
}
.comment_list .user_image{
	padding:5px 0 0 5px;;
	border:0px solid red;
	height:58px;
	width:58px;
	background:url(images/user_image.png) no-repeat top left;
	margin:0 20px;
	float:left;
	display:inline;
}
.comment_list .msg_text{
	padding:0 20px;
	border-style:solid;
	border-width:1px;
	border-color:#e8e8e8 #b3b3b3;
}
.comment_list .msg_text h2 span{
	height:50px;
	float:right;
	color:#82aa47;
}
.comment_list .msg_text h2 cite{
	color:#666;
	font-size:14px;
	font-style:normal;
}
.comment_list .msg_text h2 cite span{
	float:none;
}
.comment_list .msg_text h2 em{
	color:#666;
	font-weight:normal;
	font-size:12px;
}
.comment_list .msg_text h2 em.floor{	
	font-size:14px;
	font-style:normal;
	color:#82aa47;
}
.comment_list .msg_text .reply a{
	line-height:12px;
	position:absolute;
	top:15px;
	left:520px;
	display:block;
	font-weight:normal;
	font-size:14px;
	background:url(images/reply.png) no-repeat top left;
	width:56px;
	height:22px;
	text-indent:-9999px;
}
.comment_list .msg_text .reply a:hover{
	background:url(images/reply.png) no-repeat 0 -22px;
}
#respond{
	color:#666;
	padding-bottom:15px;
	background:#fff url(images/postcomment_bottom.gif) no-repeat bottom center;
}	
.post_comment{
	margin:0 20px;
	background:url(images/postcomment_top.gif) no-repeat top left;
	padding-top:20px;
}
.post_comment_info{
	padding:0 20px;
	border:1px solid #b3b3b3;
	background-color:#e8e8e8;
	border-top:none;
	border-bottom:none;
}
.post_comment .post_comment_title h3{
	font-size:18px;
	font-family:"Microsoft Yahei",PMingLiU;
	background:url(images/title.gif) no-repeat bottom left;
	padding-bottom:3px;
	margin-bottom:10px;
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
}
.post_comment_welcome{
	margin-bottom:10px;
}
.post_comment_body{
}
#author_info input{
	border:1px solid red;
	margin-bottom:10px;
	font:14px Georgia;
	padding:5px 0 4px 5px;
	width:205px;
	color:#666;
	border:none;
	background:url(images/comment_bg.png);
}
#author_info label{
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
}
#author_info label span{
	color:red;
}
#submit_info textarea{
	overflow:auto;
	font:14px/180% Georgia;
	margin-top:20px;
	padding:5px 0 0 5px;
	border:none;
	max-height:156px;
	max-width:445px;
	width:445px;
	height:156px;
	color:#666;
	background:#141313 url(images/commentpost_bg.png) no-repeat top left;
}
#submit_info .submit_box input{
	cursor:pointer;
	border:none;
	margin-top:20px;
	height:44px;
	width:122px;
	background:url(images/submit_bg.png);
}
#submit_info .submit_box input:hover{
	background:url(images/submit_bg.png) no-repeat 0 -44px;
}
/* Category Page
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.category{
        background:url(images/line.gif) repeat-x bottom left;
	height:140px;
	border:0px solid red;
	margin:20px 25px 40px 25px;
}
.category h1{
	font-family:"Microsoft Yahei",PMingLiU;
	color:#333;
	padding-bottom:15px;
}
*html .category h1{
	padding-top:10px;
}
.category p{
	border:0px solid green;
	padding-bottom:15px;
	font-style:italic;
	margin-top:15px;
}
/* Tag Page
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tag{
        background:url(images/line.gif) repeat-x bottom left;
	height:50px;
	margin:20px 25px 20px 25px;
}
.tag h1{
	font-family:"Microsoft Yahei",PMingLiU;
	color:#333;
	padding-bottom:15px;
}
/* Archives Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.archivetitle{
	background:url(images/archive_book.gif) no-repeat center right;
	height:140px;
}
*html .archivetitle h1{
	padding-top:10px;
}
.archivetitle h1{
	width:450px;
	padding-bottom:15px;
	font-family:"Microsoft Yahei",PMingLiU;
	border:0px solid red;
	background:url(images/line.gif) repeat-x bottom left ;
}
.archivetitle p{
	border:0px solid green;
	padding-bottom:15px;
	font-style:italic;
	margin-top:15px;
	width:410px;
}
.archivehead{
	margin:10px 0;
}
ul.archivelist li{
	border:0px solid red;
	margin-left:20px;
}
ol.archivelist li{
	margin-left:40px;
}
.archivelist a{
	text-decoration:none;
}
.archivelist a:hover{
	text-decoration:underline;
}
/* Search Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.pagetitle{
	padding-bottom:10px;
	background:url(images/line.gif) repeat-x bottom left;
	font-family:"Microsoft Yahei",PMingLiU;
	margin-top:10px;
	margin:10px 20px 0 20px;
}
.searchtitle{
	margin-top:5px;
	margin-left:20px;
}
.search-again form{
	border:none;
}
.search-again form fieldset{
	border:none;
}
.search-again form input{
	margin:10px 0 20px 20px;
	font-family:Georgia;
	padding:8px 10px 8px 35px;
	background:url(images/search_again.png) no-repeat top left;
	border:none;
	width:202px !important;
	height:18px !important;
	width:247px;
	height:34px;
	font-size:14px;
}
.noresult{
	margin:10px 0 0 20px;
}
.noresult .noresulttitle{
	margin-bottom:20px;
}
ol#featured{
    margin-top:10px;
    margin-left:25px;
    list-style-type:normal;
}
/* About Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.PostContent .pic img{
	background:none;
	border:none;
	float:right;
	margin-left:10px;
}
.PostContent h1.about{
	background:url(images/title.png) no-repeat top left;
	text-indent:-9999px;
	height:56px;
	margin-bottom:25px;
}
.PostContent .contact img{
	background:none;
	border:none;
}
/* Auto Slider
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
#page-wrap{
	margin-left:20px;
	border-bottom:1px solid #b0a799;
	border-top:1px solid #fff;
	width: 640px; 
	background:#d8cebf;  
	position: relative;
	}
#col1                                   { border:1px solid red; width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

#page-wrap h1 { font: bold 14px Georgia,Serif; margin: 1px 0 10px 20px; padding-top:10px; text-shadow:0 1px 0 rgba(255,255,255,0.8);}
#page-wrap h2                                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
#page-wrap h3                                      { font: 16px Georgia, Serif; margin: 0 0 10px 0; }  
#page-wrap h5                                      { font: 15px Georgia, Serif; text-align: center; }
#page-wrap pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

.anythingSlider ul                                      { border:0px solid red; margin: 0 0 25px 25px; }
.anythingSlider ul li                                   { border:0px solid red; font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              {width:560px; border:0px solid blue; padding: 10px 20px; }
#textSlide h3                           { font: 20px "Microsoft Yahei", PMingLiU,Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px "Microsoft Yahei", PMingLiU,Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             {width:560px; border:0px solid red; padding: 30px; }
#quoteSlide blockquote                  { font:bold italic 24px/1.5 PMingLiU, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/* Slider
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider{border:0px solid red; width:600px; height: 360px; position: relative;}
.anythingSlider a{text-decoration:none;}
.anythingSlider a img{border:none;}
.anythingSlider .wrapper                {border:0px solid red; width: 600px; overflow: auto; height: 341px; margin:0 20px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #496d23; border-bottom: 3px solid #496d23; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  {display: block; height: 200px; width: 67px; background: url(images/arrows1.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #496d23 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #496d23; }

#start-stop                             {font-size:14px; height:18px; padding:2px 5px; border:0px solid blue; background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color:red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }