/*

Theme Name: MultiColorV4.1

Theme URI: http://www.thinkagain.cn

Description: Html W3C Validation Passed, 2009-02-12

Author: Xili

Author URI: http://www.thinkagain.cn/

*/

/*
v4.1 	add corner to divs
V4.0 	Fix tag link problem
v3.9	Add wordpress smilly support.
V3.8	Add xianguo recommend button
		Add Links page, and hot_friends function
v3.7	re-arrange comment display order in asc.
		Revise function.php and add cached sidebar functions.
		adopt wp built in thickbox.
V3.6  Revise get_avarta function, make comments layout depends on order
V3.5	Using wp_gg_translate_gadget.
V3.4 	add 'multicolor' options to wp_options, content of 'multicolor':
	lastcommentdate:  save the date of latest comment.
	remove spotplex code
V3.3	add thickbox js
V3.2		Add douban api.
		Add js effect to submission icons
		Change button name from "Blog" to "Home"
		Add navigation buttons to template.
		Support smiles in comments.
  Change a:hover style, from display border line to color change.

V3.1 add gravatar support in comments.
*/

/* Body */

*{

	margin: 0px;

	padding:0px;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

}

a{

	text-decoration:none;

	color: #2277dd;

}

a:hover{

/*	text-decoration: underline;*/

	color:#CC2A50;

}

img{

	border: 0;

}
.postcontent p img:hover{
	border: none !important;
}

.clear {

	clear: both;

}

blockquote {

	margin: 15px 20px 0px 20px;

	padding-left: 10px;

	border-left: 5px solid #D2E6C1;

	color:#888;

   /*	border-left: 5px solid #ddd;*/

	background-color: #EEF7E9;

}

blockquote p{

	text-indent: 0em !important;

}

body{

	font-size:12px;

	font-weight:normal;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background-color: white;

	color:#444444;

	line-height: 1.5em;

	text-align:center;

	min-width:960px;

}

#wrapper{

	width:960px;

	text-align:left;

	margin:0 auto;

	background-color: white;

}

#header{

	height: 200px;

	position:relative;

	background: White url(images/head.gif) no-repeat;

}

#main{

	width:960px;

}

#content{

	position:relative;

	width: 508px;

	float: left;

}

#sidebar{

	float: left;

	border-left: 1px solid #69943E;

}

#upsidebar{

	width:420px;

	padding-right:20px;

	padding-top:8px;

}

#lsidebar{

	width:220px;

	float:left;

}

#rsidebar{

	width:200px;

	float:left;

	border-left: 1px solid #69943E;

}

/* Header */

h1{

	padding:80px 0px 0px 20px;

	font-size:2.5em;

	color:black;

	letter-spacing: -2px;

}

h1 a{

	color:black;

}

h1 a:hover{

	color:black;

	background-color: white;

}

.decription{

	padding-left:20px;  

	display:inline;

	font-size:10px;

	line-height: 25px;

}

ul.menu {

	padding: 5px 15px 6px 0px;

	position: absolute;

	bottom: 0;

	left: 20px;

	width: 90%;

}

ul.menu li {

	float:left;
	margin-right: 3px;
	text-align:center;
}

ul.menu li a {

	padding: 4px 10px 4px 10px;

	font: 1em Verdana, Helvetica, Arial, Sans-Serif;

	color: white;

	background: #F25705;

	font-variant: small-caps;
	display: block;
}

ul.menu li a:hover {

	background: #F2B014;

	color: #eee !important;

	text-decoration: none;

}

ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {

	color: #fff !important;

	background: #69943E;

	text-decoration: none;

}

.admintab {

	position: absolute;

	right: 0px;

}

/* Main frame */

.postentity{

	display: block;

	padding-top: 5px;

	padding-bottom: 0px;

}

.posthead{

	display: block;

}

.posthead .posttitle a {

	color:#444444;

}

.posthead .posttitle a:hover{

	color:#444444;

}

.postcontent{

	text-align: justify;

	line-height: 1.5em;

	padding-top: 5px;

	padding-left:20px;

	padding-right:10px;

}

.postcontent p{

	text-indent : 2em; 

	text-align: justify; 

	margin-top:0.5em;

}

.postcontent p a{

/*	text-decoration: underline;*/

	color:#69943F;

/*		padding-right: 10px;

background: transparent url(images/link.gif) no-repeat scroll right center;

*/}

