/*  
Theme Name: SuperFresh
Theme URI: http://themetation.com/
Description: A simple, clean and fresh personal blog design.
Date: 7th Julai 2008
Version: 2.5.1
Author: Kai Loon
Author URI: http://kailoon.com/
Tags: Right Sidebar, 3 Column, Green, Featured Post
*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*--General--*/
* {	/*--make all to 0 as default--*/
	padding: 0;
	margin: 0;
}
*html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body {
	background:#fff url(images/bg-white.jpg) center repeat-y;;
	font: 80%/170% Georgia, Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Lucida Sans, Trebuchet MS, Helvetica, sans-serif;*/
	color: #333333;
	background-attachment:fixed;
}
#clear{
	width:100%;
	height:1px;
	font-size:1px;
	clear:both;
	}
/*--formatting--*/
a{
	color: #b51d25;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #b51d25;
}
a.graylink{
	color:#666;
	}

h2 {
	font: 900 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding-bottom: 10px;
}

h2 em {
	font: 400 30px "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 0;
}

h2.pagetitle {
	text-align: left;
	letter-spacing: 0;
	font-size:16px;
	font-weight:bold;
}

h2.pagetitle strong {
	font-size: 16px;
}

h2 a {
	text-decoration: none;
}

h3 {
	font: 900 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

h4 {
	font: 900 16px "Times New Roman", Times, serif;	
	font-style: italic;
}

h5 {
	font: 400 14px Arial, Helvetica, sans-serif;	
}

h6 {
	
}

blockquote {
	width: 400px;
	font-style: italic;
	background-color: #D7D39A;
	padding: 10px;
	clear: both;
	margin: 0 0 10px 70px;
	font: 400 16px "Times New Roman", Times, serif;		
}

blockquote p {
	padding: 0;
}

.entry ul, .entry ol, .post ul, .post ol {
	padding: 18px;
}

ul {
	list-style-type: none;
}
ul li ul {
	list-style-type: none;
}

ol {
	list-style-type: none;
}

ol li ol {
	list-style-type: none;
}

img.left {
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #fff;
	padding: 4px;
}

img.right {
	float: right;
	margin: 5px 0 5px 5px;
	background-color: #fff;
	padding: 4px;
}

/*--container--*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-bottom:50px;
	clear:both;
}

#header {
	width: 100%;
	height: 30px;
	float: left;
	background:#b51d25;

}
#header a{
	color:#fff;
	}

#head,#head_ad{
	width:960px; 
	color:#fff;
	margin:0 auto;
	}

#head{
	height:25px;
	overflow:hidden;
	}

#logo img{
	float:left;
	clear:right;
	}
.shell #div4{
	color:#FFF;
	width:500px; 
	height:15px;
	line-height:18px;
	font-size:12px;
	overflow:hidden;
	margin-top:7px;
}
#menu{
	margin-top:5px;
	float:right;
	font-size:12px;
	}
#head_ad{
	height:170px;
	}
#logoarea{
	width:482px;
	height:168px;
	float:right;
	overflow:hidden;
	_width:480px;
	}
#back{
	width:148px; 
	float:left;
	padding-top:8px;
	}
#redbg{
	width:319px;
	height:166px;
	background:#f3f2f2;
	float:left;
	overflow:hidden;
	margin-left:10px;
	color:#000;
	}
#redbg #topleft{
	width:230px;
	float:left;
	overflow-x:hidden;

	}
#redbg #topright{
	padding-top:20px;
	width:85px;
	overflow:hidden;
	height:60px;
	float:left;
	text-align:center;
	line-height:15px;
	}
A.toplink{
	color:#808285;
	}
#redbg .d1{
	padding-top:8px;
	}
#redbg .d1,#redbg .d2{
	padding-left:5px;
	}
#redbg .d1 .lf{
	font-size:16px;
	font-family:'Georgia','Arial';
	}
#redbg .d2{
	color:#808285;
	}
#content {
	width: 960px;
	margin-top:8px;
	clear:both;

}

#content #left-col {
	width: 565px;
	float: left;
	position: relative;
	overflow:hidden;
}
#pageleft{
	width:100%;
	background:#fff;
	}
#left-col img{
	border:none;
	}

#content #right-col {
	width: 360px;
	float: right;
	position: relative;
}

#content #right-col #sidebar {
	width: 365px;
	float: left;
	position: relative;
}

#footer {

	background-color:#f0f0f0;filter:alpha(opacity=80); /* IE */ ; -moz-opacity:0.8; /* Moz + FF */ ; opacity: 0.8;
	clear: both;
	width: 100%;
	bottom:0;
	height:42px;
	z-index: 9999;
	position:fixed !important;/*ie7 ff*/
	_position: absolute;
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
	}
	
/*--header--*/

#header #logo {
	width: 550px;
	height: 30px;
	float: left;

}



/*--page-menu--*/
#header #menu {
	float: right;
	text-align:right;
	width: 200px; }

/*--featured-post--*/

.related{
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	}

#featured-post {
	width: 555px;
}

#featured-post h3 {
	font: 900 14px Georgia, Helvetica, sans-serif;
	color: #918e61;
	letter-spacing: -1px;
	padding-bottom: 5px;
}

#featured-post .featured {
	width: 555px;
	float: left;
	padding: 0 10px;
}

#featured-post .featured h2 a {
	display: block;
	padding: 5px 0 0 0;
	letter-spacing: -1px;
}

#featured-post .featured span#f-date {
	padding: 3px 4px;
	color: #5d5b35;
	font-size: 10px;
}

#featured-post .featured span#f-date a {
	color: #5d5b35;
}

#featured-post .featured p {
	padding-top: 5px;
}

#featured-post .featured p img, #featured-post .featured p a img {
	padding: 5px;
	background-color: #fff;
	float: right;
	margin: 0 0 5px 5px;
}

#featured-post .featured small {
	float: left;
	padding: 4px 0;
	width: 558px;
	background: url(images/tag.png) no-repeat center left;
	padding: 4px 0 4px 20px;
}

#featured-post a#readmore {
	float: right;
	display: block;
	width: 79px;
	height: 22px;
	margin: -10px 10px 0 0;
	display: inline;
}

/*--post--*/

.post ,.post1{
	width: 550px;
	overflow:hidden;
	float: left;
/*	background:#efefef;*/
	
}
.entry_single p{
	padding-bottom:8px;
}

#text_ad{
	border:1px solid #eee;
	}
	
#single_ad #sidebar_ad{
	margin-left:-20px;
	margin-top:-17px;
	}
#single_ad span,#sidebar_ad span,#text_ad span{
	display:none;
	}
.entry_single{
	/*background:#efefef;*/
	}
.post .ta_link{
	display:block;
	height:16px;
	width:125px;
	white-space:nowrap;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 }
.post .ta_link:hover{
	
	background:#efefef;
	color:#b51d25;
	}
.index_content{
	position:absolute;
	padding:5px;


	}
.index_content .order{
	font-size:28px;
	width:30px;
	color:#b51d25;
	float:left;
	font-family:'Georgia','Arial';
	font-weight:bold;
	height:50px;
	}
.post_title{
	width:420px;
	height:20px;
	float:left;
	overflow:hidden;

	}
#post_views,#post_views2{
	width:90px;
	height:18px;
	color:#b51d25;
	float:left;
	text-align:right;

	}
#post_views2{
	width:120px;
	}
.index_content .post_title a{
	font-size:18px;
	font-family:'Georgia','黑体';
	color:#b51d25;
	font-weight:bold;
	overflow:hidden;
	height:20px;
	text-decoration:none;
	}

#c_inf{
	width:280px;
	float:left;
	font-size:12px;
	}
#emvote{
	width:260px;
	float:right;
	text-align:right;
	}

.entry_index img{
	margin-bottom:10px;
	}
.index_comments{
	width:200px;
	padding-bottom:7px;
	clear:both;
	}

.index_content .post_title a:hover{
	background:#b51d25;
	color:#fff;
	text-decoration:none;
	}
.index_content .post_date{
	font-size:12px;
	font-family:'Georgia';
	height:18px;
	width:400px;
	overflow:hidden;
	color:#555;
	}
*html .post_date{
	margin-top:-5px;
	}
.post1{
	/*background:#efefef;*/
	margin-bottom:10px;
	cursor:pointer;
	}
.post .post-info {
	float: left;
	width: 100px;	
}

.post .post-info a img, .post .post-info img {

	background-color: #dedcb9;
}

ul.links {
	list-style: none;
}

.post .post-info em {
	display: block;
	font-size: 9px;
}

.post .post-info span.post-tag {
	display: block;

	font-size: 9px;
	padding: 3px 0;
}
.post .post-info span.post-tag a {
	text-decoration: none;
	font-weight: 900;
}