.postcontent p a:hover{

	text-decoration: none;

/*	background-color:#69943E;

	color:#FFFFFF;

	font-weight: normal;

	color: #444444;

	border-bottom: 1px dashed #888889;*/
	color: #2277DD;

}

.more-link{

	background:transparent url(images/more.gif) no-repeat scroll 100% 3px;

	padding-right: 20px;

}

.editlink{

	color: #BBBBBB;

	font-size: 0.8em;

	margin-left: 10px;

}

.posthead .posttitle .editlink a{

	color: #BBBBBB;

	font-size: 0.8em;

}

.posthead .posttitle .editlink a:hover{

	color: #BBBBBB;

	font-size: 0.8em;

}

.posttitle{

	color:black;

	line-height: 1.2em;

	font-size:1.6em;

	padding-top:5px;

	padding-bottom:10px;

	padding-left:20px;

}

.posttitle a:hover{

	border-bottom: 1px dashed #444444;

}

.posttime{

	background:transparent url(images/time.gif) no-repeat scroll left center;

	padding:5px 0pt 5px 20px;

	margin-left:20px;

	margin-right:5px;

	color:#BBBBBB;

}

.postcomment{

	background:transparent url(images/comment.png) no-repeat scroll left center;

	padding:5px 0pt 5px 20px;

	color:#BBBBBB;

}

.posttag{

	background:transparent url(images/tag.gif) no-repeat scroll left center;

	padding:5px 0px 5px 20px;

	color:#BBBBBB;

	margin-left: 20px;

}

/* Sidebar*/

#sidebar h3{

	display:inline;

	font-size:1.5em;

	font-weight:normal;

	padding:5px 0px 5px 10px;

	font-family:'Trebuchet MS',Verdana,Sans-Serif;

}



#sidebar ul{

	padding:5px 0px 5px 10px;

}



#lsidebar .category ul li ul{

	padding:0px 0px 0px 15px;

}

#rsidebar .category ul li ul{

	padding:0px 0px 0px 15px;

}

#lsidebar .bookmark ul{

	padding-bottom:0px;

}

#rsidebar .validation{

	padding-left: 10px;

}

#rsidebar .validation img{

	padding-bottom:5px;

}

#lsidebar .subscribe img{

	padding-bottom: 2px;

}

.tags{

	line-height: 1.2em;

}

#searchform{

	margin:5px 0px 10px 10px;

}

/* Footer*/

#footer {

	/*height: 10px;

	padding-bottom:25px;*/

   margin-top: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

   text-align: left;

}

#footer img{

	padding-top:5px;

}

#footer a{

	color: #889;

	font-weight: bold;

}

#footer a:hover {

	border: none;

	color: black;

	background-color: white;

}

#footerleft{

	float:left;

	padding-bottom: 2px;

}

#footerright{

	float:right;

}

/* Pagebar */

.pagebar	{

	display:block;

	margin:15px 10px 10px 20px;

}

/* Navigation */

.navigation{

	text-align: center;

	margin: 15px 20px 10px 20px;

}

.navigation .alignleft{

	float:left;

	text-align:left;

}

.navigation .alignright{

	text-align:right;

	float:right;

}

/* Comment form*/

cite{

	font-size: 14px;

	font-weight: bolder;

}

small{

	font-size:12px;

}

textarea{

	width:465px;

}

.commentlist p{

	font-size: 14px;

	margin:5px 0px 5px 0px;

	line-height:1.2em;

}

#respond{

	padding-left:20px;

}

#commentform{

	padding-left:20px;

	line-height: 2em;

}

#comments{

	padding-left:20px;

}

.commentlist{

	padding:5px 20px 20px;

}

.commentlist li{

	margin:10px 0px 10px;

	padding:5px 10px 3px;

	list-style:none;

}

.commentcount{

	font-size:2.0em;

	font-weight:bold;

	color: #c0c0d0;

	width: 50px; 

	right:0;

	text-align: right; 

	position:absolute;

	margin-top:5px;
	margin-right:50px;

}
.commentcountalt{

	font-size:2.0em;

	font-weight:bold;

	color: #c0c0d0;

	width: 50px; 

	left:0;

	text-align: left; 

	position:absolute;

	margin-top:5px;
	margin-left:50px

}

.alt{

	margin-top:10px;

	padding:10px;

	border:1px solid #ddd;

	background-color:#f8f8f8;

}