.entry {
	float: left;
	width: 490px;	
}
#we_ad{
	width:365px;
	overflow-x:hidden;
	}
#we_ad span{
	display:none;
	}
#we_ad img{
	border:none;
	}
p.metadata {
	padding: 2px;
	clear: right;;
	text-align: left;
	margin-top: 10px;
}
.metadata a{
	color:#666;
	}
.metadata a:hover{
	color:#b51d25;

	}
.thumb_div{
	position:relative;
	width:175px;
	float:left;
	height:250px;
	overflow:hidden;
	margin:0 12px 0 0;
	}
.thumb_content .num,.thumb_content .title{
	position:absolute;
	}
.thumb_content .num{
	color:#b01116;
	font-size:28px;
	font-family:'Georgia','Arial';
	font-weight:bold;
	padding:5px;
	}
.thumb_content span a:hover{
	color:#fff;
	}
.thumb_content .title{
	margin-top:127px;
	width:175px;
	height:18px;
	overflow:hidden;
	} 
.thumb_content .title a{
	color:#666;
	}
.thumb_content .title a:hover{
	color:#fff;
	}
.thumb_div img{
	margin-bottom:25px;
	border:0px;
	}
.thumb_content{
	width:175px;
	height:210px;
	overflow:hidden;
	cursor:pointer;
	}
#hoverbg{
	width:175px;
	height:100%;
	}
#hoverbg a:hover{
	color:#fff;
	}
p.metadata2 {
	padding: 2px;
	background-color: #e2e0b6;
	clear: left;
	text-align: right;
	width: 550px;
}

.cstyle{
	font-weight:bold;
	color:#b51d25;
	font-size:20px;
	}
.graystyle{
	color:#999;
	font-size:12px;
	}
.cat {
	float: left;
	width: 100%;
	font-size: 11px;
	font-style: italic;
	margin-bottom: -5px;
	color: #666;
}
.clear {
	clear: both;
	padding: 10px 0 0 0;
}

/*--right-col--*/

/*--feed--*/
#feed {
	width: 365px;
	text-align: right;
	float: left;
	margin-bottom: 10px;
}
#tagcloud{
	width:550px;
	background:#e0e0e0;
	float:left;
	margin-top:15px;
	}
#tagcloud p,#posttip .p1{
	font-size:18px;
	font-weight:bold;
	font-family:'Arial';
	padding:5px;
	margin-left:4px;
	color:#b51d25;
	}
#posttip .p1{
	margin-left:10px;
	}
#tagcloud div{
	margin:5px;
	background:#fbfbfb;
	padding:5px;
	}
#feed a.rss {
	width: 32px;
	height: 27px;
	background: url(images/rss.png) no-repeat top left;
	float: right;
	text-indent: -9999em;
	text-align: left;
}

/*--feed--*/
#searchform {
	width: 365px;
	float: left;
	height: 40px;
	background:#eaeaea;
	text-align:left;
	
}

#searchform form {
	float: left;
	margin-top: 10px;
	display: inline;
}

#searchform form input#s {
	width: 170px;
	height: 16px;
	border:0;
	float: left;
	margin-top:2px;
	padding: 3px 0 0 5px;
	color: #999;
	margin-left:5px;
	font-size:11px;
	font-family:'Arial';
}

#searchform form input#searchsubmit ,#foot_ser form input#searchsubmit{
	width: 20px;
	background: url(images/search.gif) no-repeat center left;
	height: 24px;
	border: 0;
}
#foot_ser div{
	margin-top:10px;
	}
/*--about--*/
#about {
	clear: left;
	width: 365px;
	margin-bottom: 20px;
}

#about h3 {
	font: 400 18px Arial, Helvetica, sans-serif;
	background: url(images/about.png) no-repeat top right;
	width: 260px;
	margin-bottom: 10px;
}

#about a img {
	padding: 5px;
	float: left;
	margin: 5px 5px 5px 0;
}

#about span {
	font-size: 10px;
	line-height: 16px;
}

#site_nav{
	clear:both;
	margin-top:33px;
}
*html #site_nav{
	margin-top:15px;
}
#site_nav a:hover{
	color:#333;
	}
#site_nav dl dd{
	float:left;
	}
#site_nav .dd1,#site_nav .dd2,#site_nav .dd3{
	margin-right:7px;
	width:74px;
	}
#site_nav dl dd a{
	display:block;
	width:74px;
	height:45px;
	}