.commentsmeta{
	text-align:left;
}
.commentsmetaalt{
	text-align: right;
}
.mark{
	margin-left:410px;
}
.markalt{
	margin-left:20px;
}
.guestbookmark{
	margin-left: 600px;
}
.guestbookmarkalt{
	margin-left:50px;
}
/* Calendar */

#wp-calendar {

	text-align:center;

	margin:0;

}

#wp-calendar td {

	height:24px;

	width:24px;

	line-height:20px;

	background-image:url(images/day.png);

	background-repeat:no-repeat;

	background-position:center;

	font-size:11px;

	color:#4f4f35;

}

#wp-calendar td a {

	display:block;

	width:24px;

	height:24px;

	color:#fff;

	text-decoration:none;

	background-image:url(images/linkday.png);

	background-position:center;

	line-height:24px;

	background-repeat:no-repeat;

}

#wp-calendar #prev a {

	width:49px;

	background-image:url(images/linkday2.png);

	background-position:center;

}

#wp-calendar #next a {

	width:49px;

	background-image:url(images/linkday2.png);

	background-position:center;

	margin:0 0 0 30px;

}

#wp-calendar #today {

	background-image:url(images/today.png);

	background-position:center;

	color:#fff;

	background-repeat:no-repeat;

}

#wp-calendar #today a {

	background-image:url(images/today.png);

	background-position:center;

	color:#fff;

	font-weight:700;

	background-repeat:no-repeat;

}

#rss{

	margin: 5px 20px 0px 40px;

	padding:5px 5px 5px 15px;

	border-left: 5px solid #D3E3F6;

}

#rss a:hover{

	font-weight:normal;

	text-decoration: underline;

}

#bookmark{

	margin: 5px 20px 0px 40px;

	padding:5px 5px 5px 15px;

	border-left: 5px solid #D3E3F6;

}

#trackback{

	margin: 5px 20px 20px 40px;

	padding:5px 5px 5px 15px;

	border-left: 5px solid #D3E3F6;

}

#trackback a:hover{

	font-weight:normal;

	text-decoration: underline;

}



/* Sitemap */

.ddsg-cats {

	font-weight:bold;

}

.ddsg-cats a{

	font-weight:bold;

	color:#444444;

	text-decoration: underline;

}

.ddsg-cats a:hover{

	font-weight:bold;

	background-color:#888;

	color:#FFFFFF;

	text-decoration: none;

}

.ddsg-wrapper h2{

	font-size:16px;

	line-height: 25px;

}

.ddsg-wrapper ul{

	text-indent: 1em;

}

.ddsg-wrapper ul li ul{

	text-indent: 1em;

	margin-left:20px;

}

.ddsg-wrapper ul li ul li ul li{

	margin-left:15px;

	padding-left:10px;

}

/* Adsense */

.adpost{

	padding-left:20px;

	padding-top:10px;

	padding-bottom: 10px;

}

/* Google Ajax search */

#searchcontrol{

	width: 300px;

}

#searchResults {

	padding-left:20px;

}

#searchResults .gsc-control {

  width : 95%;

}

form.gsc-search-box{

	padding-left: 10px;

}

#searchResults .gsc-resultsbox-visible {

  border : 1px solid #e9e9e9;

}

/* Fanfou */

#fanfou_statuses_userthinkagain li{

/*	background: transparent url(images/li_bg.gif) no-repeat scroll left top;

	padding: 0px 0px 0px 20px;

	list-style-image: url(images/comments.gif);*/

	list-style-type: square;

	margin-left: 20px;

}
#fanfou_statuses_friends li{
	list-style-type: square;
	margin-left: 20px;
}

/* GuestBook */

.gbcommentcount{

	font-size:2.0em;

	font-weight:bold;

	color: #c0c0d0;

	width: 350px; 

	right:0;

	text-align: left; 

	position:absolute;

	margin-top:1px;

}
.gbcommentcountalt{

	font-size:2.0em;

	font-weight:bold;

	color: #c0c0d0;

	width: 350px; 

	left:0;

	text-align: right; 

	position:absolute;

	margin-top:1px;

}

.gb textarea{

	width: 915px;

}
.gbcommentsmeta{
	text-align:left;
}
.gbcommentsmetaalt{
	text-align: right;
}
/* related post and random post in post page*/

#randompost{

	margin: 5px 20px 5px 20px;

	padding:5px 5px 5px 5px;

	border: 1px solid #DEDEDE;

}

#randompost a{

	color:#69943D;

}

#randompost a:hover{

	text-decoration: none;

	color: #444444;

	border-bottom: 1px dashed #888889;

}