#site_nav .dd1 a{
	background:url(images/subscribe.gif) no-repeat;
	}
#site_nav .dd2 a{
	background:url(images/post.gif) no-repeat;
	}
#site_nav .dd3 a{
	background:url(images/store.gif) no-repeat;
	}
#site_nav .dd4 a{
	background:url(images/contact.gif) no-repeat;
	}
#site_nav .dd1 a:hover{
	background:url(images/subscribe2.gif) no-repeat;
	}
#site_nav .dd2 a:hover{
	background:url(images/post2.gif) no-repeat;
	}
#site_nav .dd3 a:hover{
	background:url(images/store2.gif) no-repeat;
	}
#site_nav .dd4 a:hover{
	background:url(images/contact2.gif) no-repeat;
	}
/*--sidebar1--*/


.gray_more{
	text-align:center;
	font-size:14px;
	padding-left:35px;
	clear:both;
	}


#sidebar h3 {
	text-align: center;
	margin-bottom: 15px;
}
#sidebar img{
	border:0;
	}
#sidebar ul {
	list-style: none;
}

#sidebar1 {
	float: left;
	width: 200px;
}
#sidebar1 img{
	margin-left:0px;
	}
.des_inf{
	width:190px;
	overflow-x:hidden;
	padding-bottom:15px;
	line-height:16px;
	clear:both;

}
.des_inf p{
	width:195px;
	}
.des_inf a{
	font-family:'宋体';

	}
#sidebar2 {
	float: right;
	width: 145px;
	overflow-x:hidden;
}
#sidebar2 img{
	padding-bottom:10px;
	}
#sidebar2 span{
	display:none;
	}

#sidebar ul li {
	margin-bottom: 10px;
	clear:both;
}

#sidebar ul li h2 {
	font-size:18px;
	font-style:italic;
	font-family:'Arial';
	font-weight:bold;
	color: #000000;

}

#sidebar ul li ul li {
	width:190px;
	border: 0;
	margin-bottom:0px;
	line-height:20px;
	clear:both;
}

#sidebar ul li ul li a {
	float:left;
	text-decoration: none;
	color: #333333;
}
#sidebar2 ul li ul li a {
	width:200px;
	display:block;
	line-height:18px;
}

#sidebar ul li ul li a:hover {
	color: #b51d25;
}

/*--comments--*/

#comments {
	float: left;
	width: 550px;
}
input.com_in{
	color:#999;
	width:127px;
	border:1px solid #ccc;
	background:#f8f8f8;
	padding: 2px;
	}
textarea{
	background:#f8f8f8;
	border:1px solid #ccc;
	}
h3#comment-title {
	width: 550px;
	float: left;
	padding-top: 5px;
}

#comments ol, #comments ol li {
	float: left;
	width: 550px;
	list-style: none;
	padding: 0;
}

#comments ol li .comment-data {
	float: left;
	width: 550px;
	overflow: auto;
	margin-bottom:15px;

}


.comment-data p{
	width:528px;
	float:left;
	
	}
.comment-data .c_n{
	width:20px;
	font-size:22px;
	color:#666;
	font-family:'Arial';
	margin-right:3px;
	}
#comments ol li .comment-info {
	width: 90%;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	padding-top:20px;
	border-bottom:1px solid #ccc;
}
#avatar{
	width:45px;
	height:40px;
	float:right;
	}

#comments ol li .comment-info a img {
	border: 0;
	margin-bottom: 5px;
}

#comments ol li .comment-info a {
	text-decoration: none;
}

#posttip{
	width:550px;
	background:#f8f8f8;
	margin-top:-35px;
	float:left;
	}
#recentpost,#randompost{
	margin-left:16px;
	}

/*--respond--*/
#respond {
	padding-top: 5px;

	float: left;
	float: left;
	width: 555px;
}

#respond p {
	padding: 2px 0;
}



/*--footer--*/
#footer{
	height:38px;
	width:100%;
	overflow:hidden;
	}
#footer .footer-text {
	width: 960px;
	margin: 0 auto;
}

#footer .footer-text a {
	color: #555;
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#footer .footer-text a:hover{
	color:#b51d25;
	}
#footer img{
	float:left;
	}
#footer #static{
	float:left;
	width:30px;
	margin-top:4px;
	}
#footer .footer-text span {
	float: left;
}
#copyright{
	width:560px;
	float:left;
	}