#randompost p{

	font-size: 1.2em;

	line-height: 1.5em;

}

/*

#randompost li{

	background:url(images/arrow.gif) no-repeat scroll 1px 0.4em;

	padding-left:15px;

	font-size: 12px;

}

*/

/* Welcome info in sidebar */

.welcome{

	margin:3px 10px 5px 20px;

	padding: 10px;

	background-color: #F8F8F8;

	color: #555555;

	border-bottom: 1px solid #DDDDDD;

	border-top: 1px solid #DDDDDD

}

.welcome p{

	line-height:1.8em;

	letter-spacing: 0.1em;

}

.welcome a{

	color:#69943E;

}

.welcome a:hover{

	color: #8FBAEE;

}

/* Comment pointer*/

/* The hint to Hide and Show */

.hint {

	display: none;

    position: absolute;

    right: -250px;

    width: 200px;

    margin-top: -4px;

    border: 1px solid #c93;

    padding: 10px 12px;

    /* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

    background: #ffc url(images/pointer.gif) no-repeat -10px 5px;

}



/* The pointer image is hadded by using another span */

.hint .hint-pointer {

    position: absolute;

    left: -10px;

    top: 5px;

    width: 10px;

    height: 19px;

    background: url(images/pointer.gif) left top no-repeat;

}

.gbhint {

	display: none;

   position: absolute;

	right: 40%;

   width: 200px;

   margin-top: -4px;

   border: 1px solid #c93;

   padding: 10px 12px;

    /* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

   background: #ffc url(images/pointer.gif) no-repeat -10px 5px;

}



/* The pointer image is hadded by using another span */

.gbhint .gbhint-pointer {

	position: absolute;

	left: -10px;

	top: 5px;

	width: 10px;

	height: 19px;

	background: url(images/pointer.gif) left top no-repeat;

}

.gblasthint {

	display: none;

   position: absolute;

	right: 40%;

   width: 200px;

   margin-top: 100px;

   border: 1px solid #c93;

   padding: 10px 12px;

    /* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

   background: #ffc url(images/pointer.gif) no-repeat -10px 5px;

}



/* The pointer image is hadded by using another span */

.gblasthint .gblasthint-pointer {

	position: absolute;

	left: -10px;

	top: 5px;

	width: 10px;

	height: 19px;

	background: url(images/pointer.gif) left top no-repeat;

}

/* Anti spam */

#akismetwrap #aka,#aka:link,#aka:hover,#aka:visited,#aka:active{color:#fff;text-decoration:none}

#aka:hover{border:none;text-decoration:none}

#aka:hover #akismet1{display:none}

#aka:hover #akismet2,#akismet1{display:block}

#akismet2{display:none;padding-top:2px}

#akismeta{font-size:16px;font-weight:bold;line-height:18px;text-decoration:none}

#akismetcount{display:block;font:15px Verdana,Arial,Sans-Serif;font-weight:bold;text-decoration:none}

#akismetwrap #akismetstats{background:url(images/akismet.gif) no-repeat top left;border:none;color:#fff;font:11px 'Trebuchet MS','Myriad Pro',sans-serif;height:40px;line-height:100%;overflow:hidden;padding:8px 0 0;text-align:center;width:120px}

/* wp_list_posts */

.wp_list_posts_tag{

	text-indent: 2em;

}

/*download box*/
/*
.downloadbox{

display: block;

}

.downloadbox a:hover{

text-decoration: none;

border-bottom: none !important;

}
*/
.downloadbox{
	display: block;
	border: 1px solid #DDE5E9;
	height: 66px;
	width: 240px;
	margin:3px 3px 3px 2em;
	padding: 0px;
	background-image: url(images/ecRowDet_bg.png);
	background-repeat: no-repeat;
	text-indent: 0em !important;
}
.downloadbox a:hover{
	border: none !important;
	text-decoration: none !important;
}

.downloadboxleft{
	float: left;
	margin: 6px;
	height: 54px;
	width: 54px;
	border:0pt none;
}
.downloadboxright1{
	display: block;
	margin-top: 6px;
}
.downloadboxright{
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 120%;
}
/* Gravatar */
.avatar{
	float:left;
	margin-right: 8px;
	
}
.avataralt{
	float: right;
	margin-left: 8px;
}
/* Xianguo added 2008-09-12 */
.xianguobutton{
	float: right;
}
/*Nifty CsS 2009-02-14*/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}