#foot_ser{
	background-color:#e0e0e0;filter:alpha(opacity=90); /* IE */ ; -moz-opacity:0.90; /* Moz + FF */ ; opacity: 0.90;
	width:190px;
	height:38px;
	float:left;
	
	margin-left:62px!important;
	_margin-left:30px;
	}

#foot_ser input#s{
	color:#999;
	border:0;
	background:#ffffff;
	margin-top:3px;
	margin-left:3px;
	}
#footer_pic{
	width:150px;
	float:left;
	margin-left:10px;
	cursor:pointer;
	}
/*--widget-formatting*/
.textwidget {
	padding: 5px;
}
.widget_links{
	line-height:20px;
	}
a.tag-link-11 {
	text-decoration: none;
	margin: 3px;
}

#tag_cloud .widgettitle, .widget_text .widgettitle, .widget_calendar .widgettitle {
	text-align: left;

}

#tag_cloud {
	text-align: center;
}

ul#recentcomments li.recentcomments {
	width: 150px;
	font-weight: 900;
	padding: 2px 4px;
}

ul#recentcomments li.recentcomments a {
	border:0 ;
	width: 150px;
	font-weight: 400;
}


#calendar_wrap {

}

#wp-calendar {
	width: 150px;
	margin: 0 auto;
}

#wp-calendar a {
	text-decoration: none;
	padding: 1px 2px;
	background-color: #b63d13;
	color: #fff;
}

#prev {
	text-align: left;
}

#prev a {
	text-decoration: none;
	padding: 1px 2px;
	background-color: #D7D39A;
	color: #b63d13;
}

#next {
	text-align: right;
}

#next a {
	text-decoration: none;
	padding: 1px 2px;
	background-color: #D7D39A;
	color: #b63d13;
}

/*--navigation--*/

.navigation {
	float: left;
	width: 550px;
	margin-top: 20px;
	font-size:11px;
}

.navigation a{
	margin:3px;
	padding:5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
.navigation a:hover{
	background:#b51d25;
	color:#fff;
	}
.navigation .current{
	color:#333;
	padding:5px;
	}

/*--gallery--*/

p.attachment {
	text-align: center;
	padding: 15px 10px;
}
p.attachment a img {
	padding: 3px;
}

.navigation a img {
	padding: 3px;
}

.gallery-item a img {
	padding: 3px;
}

.gallery-caption {
	font-size:11px;
	line-height:14px;
	margin-left:0pt;
	padding-bottom:10px;
}

.aligncenter,div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   text-align: center;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#slider IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #b51d25 3px solid; PADDING-TOP: 0px; max-width: 100%
}
.fouspic {
	FLOAT: left; WIDTH: 365px; HEIGHT: 160px
}
#slider {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-LEFT: #fff 0px solid; WIDTH: 485px; BORDER-BOTTOM: #fff 0px solid; POSITION: relative; HEIGHT: 165px
}
#slider .slide {
	BACKGROUND: #fff; OVERFLOW: hidden; BORDER-LEFT: #b51d25 4px solid; WIDTH: 500px; CURSOR: default; POSITION: absolute; TOP: 0px; HEIGHT: 250px
}
#slider .title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #b51d25; MARGIN-RIGHT: 16px; FONT-FAMILY: arial;line-height:18px;
}
#slider .backgroundText {
	 FILTER: alpha(opacity=50); WIDTH: 100%; POSITION: absolute; TOP: 100%; HEIGHT: 100%; opacity: 0.6
}
#slider .text {
	FONT-SIZE: 12px; LEFT: 15px; WIDTH: 180px; COLOR: #fff; POSITION: absolute; TOP: 100%; TEXT-ALIGN: justify
}
#slider .diapo {
	FILTER: alpha(opacity=100); VISIBILITY: hidden; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none; opacity: 1
	 opacity: 0.8;
}

#clock{
	background:#eaeaea;
	text-align:center;
	width:365px;
	}

ul.children li,ul.children li a{
	color:#777;
	color:#777!important;
	}
ul.children li a:hover{

	color:#a75ea5!important;
}
li.categories ul li a{
    padding-left:20px;
	background:url(images/checkbox_0.png) no-repeat;
	font-weight:bold;
	}
li.categories ul li ul.children li a{
	padding-left:0px;
	background:#ffffff;
	font-weight:100;
	}
ul.children li ul.children li a:hover{
	color:#6d70fa!important;
}
.sharelink{
	text-align:right; padding-bottom:10px;
}